Kategórie →

All posts in Webdizajn

Balík 100 ikon optimalizovaných pre iPhone

Web pictofoundry.com ponúka na voľné stiahnutie a aj komerčné použitie balík zo stovkou ikôn a piktogramov. Ak by sa vám málilo tak si môžete kúpiť balík 230 ikôn – všetky sú testované na iPhone 4 s Retina displejom, čiže v dvoch rozlíšeniach. Táto PRO verzia stojí 10 dolárov a ikony dostanete aj vo formáte AI, PSD a PDF.

Video: Jina Bolton hovorí na tému CSS Workflow

CSS to nieje len memorovanie selektorov tvrdí vo svojej prezentácii Jina Bolton. Tá zaznela na konferencii Fronteers v Amsterdame a hovorí aj o tom ako byť produktívny. Nezáleží či pracujete ako freelancer či ste súčasťou veľkého tímu – dobre pracovné návyky a postupy vám pomôžu byť efektívny.

Niektoré odporúčania možno budete poznať a budú vám blízke ak sa CSS venujete, no určite v ňom nájdete aj zaujímavé informácie a fakty prečo robiť niečo inak.

Zabudni na Lorem Ipsum a používaj ukážky z literatúry

Určite sa zhodneme na tom, že nejaký „template text“ potrebujeme – či je Lorem Ipsum ideálnym zdrojom ukážkového textu je na dlhšie pováženie. Ak chcete ale odskúšať trocha zmysluplnejšie texty odporúčam generátor Fillerati.

Fillerati vie generovať rôzne texty s rôznou dĺžkou – ide o ukážky z literatúry (Project Gutenburg). Výstupom môže byť nadpis, odstavec a podobne. Fillerati používa množstvo API, postavené je na HTML5 a CSS2 a 3. Takže jedna z mnoha pekných ukážok čo sa dá robiť s novými technológiami. Jednou z API featur je aj strojový preklad cez Google Translate. Poézia to zrovna nieje no stačí.

Fillerati

Dynamický generátor obrázkov, alebo Lorem Ipsum na grafiku – druhý pohľad

Začiatkom roka som v článku Dynamický generátor obrázkov, alebo Lorem Ipsum na grafiku spomínal online nástroj dummyimage.com. Ten za tú dobu prešiel veľkými zmenami.

V prvom rade je to oveľa bohatšia funkčnosť – pribudli rôzne grafické formáty. Veľkosť možno zadávať heslami ako fullbanner, svga a podobne. Tiež je možné si nastaviť farbu obrázka. Poteší aj pridávanie textu do neho.

Super je, že celý generátor je možne stiahnuť na vlastné použitie nakoľko je pod MIT licenciou. Aj vďaka tomu bol už integrovaný do rôznych frameworkov či CMS.

Balík pre grafikov a webdizajnérov zlacnený z 1 400 na 49 dolárov

Ešte 8 dní máte možnosť zakúpiť si BundleHunt. Ide o balík určený predovšetkým grafikom a webdizajnérom. Podobné balíky sú väčšinou zamerané len na aplikácie – tento ponúka aj rôzne online služby, hosting, elektronickú knihu, šablóny, fotografie a mnoho iného.

Celé to má v plnej hodnote cenu 1 400 dolárov, no predáva sa za 49. Mne sa osobne pozdáva najviac aplikácia Billings, ekniha Mastering Photoshop For Web Design od Smashing Magazine a fotografie z Photocase. Je toho ale oveľa viac – či sa to za túto cenu oplatí si už musí povedať každý sám.

Čítaj ďalej →

Užitočný online nástroj: zmeň si veľkosť prehliadača

Ďalší tip na online nástroj – tento krát by som dal rád d pozornosti web resizemybrowser.com. Ten dokáže zmeniť veľkosť browsera na dané rozlíšenie. Užitočný a jednoduchý nástroj keď potrebujete vedieť ako by web vyzeral na nejakom konkrétnom rozlíšení.

Stránka vám povie aké je vaše aktuálne rozlíšenie a potom má niekoľko prednadstavených pre zariadenia ako Nexus One, iPhone, netbooky a podobne. Dokonca si môžete zadať aj vlastné. Príjemná je aj podpora Inner a Outer – ciže či ide o „čisté“ viditeľné rozlíšenie, alebo o veľkosť okna aj spolu s lištami a okrajmi.

Užitočný online nástroj: ktorý web sa načíta rýchlejšie?

Rýchlosť načítania webu sa dá merať rôznymi nástrojmi, od desktopových až po pluginy do prehliadačov. Na doméne whichloadsfaster.com veľmi jednoduchú aplikáciu, ktorej názov hovorí za všetko.

Len zadáte dve URL, ktoré chcete merať a o chvíľu poznáte výsledok. Samozrejme ak chcete vedieť podrobnejšie informácie napríklad, že koľko sa naťahujú média, skripty a ostatné súčasť odporúčam siahnuť po sofistikovanejších nástrojoch.

Tiny fluid grid – ako na layout jednoduchšie

tinyfluidgrid.com je online vizuálny editor na návrh mriežky pre váš web. Ak vám grid robí stále problém tak skúste tento jednoduchý generátor. Plusom je náhľad a samozrejme možnosť výsledok si stiahnuť ako CSS a HTML.

Pohodlnejší wireframing pre iPhone so šablónou

Ak to máte radšej rukou toto vás bude zaujímať. Pripomína mi to tie šablóny na technické písmo – kus plechu s dierkami. No a ešte vám pribalia aj ceruzku k tomu. To všetko za necelých 25 amerických dolárov. Naviac na ich webe si môžete stiahnuť šablónu na vytlačenie pre pohodlnejšie kreslenie. Celkom fajn.

Čítaj ďalej →