Videocast: TurboTip 6 - novinový layout z budúcnosti, pomocou CSS3

Mini-video-tutoriály na všetko webové. S Yablkom. Dnes viac-stĺpcový layout. Ako v novinách! Ťažký old-school. FROM THE FUTURE!

Dnes viac-stĺpcový layout. Ako v novinách! To je to, čo číta tvoj dedko. Pozrieme sa na to, aké ľahko ho budeme vytvárať v budúcnosti, keď sa prehliadače poriadne naučia CSS3.

zahraj sa s kódom »

720p alebo facku.

Yablkov TurboTip 6 - novinový layout z budúcnosti, pomocou CSS3

Odkazy:
:: cssdesk.com

ak ma chceš podporiť, behni na yablko.sk a možno spravím nový seriál či dva:)

Sledujte yablka skrz twitter - @yablko - pre informácie o nových videách, humor, ktorý baví len jeho a občasné nervové zrútenie.

* * *

Páči sa ti Yablkov TurboTip?

Roman Hraška

Robí s webom a občas o tom napíše. Nekomplikuje jednoduché a snaží sa neznieť príliš dôležito, pretože nie je. Medzi jeho záľuby patria jeho záľuby a tautológia. Nájdeš ho na brm.sk a obsmŕda aj na twitteri, ako @yablko.

Skús moje seriály: Nauč sa jQuery, Nauč sa CodeIgniter a Yablkov TurboTip. Ak ma chceš dohnať k tvorbe nových seriálov, behni na yablko.sk :)

Hodnoť článok:
1 0

20 komentárov k článku:

Komentovať môžu iba prihlásení

Zaregistruj sa cez bezplatnú registráciu alebo použi login cez Facebook (FB Connect)

Prihlás sa tu, ak už máš profil na Zajtra.sk:

1 0 Miroslav Martinovič 6.9.2012 09:42:35
@Nomak - bude musieť, situácia sa zmenila, a IE už nie je lídrom na trhu, ľudia si budú musieť uvedomiť že internet nie je "to modré e na ploche", a s rozšírením HTML5 sa buď IE zobudí (čo už sa vlastne aj deje) a začne plne podporovať štandardy, čím umožní ľuďom ďalej si myslieť že "internet je to modré e na ploche", a získa späť aspoň časť svojho bývalého trhu, alebo sa zobudia ľudia a na IE sa definitívne vybodnú. V oboch prípadoch bude výsledok používanie prehliadačov plne podporujúcich moderné štandardy.

ps: súhlasím, ale rovnako tak je hlúposť plne sa spoliehať len na css3

0 0 Nomak 22.8.2012 15:16:29
ie 7-8-9 nebude nikdy plne podporovať css3 (možno ani ie 10 :D)

počkať tak 10rokov keď to už budú dinosaury a nenájdeš ich na PC
(bohužiaľ stále je na svete veľa ľudí čo považujú za internet modré e-čko na ploche, a kvôli nim sa musíme trápiť s prehliadačmi z minulého tisícročia)

ps: aj tak je hluposť dnes nepoužívať css3 ...

0 0 Miroslav Martinovič 22.8.2012 03:00:37
@Tomáš Stankovič @viťo presne tak, "aspoň sčasti", a to je práve problém. pokiaľ viem tak jednou z hlavných poínt CSS3 okrem rozšírenia funkcionality malo byť zjednotenie syntaxe rôznych "pokročilejších" efektov, ktoré si každý prehliadač vymyslel po svojom. Kým nebudú všetky prehliadače podporovať CSS3 PLNE, bez výnimiek a bez odlišností, tak tento účel skrátka neplatím zase treba produkovať len kód ktorý má mnoho častí viacnásobne v rôznej syntaxi pre rôzne prehliadače, a to je presne to o čom hovorím.

0 0 Tomáš Stankovič 9.6.2012 23:22:02
@viktor síce pekné že máš takéto demá, aj ja si také robím, ale to s nich nerobí tutoriály pre ludi ktory tomu tak nerozumeju. zato yablkove videotutorialy to pekne vysvetlia aj práve týmto ludom.

ed/kukám že síce neskoro, ale lepšie ako nikdy :P
miro: tak ako pise viktor, prehliadace ich podporuju/aspon s casti/ treba sledovat : http://html5please.com/ tam sa dozvieš ku každej vlastnosti aj jej podporu v prehliadačoch.

0 0 viťo 31.5.2012 15:38:38
miro - ved css3 uz prehliadace podporuju..........

0 0 Miroslav Martinovič 31.5.2012 13:57:13
skvelá vec, to css3. začnem jeho featury používať akonáhle ho prehliadače budú normálne podporovať a nebude potrebné sa s prepáčením trtkať s -moz a -webkit hackmi.

0 0 viťo 8.1.2012 09:23:31
http://www.css.podstromami.com/index.php

0 0 Tomáš Stankovič 7.1.2012 22:37:52
och viktor... ja osobne si pozriem rad každý turbotip a podobne tutoriáli aj keď niektoré veci stade ovladám, niektoré ne... Yablko si zaslúži rešpekt za to čo robí. Koľko máš ty takýchto tutoriálov, alebo článkou za sebou že tak kritiziješ. Nie všetko čo vieš ty vedia všetci...

0 0 Zoltán Onódy 14.12.2011 13:46:49
Viktor: väčšieho kokota ako si ty som ešte nevidel... inak je pravda že mi toto video nič nové neprinieslo ale nebudem tu potom vypisovať hovadiny.....

0 0 viťo 14.12.2011 13:17:29
nie som html arcima, ani som nebol, nebudem a ani nechcem byt..
nie kazdy pozna ie2, tak mozme pisat aj o nom..

0 0 Roman Hraška 13.12.2011 17:49:25
čo takto pochopiť, že nie každý je taký html arcimág ako ty;) nie všetci to poznajú, nie všetci sme polobohovia stvorení k úžasnosti

ale ak ťa to tak bolí, tak prepáč, že som ti ukradol 5 minút života

a color je super vec:)

0 0 viťo 13.12.2011 17:32:33
co takto clanok o COLOR? super vec.. si mozes nastavovat farbu pisma

0 0 Roman Hraška 12.12.2011 21:44:29
Responsive Web Design je skôr o tom, aby stránky boli pokiaľ možno čo najlepšie funkčné naprieč všetkými možnými rozlíšeniami.. takže na iPhone sa ti zobrazí "iná" stránka ako na desktope a na tablete "iná" ako na iPhone.. pri menšom rozlíšení iná ako pri väčšom..

možno aj toto sa dá použiť ako konkrétna technika responsive web dizajnu, ale multi-column sám o sebe responsive web design nie je :)

0 0 Nomak 12.12.2011 21:38:32
nieje budúcnosť skôr Responsive Web Design ako noviny? :D
ale celkom zaujímavé video

0 0 Roman Hraška 12.12.2011 21:03:41
heh, hlas mám taký ako ho mikrofón zachytí, nijak to neupravujem:)

0 0 - 12.12.2011 20:32:14
@Roman: normálne si ma vtiahol do deja. Keď si tam mal to "culumn" som sa cítil ako malý chlapec a vo vnútri som kričal: "Niééé! Je tam preklep, nepôjde to! Povedzte mu to niekto! (Všetci tu zomrieme!!!)".

Ináč je fajn vidieť vecičky ako Prefixr atď. Orientujem sa posledné obdobie viac na back-end a tak mi niektoré takéto vychytávky unikajú. Takže ďakujem :).

(Záverom, ak môžem byť taký smelý a spýtať sa: je to možné, že máš na tých videách mierne podladený hlas :) ?)

0 0 Roman Hraška 12.12.2011 19:04:55
nuž a v 2011 to už vie väčšina "normálnych" prehliadačov.. a možno to raz budeme môcť aj používať ;)

0 0 viťo 12.12.2011 19:00:16
neuveritelne.. o tom som cital v 2006

0 0 Roman Hraška 12.12.2011 17:01:26
nope, sorry.. skús googliť:)