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
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.
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 :)
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:
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.
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
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.
Branislav Banik 9.3.2012 22:34:30
Skvelá, čistá prácička. Ale aj tak mám najradšej obyčajné formuláre.
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 :)
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 :-}
Michal Chovanec 26.2.2012 16:34:25
tu http://www.wpress.cz/ toho máš viac než dosť, teda aspoň podľa mňa
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 :)..
modo 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.
modo 24.2.2012 07:48:58
Michal Chovanec skvela praca !
Michal Chovanec 24.2.2012 06:08:53
a už je tam aj druhý: http://bit.ly/xL0TTb
Ľ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ť.
Michal Chovanec 23.2.2012 23:07:34
alebo toto http://eee.asus.com/eeepad/transformer-prime/features/
Jozef Kucera 23.2.2012 18:20:28
@yablko - ďalšia výzva.. http://attackemart.in/
Viktor Čech
23.2.2012 15:02:57
??? to co za odpoved
Roman Hraška 23.2.2012 13:00:42
Zato ty si hotový Rembrandt:)
Viktor Čech
23.2.2012 12:51:04
esteze tieto tvoje priklady nie su len zliepance z googlu.. ziadna vlastna tvorba
Roman Hraška 21.2.2012 09:07:48
nice
Michal Chovanec 21.2.2012 08:41:06
tak už na tej stránke s patternami mám aj ja svoj príspevok http://bit.ly/x1MYTI
TOP dlhšie
- 01 Redesign SNG.sk: Súťažné návrhy od čitateľov Zajtra.sk (37963x)
- 02 11 obrovských prešľapov návrhu loga (26067x)
- 03 Aj ty dokážeš urobiť lepší web pre SNG.sk! (20730x)
- 04 Dôveruj svojej babke, vie o internete viac ako si myslíš (10507x)
- 05 14+1 zaujímavých Timeline Coverov od Slovákov (10265x)
- Aj ty môžeš byť najčítanejší. Napíš článok »
TOP tento mesiac
- 01 Dizajnérska súťaž - vytvor dizajn prezentačnej stránky pre školu balenia dievčat a žien (3073x)
- 02 STV ako SNG: Urobil by si zadarmo STV krajší web? (2872x)
- 03 Zajtra.sk bolo predané. (2614x)
- 04 Robíme WordPress - nový seriál od yablka (1685x)
- 05 V Bratislave vzniká nový priestor pre startupy (1539x)
- Aj ty môžeš byť najčítanejší. Napíš článok »
Nové články:
- 17.Spropaguj seba a svoj nápad!
máj - 16.Prečo vytvárať mikrostránky?
máj - 15.STV ako SNG: Urobil by si zadarmo STV krajší web?
máj - 11.Nové úložisko ZyXEL NSA325
máj - 9.Komunikáciou k získaniu osobnej moci
máj - Aj ty môžeš byť najčítanejší. Napíš článok »
Pekné veci
Pekné veci
Pekné veci
Pekné veci
Posledné komentáre
- @Marcel Zúbrik má pravdu. Ako iné je to v diskusiách, ale keď už hladáš zamestnancov, ta...
- Čo vidím ja - som ktosi anonymný a chcem, chcem, chcem ... žiadne ponúkam. Taká bude s d...
- Čo za to?
- Ja som si stiahol, aby som mohol pozerať vo vlaku a pohoda. :) Pokiaľ ti videá nevie pre...
- diky, to ma symbolizovat fotografiu
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]


































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