Kategórie →

All posts in Webdizajn

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 →

Papierový prehliadač

Wireframe je téma, ktorú som tu ešte nespomínal a pritom sa s ňou trápim pri každom webovom projekte. V tomto som klasik a už vyše desaťročie si stránky kreslím rukou na papier. Dáva mi to viac slobody a priestoru než nejaké softvérové aplikácie.

Wireframe si robím pre vlastnú potrebu ale aj zorientovanie klienta – často sa mi stane, že na prvom stretnutí kde padajú návrhy ako by si web prestavoval na konci povie „a nemohli by ste mi to aspoň orientačne ukázať?“. Nákres na papieri je lepší ako dva prázdne súbory s príponami CSS a HTML.

Čítaj ďalej →

Online emulátor: Ako by vyzeral váš web na iPad-e

Či niekto chce alebo nie tak iPad je tu a vedie si veľmi dobre. Ak vás zaujíma ako nejaký web vyzerá na tomto zariadení od Apple skúste web iPad Peek. Momentálne je možné stránku zobrazovať pod prehliadačmi Firefox 3.5+, Chromium 5+ a Opera 10.5+.

Web si môžete pozrieť v horizontálnom aj vertikálnom móde, veľkosť stránky je transformovaná pomocou CSS3. Samozrejme treba ignorovať funkčný Flash – ide skôr o proporčný náhľad keďže všetky ostatné prvky záležia od prehliadača (fonty, JS, atď.). Ak by ste mali nápady na vylepšenia môžete si stiahnuť zdrojové kódy cez Git.

Dynamický generátor obrázkov, alebo Lorem Ipsum na grafiku

Lorem Ipsum je stále užitočnou metódou pri tvorbe stránok, nech si každý hovorí čo chce – v navrhovanej šablóne vyzerá oveľa lepšie ako napísané bla bla alebo text text text. Nechcete niečo také aj na obrázky?

Viete, že niekde budete mať obrázok no ešte je zbytočné sa ním zaoberať, no aspoň by ste mu chceli vyhradiť vlastný „chlievik“. Môžete si ho nakresliť alebo naštýlovať nejaký DIV cez CSS alebo použiť generátor dummyimage.com.

Obrázok sa generuje zadaním rozmerov za doménu, čiže http://dummyimage.com/600x450 vygeneruje obrázok s rozmermi 600 x 450 pixlov. Jednoduché a použiteľné – do vašej šablóny alebo projektu totiž môžete odkazovať nasledovne:

< img src="http://dummyimage.com/600x450" alt="tu raz niečo bude" />

Autor plánuje pridať podporu pre rôzne grafické formáty, či zadanie len jedného rozmeru pre vygenerovanie štvorca. Dúfam, že sa mu to podarí – mne sa služba veľmi páči.

Databáza grid based webov pre inšpiráciu

Grid based dizajn netreba nijako prehľadať. Grid vo webdizajne ma svoje čaro – veď väčšinou ide o minimalizmus a tu nieje takmer čo pokaziť. Web Grid-based.com je toho online príkladom.

Na to, že beží len tri mesiace som si ho veľmi obľúbil. Podobných galérii nájdete stovky, ale táto si ma vážne získala. Aj keď sa tu sem tam objaví piata verzia webu na tej istej šablóne, vždy je to iné a zaujímavé. Pokiaľ hľadáte inšpiráciu alebo chcete ukázať svoju prácu Grid-based.com je to správne miesto.

Grid Based Design

Web šablóna typu „táto stránka sa pripravuje“

Nemám to rád, ale tiež to tak mám na niektorých projektoch bohužiaľ poriešené. Robím web, mám víziu jeho spustenia no na ňom sa nachádza len prázdny text typu „stránka sa pripravuje“. Vhodným riešením môže byť “Site Under Construction” Template.

Tá napovie že sa predsa len niečo skutočne deje a záujemca môže byť po spustení informovaný o spustení webu napríklad cez mail – pre lepšie pochopenie si pozrite online demo. CSS a HTML kód je prehľadný, počítadlo a slider je spravený cez jQuery, k dispozícii je aj PSD súbor. Možno si predstavuje niečo iné ale takáto šablóna je skutočne lepšia ako nič, ak si poviete že veď to si spravím aj sam tak verte že nespravíte, lebo sa radšej budete venovať spúšťanému projektu.

This website is under construction