::R@keta >> Generation Web Vol.2>>

Dotmaik » Uz mate nekdo zkusenosti s GatsbyJS? Vypada to paradne

#PhoeniX » geek0n (21:06:32): pravděpodobně Foundation má tohle jako základní chování obrázků, 100% width dokud nedosáhne maximálních rozměrů původního obrázku
jeslti něco cuká tak je to tou velikostí obrázků, spíš rozměrovou než datovou, ale vysvětluj něco takového klientovi co si neumí uložit link na admin sekci jako záložku v prohlížeči... taky ten slideshow neřeší Foundation, tu by to šlo, ale Orbit (carousel/slideshow integrovaný do Foundation) nezvládne zobrazovat několik slidů a posouvat s ředou po jednom
takže [slick http://kenwheeler.github.io/slick/]

základní kostra byla vykuchána z tohohle, což je projekt týpka - známého, který mi dohodil tyhle dva další weby a svůj si nechal překopat
http://www.djpohotovost.cz/
inb4 lol
každý máme svoje

teď si pořídil AdWords a bude chtít maximální optimalizaci
co je doháje vlastně 'above the fold content'?

geek0n » #PhoeniX (17:44:02): mne tam drazdi ten mezikrok kodovani sablony, jeste to nemam uplne zazity asi:)

foundation by melo mit vsechny obrazky responzivni v zakladu, jak koukam...nebo jsem nepochopil problem, kterej by nevyresila 100% max sirka a auto vyska? cuka to se mnou, kdyz stranka pri nacitani skace:)

#PhoeniX » geek0n (21:12:28): dalo by se bez, ale snad všichni dneska responzivní weby a když už to někdo napsal a vyzkoušelo to tři prdele lidí, nebudu psát vlastní rozklikávací menu pro mobilní touch screen... takže za mě jo, framework je dobrý aspoň v tomhle, kdybych to chtěl hrotit, můžu znovu naklikat custom build bez všeho co ten web nepoužívá

rozměry u obrázků? potřebuju aby se to dopočítávalo právě, protože by všechno mělo být vidět na všech obrazovkách.. absolutně zadaná velikost obrázku by to rozsekala, něco někde je v procentech a s maximálním rozměrem v pixelech v případě že by se to mohlo přeroztáhnout

uri » #PhoeniX (1:25:12): hmm lemme check

geek0n » #PhoeniX (18:27:29): ctyrku sem priznam jeste ani neprohlizel, ta alpha je pro mne o duvod vic, proc to ani nepokouset. ja si prave flex zatim taky lepim sam, naprosto nesystemove, ale setri to nervy:) trochu se prechodu na flex-grid bojim, ale na druhou stranu uz mam bs plny zuby. btw mozna zajimavy

trochu si rikam, jestli je na takovej web vazne potreba framework, ale sem proste zpatecnik. i tak je to rychly, to ma svoji kvalitu:) akorat bych pridal rozmery u obrazku, aby to bylo jeste sviznejsi.

#PhoeniX » geek0n (10:53:01): bootstrap neumí? zatím jsem teda flexoval sám když bylo třeba, ale Foundation můžeš mít i flex-grid only, a možnosti flex-gridu jsem ještě nezkoušel, postačilo standardní řešení

http://john-dee.cz/

please don't judge me for faggotry... původně to mělo být na čistém bílém pozadí, změnu kontrastu si vymyslel vlastník před dokončením a dvakrát nechal zachušťovat logo jako vodoznak....

geek0n » #PhoeniX (1:25:12): hlavne umi flex, netrpelive cekam, az budu moct prebehnout

#PhoeniX » http://foundation.zurb.com/

poptával jsem jaký je rozdíl mezi Foundation (6) a Bootstrapem, prej je to víceméně o zvyku, ale dělá se s tím dobře, mělo by to jít naplácnout sna di na ten Drupal, ale s tím jsem nikdy nedělal

každopádně za mě efektivní řešení rezponzivního layoutu co se dobře píše

uri » hele, pocem, kamdes, sem weby nesledoval nejakou dobu a tvorim nejakej uplne basic vlastni paskvil na Drupalu...

nejaky vtipy, tipy, triky?

#PhoeniX » sprostředkovatel navrhl, klient odsouhlasil, tak jsem to nakódoval...
právě s majitelem byla velmi dobrá domluva a je velice spokojený a díky předpotopnímu webu co měl předtím si tam sám edituje přímo v databázi... ještě teda řešíme font
aktuálně je tam Sansation Light, ale má jednu nepochopitelnou vlastnost - sekvenci znaků "ffi" renderuje jako černý blok, nesmyslný glyf, pokud se to prostřední "f" neseparuje tagem s nějakým vlivem na formátování, posere se to

takže výměna webfontu

geek0n » smysl toho skrolovani moc nechapu, ale jinak to nicim neurazi...vzhledem k obsahu mozna zbytecne dobry:)

#PhoeniX » rate my faggotry
http://chrissadler.com/

geek0n » Ten pocit, kdy dopatlate kolosální web, mrknete na mobil, jak to vypadá s tou sekci, kde celou dobu čekáte problém...a je to naopak ta jediná čitelná. Tak pěkně se ta neděle jevila:/

medved » Ti řikam, že nejlepší pomocník grafika je Irfanview a malování, tolik let v tom dělam a zase mě to dneska zachránilo...:-)

geek0n » (tak edge animate + greensock nakonec pokousim, ale kdyby mel nekdo neco min krkolomnyho, pekne podekuju)

geek0n » (tak edge animate teda fakt ne-e)

geek0n » nekdo tip na morphovaci tool pro svg? sem si ukousel vetsi sousto, nez sem tusil...
nebo ma smysl poustet se rovnou do adobe animate? da se s tim pak nejak rozumne pracovat i mimo?

#PhoeniX » #2 (21:07:34): jenom takhle
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

nemyslím že tohle by byla příčina problému

a o odkazech vím, ale tam jsem to naopak řešil přistylováním a klient to i ocenil

uznávám, že to lomítko tam fakt nemá co dělat podle standardů HTML5, jenže to by funkci narušit nemělo - jak říkám, funguje to naprosto všude zatím, akorát na iphone čtyřce na jedné stránce kde jsou k Foundation ještě další skripty tak to vyřadí rozklikávací top-bar menu

#PhoeniX » (foundation je pětka a jQ:
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>)

#PhoeniX »

$(document).ready(function () {



    $(document).foundation();



    $('#photo-feed').jflickrfeed({

        limit: 15,

        qstrings: {

            id: '...'

        },

        itemTemplate: '<a href="{{image_b}}" title="" rel="prettyPhoto[pp_gal]"><img src="{{image_m}}" alt="{{title}}" /></a>'

    }, function () {

        $("a[rel^='prettyPhoto']").prettyPhoto({

            theme: 'dark_square',

            social_tools: false,

            slideshow: false,

            markup: '...'



        });

    });

}
);


na stránce, kde je ještě kromě prettyphoto ve feedu soundmanager2 player, krachuje foundation a nefunguje mobilní menu - asi pouze na iphone 4

sm2 se načítá v hlavičce stránky

na androidech v nativním prohlížeči a snad všude jinde to funguje, netušíte prosím někdo proč s tím má iphone (4) problém?

little_bobes » Nakonec jsem zjistil, že problém je někde jinde a já to měl v .htaccess nastavené dobře.
Já tu keš právě chtěl mít nastavenou a když změním obsah souboru, aby se načetl ten aktualizovaný a ne ten z keše.
Když si v adresním řádku otevírám URL přímo na SVGZ soubor, vše funguje dle mých potřeb. Když se ale ten SVGZ otevírá přes JavaScriptovou aplikaci, pořád to hrabe z keše, i když už je na serveru nový soubor.
A protože JS aplikaci nedělám já, ale kolega, musí to vyřešit on.
Třeba to nakonec dopadne úplně jinak...

matejcik » mno mně se jeví, podle toho článku co támhle Dejf zalinkoval a co jsem nezávisle sám našel, tak že Cache-control: no-cache dělá bobši přesně to co chceš.
s tím že to chce ocheckovat jestli v tvých oblíbených prohlížečích to zabírá tak jak chceš

Maxidejf » little_bobes (11:38:07): hle to nevim, to sem nikdy nepotreboval, ale prijde mi, ze v momente, kdy se cache musi ptat nekam k serveru jestli ma aktualni obsah, tak uz je naka casova uspora stejne v prdeli a tim padem muze rovnou revalidovat, takze nevim jestli neco takovyho existuje, ale jak pisu, nemam o tomhle prehled ;)

little_bobes » Maxidejf (11:28:07): Takže pokud je soubor v keši, tak není normální možnost, aby si browser natáhl aktuálnější verzi.
Jediné řešení je aktuálnější soubor uložit pod jiným jménem a říct klientovi (browseru), že si má tahat jiný soubor.
OK, díky. Tím se mi ulevilo, že už z toho zase tak úplně neblbnu.

Maxidejf » little_bobes (10:22:13): nn, "must-revalidate" dela to, ze po uplynuti "max-age" donuti cache k revalidaci, jinak je max. age takovy doporuceni a vetsina prohlizecu na to kasle ;)
http://blog.marek.sapota.org/article/2012/08/17/web-browsers-and-cache-revalidation.html
http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9.3

little_bobes » Potvrďte mi, vyvraťte mi nebo mě odkažte někam, ale začínám být v koncích.

Na serveru mám Apache 2.2, kde si pomocí PHP generuji na server na disk soubor typu SVGZ.
V .htaccess mám uvedeno
<filesMatch ".(svg|svgz)$">
Header append Cache-Control "max-age=600, public, must-revalidate"
</filesMatch>

Tzn. že když si browser zažádá o ten SVGZ, ten se nakešuje v browseru na 10 minut.

Když si během těch 10 minut vygeneruji na serveru znovu ten samý SVGZ, ale s jiným obahem (jiná velikost soboru, novější datum), tak si browser stále tahá ten soubor z keše a není možnost, aby si natáhl ten aktuální ze serveru (pokud nevymažu keš browseru).
Já si myslel, že parametr "must-revalidate" dělá to, že se podívá na server, zda tam není novější soubor a pokud je, tak jej načte, i když ještě neuplynul "max-age".

Chápu to správně nebo je chyba někde mezi mou židlí a klávesnicí?

Lajka » Aport! Přinesla jsem 3 hlášky z nástěnky IT a vše kolem.

geek0n » Maxidejf (23:40:30): jj:) ale to byly drevni doby ubuntu, to mi haprovalo vic veci jeste. kazdopadne tab s downloadem netbeans je porad akorat otevrenej, neni cas:)

Maxidejf » Věra Pohlová (22:58:20): jo takhle jakoze Javu :D .. tjn, to potrebujes no ;))

matejcik » njo ale javu stejně potřebuješ, protože v ní jsou netbeans napsané, žeano :ep

Maxidejf » geek0n (20:18:55): netbeans zalezi jak si nainstalujes ;) .. ja mam na desktopu verzi kde je vsechno, ale na notebooku, kde vyvijim web sem si nainstaloval verzi pouze s php (viz http://netbeans.org/downloads/ - sloupec PHP)

geek0n » vim si necham do snu.) ale nerbeansy jsem kdysi zkousel, ale blba mi java...dam tomu zas sanci, pekne to vypada. a taky nejaky ty frejmvorky, at sem efektivni. dik.)

matejcik » "vim určitě i na obrázky" :e))) kéž by to šlo. ale tak obrázky naštěstí dělám jednou za uherskej rok
jinak teda skutečně (g)vim + firefox + firebug

co se týká frameworků tak v phpku mám vlastní rain_libs a teď se rozjíždím na pythonu + Flask, a Scala + Lift (to je pro fajnšmekry, doporučuju celým srdcem)

Maxidejf » ja prevazne pisu php pod nette frameworkem v netbeansech ;)

geek0n » (ad promenny v css, co sem pochopil, tak podporu zase stahli a pracuje se na elegantnejsim reseni. zatim to jde obejit akorat takhle)

geek0n » Maxidejf (17:29:56): zas tak moc to nehrotim, abych se priznal:) pspad/bluefish + prohlizec vedle sebe a pripadne autorefresh udelaj podobnou sluzbu. kdyz uz touzim po zpetny vazbe, spis si udelam sablonku do topstyle, to je bleskurychly, ale zas je to tak uzivatelsky privetivy, az je tezky normalne psat.

mozna bych uvital tipy, v cem wwwazne programujete/kodujete/stylujete? mysleno apps.

matejcik vim urcite i na obrazky, ale stejne.)

Maxidejf » geek0n (17:06:05): jo aha, uz to chapu ;)) .. ja to totiz este timhle zpusobem nepouzival ;) .. tak to je blby no, ale to se snad urcite necha nekde nastavit ne? ;)

geek0n » Maxidejf (16:55:09): nojo, ona to byla jedna hlaska, sry, ja se snazil uspat no:)

zkratka kdyz prepisujes zivy css, tak se to porad prekresluje, zeo. dopisujes novou vlastnost a nez das strednik, celej div se rozleze a s nim i dvacet dalsich zavislaku a tohle porad dokola. dokud to jsou cisty divy, text a tak, tak to clovek stezi postrehne, ale jak to zacne bejt spravny geekonovsky 100+ kB css plus obrazky, kazdy vykresleni trva dyl, nez jsem schopnej dlouhodobe vydrzet:)

Maxidejf » geek0n (16:18:39): firt nehcapu co presne mysli mtim "rozpadnout" .. bohuzel si se smazal takze uz neznam puvodni kontext ://

jezis geeku uz i ty se zacinas mazat - ta Raketa de do sracek.. :D