Category Archives: Kód

fontello

Fontello: generátor ikonkových fontov

Dnes som narazil na podarenú službu pre web developer a grafikov. V poslednej dobe sa rozbieha používanie web fontov so symbolmi, ktoré majú výhodu v nízkom objeme dát a rýchlom načítaní. A naviac sa dajú pekne “farbiť” pomocou CSS. Fontello.com má databázu takýchto fontov a jednoduchým vyklikaním si vytviríš font presne šitý na mieru novému webu. Continue reading

“Pixel Perfect” je pojem z dielne Microsoftu

Nadpis hodný slovenského bulváru, ale nedalo mi to :) O čom však chcem len tak krátko? O webdizajne a pojme pixel perfect dizajne…

V prvom rade pre neznalého človeka, pixel perfect znamená, že reálna, fungujúca web stránka je na pixel presná s grafickou predlohou. Keď som začínal s kódovaním webov, snažil som sa o takéto výsledky pri každom jednom projekte. Až som raz na twitteri zbadal niečo, čo mi zmenilo moje kóderské postupy o 180° – “pixel perfect webs are designers wet dreams”. Teda weby na pixel presné sú len vlhkými snami dizajnérov. Prečo? Po skúsenostiach s kódovaním je tých odpovedí viac:

  1. pretože Internet Explorer
  2. pretože Opera
  3. pretože Chrome
  4. pretože Firefox
  5. pretože (doplň ďalšie prehliadače webu)

Začína svietiť? Tak je dobre. Vytvoriť web na 100% zhodný s grafickou predlohou nie je síce nemožné, ale dolaďovačky kvôli pár pixelom hore dole v jednotlivých prehliadačoch zaberú často viac času než samotné kódovanie. Tu uskočí margin v IE, tam zas Opera neposlúchne s fontami a inokedy Chrome nepochopí rozmery v em či percentách. Jednoducho čo prehliadač, to iný spôsob vykresľovania. Keď som prestal riešiť tieto drobnosti, zrazu som zistil, že používatelia o nič neprichádzajú. Neklesne funkčnosť web stránky. Ani neklesne čitateľnosť web stránky. Ale hlavne zostane viac času na iné aktivity.

…one more thing

A ešte niečo. Poslednou dobou sa tlačí dopredu CSS3 a popravde som tomu podľahol aj ja. Možno ma teraz nejakí ortodoxní kóderi ukameňujú, ale začínam sa na CSS3 spoliehať čoraz viac čo sa týka grafickej prezentácie webu. Nie, nerobím web závislý na CSS3. Skôr využívam nové možnosti na jeho skrášlenie. Ako takú odmenu pre všetkých, ktorí používajú lepšie prehliadače. Aj k tomuto ma priviedla jedna myšlienka na twitteri – ak budeme robiť weby, ktoré vyzerajú v každom prehliadači rovnako, ľudia nebudú mať dôvod upgradovať. Čiže v podstate si za väčšinu tých IEčkárov môžeme aj sami, že im podsúvame weby, ktoré vyzerajú rovnako v IE ako napr. vo Firefoxe. No osobne nevidím dôvod, prečo by návštevník webu cez Firefox nemohol byť viac natešený z krajšej grafickej prezentácie, než ten s IE. Jeho poteší krajší web, mňa zase to, že má rozum. Bodka.

CSS3 a hrajkanie sa s box-shadow

Už dlhšiu dobu zvažujem, že začnem väčšinu grafických prvkov na webe tvoriť pomocou CSS3. Väčšina sa teraz pýta, že čo s IE? Aj to sa však dá čiastočne vyriešiť pomocou css3pie.com. Dnes som si teda spustil môj obľúbený Gedit a začal sa hrať s CSS3. A vyšlo z toho toto:

Continue reading