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:

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.

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

Skvelá, čistá prácička. Ale aj tak mám najradšej obyčajné formuláre.

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

@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 :-}

tu http://www.wpress.cz/ toho máš viac než dosť, teda aspoň podľa mňa

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 :)..

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ť.

alebo toto http://eee.asus.com/eeepad/transformer-prime/features/

tak už na tej stránke s patternami mám aj ja svoj príspevok http://bit.ly/x1MYTI
Novinky
2 rokmi
Aprílové vtípky: Výběr toho nejlepšího kolem počítačů, internetu a techniky
Výběr nejlepších aprílových vtípků 2019
2 rokmi
Fotky Google sa učia lepšie pracovať s dokumentmi
Spoločnosť Google prostredníctvom svojho účtu na sociálnej sieti Twitter oficiálne predstavila novú funkciu svojej aplikácie Fotky Google.
2 rokmi
Gmail dovoľuje naplánovať poslanie emailu neskôr
Spoločnosť Google dnes oznámila pridanie funkčnej novinky do svojej populárnej webmailovej služby Gmail, možnosť naplánovať poslanie emailu na neskôr.
3 rokmi
Používatelia Chrome začali prechádzať na nový rýchlejší Firefox, avizujú dáta Mozilly
Nový lepší a rýchlejší prehliadač Firefox 57 Quantum vyúsťuje zrejme do viac používateľov prechádzajúcich respektíve vracajúcich sa na tento prehliadač z iných prehliadačov, na osobných počítačoch aj smartfónoch.
3 rokmi
Briti dokončili kúpu SK-NIC-u. Nové .sk domény nechávajú za 8.4 eur
Predaj správcu slovenskej domény .sk, SK-NIC, bol dokončený a novým majiteľom po telekomunikačnej skupine Danubiatel, do ktorej patrí napríklad Swan a 4ka, je britská spoločnosť CentralNic.
Staršie novinky »TOP dlhšie
- 01 Farbičky v HTML a CSS, alebo? (851x)
- 02 Tiché COMBO Logitech MK295 (702x)
- 03 Kamery, cloud a bezpečnosť (696x)
- 04 Kingston uvádza 128GB verziu šifrovaného USB (675x)
- 05 Pochopte, ako vytvoriť virtuálny obchod v 6 krokoch (617x)
- Aj ty môžeš byť najčítanejší. Napíš článok »
TOP tento mesiac
- Aj ty môžeš byť najčítanejší. Napíš článok »
Nové články:
- 14.Kingston uvádza 128GB verziu šifrovaného USB
sep - 10.Tiché COMBO Logitech MK295
sep - 24.Farbičky v HTML a CSS, alebo?
aug - 23.Pochopte, ako vytvoriť virtuálny obchod v 6 krokoch
aug - 29.Kamery, cloud a bezpečnosť
jul - Viac »
- Aj ty môžeš byť najčítanejší. Napíš článok »
Pekné veci
Pekné veci
Pekné veci
Pekné veci
Posledné komentáre
- Pokiaľ používaš nejaký lepší bitmapový editor, napr. Photoshop, a chceš robiť retuše, ed...
- Veľmi dobrý článok a pre začiatočníka úplne odrazový mostík. https://ludwaismania1.blogs...
- Nova international a prima lus majú vysporiadané pravs ale aj CNN prima News
- Tv Joj nijako neobmedzuje šírenie médii, ktoré majú vysporiadané licenčné práva pre Slov...
- Nech televizie vrátia naspäť originál verzie a tie internationali nech zrušia. Každý si ...
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
· Jednoduché programy, ktoré vám ušetria čas
· Modelovanie webového sídla
· Nauč sa CodeIgniter [HD]
· Nauč sa jQuery [HD]
· Nette PHP framework
· OOP v Javascripte
· Programujeme v Jave
· Programujeme v Lazaruse
· Programujeme v Pythone
· Robíme Eshop v ASP.NET Web Pages
· Slovenskí iOS developeri
· Webdizajn krok po kroku
· Yablkov TurboTip [HD]
ja som trpezlivý, si počkám :)