Tag: css3

• CSS transitions: vedlejší efekty efektnosti

  • Publikováno: 6.5. 2011

  [* css-transitions-ga/hover-transition.gif .{margin-bottom:3em} < ]

  Víte, přechody (transitions) vkládají do prezentace časovou dimenzi. To znamená, že ovlivňují vnímání stránky. Jeden příklad jsem uváděl nedávno při rozebírání Apple webu, na kterém je animace (přechodu) použito přínosným způsobem, snad jako pomůcka při vysvětlování rozhraní. V dnešním konkrétním případě je přechodu užito – dovolím si říct – kontraproduktivně.

  Snad je dobré zdůraznit, že od webových aplikací se očekává chování poněkud jiné, než od webových prezentací, totiž více funkcionalistické, více pragmatické. Zvlášť, pokud jde o analytickou aplikaci :-). Očekává se mimo jiné maximální rychlost reakce. Nechci říct, že vložení půl-sekundového přechodu do události myš je nad klikatelnou položkou menu ⇒ změnit její barvu je nějak zvlášť opovržení-hodným prohřeškem – ne – avšak o kontraproduktivní eye-candy zajisté jde. (Kontraprodukcí tady myslím nežádoucí zpomalení zpětné vazby.)

  Pokračování

• Rozeberme Apple.com

  • Publikováno: 27.1. 2011

  Apple.com redesignovalo přesně tak, jak dnes redesignuje každý. Po malých kouscích. Jo, nic moc se nezměnilo – kromě mírné proměny grafického stylu (viz hlavní navigace) přibylo pár fancy efektů – zkrátka a dobře v součtu považuji apple(.com) za praktickou ilustraci toho, jak by se měly věci dělat. A proto bych chtěl apple.com reverzně zinženýrovat a vyjmuté orgány nechat kolovat posluchárnou. A poté si o nich popovídat.

  Kromě toho, doufám, že mi s tím pitváním pomůžete.

  Pokračování

• Font-face: O nebezpečí z nových možností

  • Publikováno: 21.11. 2010

  Font-face v CSS je nová věc. Ne v tom smyslu, že by implementace byly provedeny nedávno, spíš v tom smyslu, že dosud nejde o možnost pořádně propranou. Vlastně jakoby na ni teprve sahaly první ruce — a tyto nevědí, jak by bylo nejlepší s novou věcí nakládat.

  Pokračování

• Flickr pomáhá v odřezávání IE

  • Publikováno: 13.8. 2010

  Flickr začátkem měsíce redesignoval a při té příležitosti přepsal i své šablony. To je zajímavé ze dvou důvodů:

  1. můžeme se inspirovat, jakým způsobem přistupuje k podpoře různých prohlížečů
  2. můžeme konečně extrahovat data z HTML dokumentů, protože DOMek je nově hustě popsán i pomocí tříd nebo dokonce mikroformátů. Ano, v roce 2010 Flickr opouští tabulkový layout. (Kdoví, co je k tomu přimělo. Vymřela první generace kodérů?)

  Pokračování

• Představení generátoru CSS kódu pro zaoblené rožky

  • Publikováno: 25.6. 2009

  Dobrý den! Vytvořil jsem ve volné chvíli takovou malou generovací aplikaci. Generuje CSS kód pro kulaté rohy. Vlastně skládá jen několik CSS vlastností. Ale žádné kouzla, žádné triky. Prostě CSS3 plus dvě vendor-specific náhrady. Příklad:

  -moz-border-radius-topleft: 16px;
  -webkit-border-top-left-radius: 16px;
  border-top-left-radius: 16px;

  Samozřejmě, tak trochu jde o aplikaci pro aplikaci – nebyl bych to snad věru já, kdybych se rozhodl raději dokončit něco započatého, že, Petře!

  Pokračování

Stránkování

• Starší články