alian.info » Webdizajn

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

alian — Mon, 19 Jul 2010 08:13:54 +0000

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

© 2003 - 2010 alian.info | Trvalý odkaz na článok | Ešte nekomentované
kategória: Webdizajn | tagy: browser, developer, online, tools

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

alian — Thu, 15 Jul 2010 08:24:01 +0000

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.

© 2003 - 2010 alian.info | Trvalý odkaz na článok | Jeden komentár
kategória: Webdizajn | tagy: browser, developer, online, speed, tools

Tiny fluid grid – ako na layout jednoduchšie

alian — Wed, 02 Jun 2010 07:35:45 +0000

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.

© 2003 - 2010 alian.info | Trvalý odkaz na článok | Ešte nekomentované
kategória: Webdizajn | tagy: CSS, fluid, grid, HTML

Pohodlnejší wireframing pre iPhone so šablónou

alian — Thu, 27 May 2010 07:55:20 +0000

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.

© 2003 - 2010 alian.info | Trvalý odkaz na článok | Jeden komentár
kategória: Webdizajn | tagy: Apple, iPhone, UI, UX, wireframe

Papierový prehliadač

alian — Tue, 11 May 2010 10:55:00 +0000

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.

Túto funkcionalitu výborne spĺňa klasická štvorčeková Áštvorka. Ak chcete niečo krajšie skúste Paper Browser. Je tu niekoľko šablón na vytlačenie – používam najmä Browser Sketch – vertikálnu aj horizontálnu verziu. A čo používate vy?

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

alian — Tue, 13 Apr 2010 08:50:36 +0000

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

© 2003 - 2010 alian.info | Trvalý odkaz na článok | 4x komentované
kategória: Webdizajn | tagy: Apple, emulátor, iPad, online, tools

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

alian — Sun, 14 Feb 2010 08:30:15 +0000

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.

© 2003 - 2010 alian.info | Trvalý odkaz na článok | Ešte nekomentované
kategória: Webdizajn | tagy: CSS, generator, how to, online, web

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

alian — Sat, 05 Dec 2009 06:47:02 +0000

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.

© 2003 - 2009 alian.info | Trvalý odkaz na článok | Ešte nekomentované
kategória: Webdizajn | tagy: design, grid, inšpirácia, online

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

alian — Sat, 28 Nov 2009 07:55:58 +0000

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.

© 2003 - 2009 alian.info | Trvalý odkaz na článok | 5x komentované
kategória: Webdizajn | tagy: CSS, download, HTML, jQuery, PSD, template

Nástroj, ktorý uľahčuje optimalizáciu pre Internet Explorer

alian — Wed, 23 Sep 2009 06:35:38 +0000

To, že taký Internet Explorer vo verzii šesť je pliaga snáď netreba nijako extra spomínať. Optimalizovať pre IE 6, 7 ale aj 8 nieje najjednouchšia a najpríjemnejšia vec – to určite potvrdí každý webdizajnér. Priamo Microsoft ponúka ako mierne odškodné zaujímavý nástroj na uľahčenie optimalizovaného webu.

Napriek tomu, že Microsoft Expression Web SuperPreview pre Windows Internet Explorer tu už nejaký piatok je má pocit, že sa o ňom málo vie. A to je už vo verzii 3.0. Microsoft Expression Web SuperPreview je odpoveďou na rôzne weby, ktoré vedia robiť screenshoty rôznych prehliadačov na rôznych systémoch alebo aplikácií tretích strán. Tie vedeli vedľa seba nainštalovať viac prehliadačov – príkladom za všetky môže byť nestabilný IETester, ktorý predsa len mal troška odlišné renderovanie výstupu než bola skutočnosť.

Použitie Microsoft Expression Web SuperPreview je veľmi jednoduché, aplikáciu stačí nainštalovať a spustiť. Otvoria sa dve okná, zadá sa URL ktorú budete „skúmať“ a už len porovnávate a ladíte. Všetko pekne v jednom okne. Editácia je na vás a vašom editore, Microsoft umožňuje priamo web debugovať ale treba mať nainštalovaný Microsoft Expression Web.

Inštalačný súbor má niečo okolo 18 MB, ešte by som sa pozastavil nad tým, že je potrebné mať nainštalovaný .NET Framework 3.5 Service Pack 1 a DirectX. Expression Web SuperPreview už enjaký ten piatok používam ešte, keď bol v beta verziách. Troška ma zarazila jeho náročnosť, rýchlosťou tiež ohúri. Život bež IE by bol krásny, tak si ho aspoň troška uľahčíme.

© 2003 - 2009 alian.info | Trvalý odkaz na článok | 8x komentované
kategória: Webdizajn | tagy: download, Internet Explorer, Microsoft