Videocast: TurboTip 7 - CSS :before :after pseudo elementy
Mini-video-tutoriály na všetko webové. S Yablkom. Dnes CSS pseudo elementy. Pretože je s nimi prdel.

Kuk na nicolasgallagher.com. Tento chlapík, okrem iného, spravil set ikoniek.
Čisto pomocou CSS.
Skrz :before a :after pseudo elementy.
Ok, teraz video.
720p, inak síce nikto nezabije šteniatko, ale vy prd uvidíte.
Yablkov TurboTip 7 - CSS :before :after pseudo elementy
Recorded on a device assembled in China.
Zopár Gallagherových fiddlov:
:: jsfiddle.net/necolas/hjMqh/
:: jsfiddle.net/necolas/xCfeH/
:: jsfiddle.net/necolas/uzaG9/
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?
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 :)
14 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:
viktor, evidentne je veľa vecí, ktoré nechápeš a garantujem ti, že v turbotipe príde ešte veľa ďalších, ktoré už dááávno ovládaš a teda zmysel ich vysvetľovania nepochopíš
preto ti radím - nechaj nás malých debilkov hrať sa s vecami, ktoré už dávno fungujú a ty sa venuj niečomu prínosnejšiemu
ale skúsim ešte posledný krát k tebe prehovoriť ako k človeku: to, že ty niečo ovládaš neznamená, že to ovládajú všetci. To, že ty to považuješ za zbytočné, neznamená, že to za zbytočné považujú všetci. A ak sa nájde čo i len JEDEN človek na tejto planéte, kto si z toho niečo odnesie, stojí za to hodiť to sem. Pre mňa, pre neho. Pre teba očividne nie. Ale planéta sa netočí okolo teba, že ;)
ono to normálne netrvá tak dlho, ale evidentne nie som žena a som blbý keď mám robiť x vecí naraz:) rozmýšľať, kecať a ešte aj písať je dosť na moju maličkú gebulu
v textových editoroch zen coding mám, ale (hlavne pre týchto jsbin srágorách) si budeme musieť zvyknúť na to, že tam budem takto trapošiť ;)
pekne ... no zatiaľ myslím kvôli tej ie7 menej použiteľné už by to mohlo vymrieť konečne :D (nam koderom ktorý si to nemožu dovoliť bohužial ostáva pracovať s li background)
inač na html by som ti odporúčal pozrieť si zen coding a nestrácať čas vypisovaním napr li ;) mne to pri tvorbe layoutu šetrí more času (polovica tutorialu bolo sledovanie vypisovania trivialneho html čo si mylsím nebolo jeho ulohou)
ale pekne ja sa teším na každý tvoj tut :P hlavne dik za jQuery
jeden postreh ...novopridané :after :before elementy nieje možné kopírovať :D a ešte by ma zaujímalo či existuje aj nejaká možnosť naviazania :hover na tie elementy typu :after:hover ...pri zoznamoch respektíve menu by sa to dalo využiť na menenie obrázkov pri nájdení myšou
Dakujem za velmi dobre video a velmi uzitocne Gallagherove fiddle.
:after a :before som uz par krat vyuzil, cize paradne osviezenie pamate. Ale z tych CSS ikoniek padam na rit najviac :)
Pekne vysvetlenie pseudo elementov :before a :after.
Na tie zoznamy sa však dá nastaviť CSS vlasnosť list-style-image:url('nieco.gif'); ale viem že to nebolo cielom :)
Novinky
1 dňom
Hollywoodu se nelíbí dokument o TPB, snaží se jej odstranit
V únoru se k volném zhlédnutí a šíření objevil dokumentární film The Pirate Bay: AFK, který už stačil obejít monitory milionů uživatelů po celém světě. Jeho obsah a celkové vyznění se však nelíbí mnoha produkčním společnostem Hollywoodu...
2 dňami
Microsoft aktualizoval YouTube aplikaci pro Windows Phone na základě požadavků Google
Microsoft aktualizoval YouTube aplikaci pro Windows Phone, která v minulosti čelila kritice Googlu; ten dokonce požadoval její odstranění z Windows Phone Store.
2 dňami
Špionáž medzi štátmi: India pravdepodobne kradla dáta Pakistanu
Internetom sa šírili podvodné súbory, ktorých pravdepodobným cieľom bolo preniknúť do počítačov inštitúcií a občanov Pakistanu. Motívom útoku bolo odcudzenie citlivých informácií. Na prípad upozornila spoločnosť Eset.
3 dňami
Kim Dotcom: Vynašiel som dvojfaktorovú autentifikáciu, Google a Facebook porušujú môj patent
Kim Dotcom, zakladateľ Spojenými štátmi rozloženej služby pre zdieľanie súborov Megaupload, dnes prekvapil vyhlásením, že vynašiel dvojfaktorovú autentifikáciu a mnohé spoločnosti vrátane Google, Facebooku a Twitteru porušujú jeho patent.
3 dňami
Internet Explorer 10 chráni pred vírusmi viac ako konkurencia
Používatelia najnovšieho Internet Explorera sú pred škodlivými súbormi chránení viac ako priaznivci konkurenčných internetových prehliadačov...
Staršie novinky »TOP dlhšie
- 01 3 praktické CSS postupy, o ktorých ste možno nevedeli... (4816x)
- 02 3 jednoduché kroky ako spraviť responzibilný dizajn webu (4116x)
- 03 Fenomén doby: Dosť bolo transparentných ikoniek! (3923x)
- 04 PayPerPost.sk - zarábajte s webom na článkoch (3674x)
- 05 Prečo sa chcem naučiť programovať web stránky? (3599x)
- Aj ty môžeš byť najčítanejší. Napíš článok »
TOP tento mesiac
- 01 Poctivým zľavovým serverom sa naďalej darí (1046x)
- 02 Mobil Rulezz: Najlepšia brandovaná aplikácia z agentúry SCR (1022x)
- 03 HTML WebSocket - chat v node.js za 5 minút (943x)
- 04 Nová affiliate reklamná sieť z dielne VISIBILITY (786x)
- 05 Magazín Womanman už aj v Apple aplikácii (153x)
- Aj ty môžeš byť najčítanejší. Napíš článok »
Nové články:
- 19.HTML WebSocket - chat v node.js za 5 minút
máj - 14.Poctivým zľavovým serverom sa naďalej darí
máj - 9.Nová affiliate reklamná sieť z dielne VISIBILITY
máj - 26.Mobil Rulezz: Najlepšia brandovaná aplikácia z agentúry SCR
apr - 26.Magazín Womanman už aj v Apple aplikácii
apr - Viac »
- Aj ty môžeš byť najčítanejší. Napíš článok »
Pekné veci
Pekné veci
Pekné veci
Pekné veci
Posledné komentáre
- @- ani ty mna nechapes. od zaciatku sa to nejak povazovalo za komunitny web. pomahali sm...
- dik obom za info. presne o to mi ide, snazim sa zistit ci na blogu mozem pouzit foto ...
- no podla tvojej otazky... podla mna fotkan ako mercne ucely je pouzitelna aj pre a) aj p...
- Diky za článok :). +1 PS: ak niekto má nejaký dobrý článok o (WS) tomto nech dá vedieť ...
- hi ja pod fotkou na komercne ucely rozumiem to ze sa dane fotky idu nahodit na web kt...
Kritika
Vieš ako robiť veci lepšie? Pomôž našim odvážnejším členom a skritizuj im projekty!
Reklama
Slovenská IT komunita
Seriály zo Zajtra.sk
· Ako písať blog
· Ako sa stať PHP ninja s Yii Frameworkom
· Aplikácie pre Facebook
· CSS triky
· iOS vývojára príhody a skúsenosti
· Modelovanie webového sídla
· Nauč sa CodeIgniter [HD]
· Nauč sa jQuery [HD]
· Nette PHP framework
· OOP v Javascripte
· Slovenskí iOS developeri
· Yablkov TurboTip [HD]




















@nomak
internet brzdia webdizajneri, ktori sa IEcku sustavne podriaduju ;)
a hlavne my slovaci stojime, opakujeme to iste sustavne dokola, nic nove.. berte si priklad od peta drusku ;)