Videocast: TurboTip 16 - CSS3 kontaktný formulár

Dnes krok za krokom zbúchame extra fešný formulár a to bez použitia obrázkov a nadbytočných HTML elementov!

Na tejto stránke som zočil šumný kontaktný formulár a rozhodol sa ho zreplikovať.
Bez použitia obrázkov a nadbytočných HTML elementov.
Like a baos.

Ok, klamem. V backgrounde je jeden obrázok.
Ale background nie je súčasťou formulára, takže ha!

720p je síce menej ako 1080p, ale viac ako málo.

TurboTip 16 - CSS3 kontaktný formulár

skús demo » stiahni kód »

Links:
:: foundationsix.com/contact - toto som vykradol
:: subtlepatterns.com - tu som vzal background image

Vo videu používam Sublime Text 2 - pozri si môj videocast o tomto editore.

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:
2 0

29 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:

0 0 Roman Hraška 29.3.2012 00:29:35
ja som trpezlivý, si počkám :)

0 0 Miloš 28.3.2012 23:26:31
Ja toľko peňazí na program nemám, takže si skúsim nájsť nejakú free alternatívu a možno niekedy niečo skúsim. A ďakujem za objasnenie. Ozaj a kde to bývaš, keď ti nerobí problém nahrávať také dlhé videá na Internet? Optika to istí? Ja mám problém pozerať video v 720p, lebo Internet nestíha. Uploadovať ho ešte, tak to už by bola hotová katastrofa.

0 0 Roman Hraška 28.3.2012 12:56:25
bežne takto: http://brm.sk/294/ako-natacam-videotutorialy
keď k tomu nemám prístup, tak položím iphone vedľa seba a nahrávam audio cez to, na rozdiel od mikrofónu

0 0 Miloš 27.3.2012 23:33:33
Cez čo vlastne nahrávaš tie videotutoriály? A aký je rozdiel v tom, keď nahrávaš štandardne a keď nahrávaš pomocou iPhone? Akosi som nepochopil o čom tam ide.

0 0 Branislav Banik 9.3.2012 22:34:30
Skvelá, čistá prácička. Ale aj tak mám najradšej obyčajné formuláre.

0 0 Lukáš Trki Lukáč 29.2.2012 21:58:50
Pekne,a ... hm....bolo by super keby si spravil neaky fajnovy tutorial na nejake tie " drag " jquery hracky alebo nieco take ako ... napr sachovnica s 10x10 a na kazde policko by sa dalo kliknut a malo by svoje suradnice alebo nieco take okolo tohto :)

0 0 Jozef Kucera 26.2.2012 19:35:05
@Michal Chovanec - diky snad nieco najdem.. No ide mi hlavne o CMS SilverStripe. Nikde neviem najst ako sa riesi problematika ked chcem prepojit CMS s vlastnym webom. Resp. na ich stranke som nasiel video ale je spracovane dost zle a nevidno co vlastne robi a po anglicky nerozumiem :-}

0 0 Michal Chovanec 26.2.2012 16:34:25
tu http://www.wpress.cz/ toho máš viac než dosť, teda aspoň podľa mňa

0 0 Jozef Kucera 26.2.2012 16:31:05
Neplanuje niekto (yablko:) vytvorit serial tutorialov na instalaciu, navody a spravu CMS systemov napr: Joomla, Wordpress, SilverStripe...?? Vsetky navody su v AJ a nie kazdy im rozumie.. Urcite by to priali hlavne zaciatocnici ako som aj ja.. AK ma niekto zaujem poskytnem scenar ako b som si to predstavoval :)..

0 0 ... 24.2.2012 07:49:41
Roman Hraška - dakujem za navody, su super, ty si prirodzeny a zabavny, dobre sa to pozera... este raz velmi pekne dakujem.

0 0 ... 24.2.2012 07:48:58
Michal Chovanec skvela praca !

0 0 Michal Chovanec 24.2.2012 06:08:53
a už je tam aj druhý: http://bit.ly/xL0TTb

0 0 Ľuboš Beran 23.2.2012 23:35:52
Viktor Čech, neviem aké máš komplexy, ale tuto chalanisko, sa snaží naučiť niečo ľudí. A je úplne jedno, či to čo ich naučí pozliepa z Googla. Ale má snahu, nie len to že si hrabe do vrecka, a chová sa ako idiot v diskusiách.. ;-) Keď dosiahneš aspoň jeho úroveň, tak potom môžeš machrovať.

0 0 Michal Chovanec 23.2.2012 23:07:34
alebo toto http://eee.asus.com/eeepad/transformer-prime/features/

0 0 Jozef Kucera 23.2.2012 18:20:28
@yablko - ďalšia výzva.. http://attackemart.in/