Kategórie →

All posts in Webdizajn

CSS Hat je must have nástroj pre webdizajnérov

Dňa 03/07/2012 Ako Software, Webdizajn Komentované 4 x Permanent Link to CSS Hat je must have nástroj pre webdizajnérovPermalink

Aj keď myšlienka prevodu štýlov vrstiev z Photoshopu do CSS nie je nijako nová ani revolučná tak nedávno uvoľnená aplikácia CSS Hat to robí inak a od začiatku dáva o sebe hlasne vedieť. Aplikácia vznikla za 54 hodín na pražskom Startup Weekend-e.

Stojí za ňou spoločnosť abdoc, ktorá sa venuje vývoju webov a aplikácii. Ale späť k nástroju CSS Hat. Pre jeho spustenie potrebujete minimálne Photoshop CS4, koncom minulého mesiaca je dostupná verzia aj pre Windows, nie len Mac. Ako sa s ním pracuje ukáže toto video.

Čítaj ďalej →

Balík 100 ikon optimalizovaných pre iPhone

Dňa 01/12/2010 Ako Grafika, Webdizajn Komentované nie Permanent Link to Balík 100 ikon optimalizovaných pre iPhonePermalink

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

Dňa 29/11/2010 Ako Coding, Video, Webdizajn Komentované nie Permanent Link to Video: Jina Bolton hovorí na tému CSS WorkflowPermalink

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

Dňa 18/10/2010 Ako Typografia, Webdizajn Komentované 4 x Permanent Link to Zabudni na Lorem Ipsum a používaj ukážky z literatúryPermalink

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

Dňa 23/09/2010 Ako Webdizajn Komentované nie Permanent Link to Dynamický generátor obrázkov, alebo Lorem Ipsum na grafiku – druhý pohľadPermalink

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

Dňa 09/08/2010 Ako Webdizajn Komentované 2 x Permanent Link to Balík pre grafikov a webdizajnérov zlacnený z 1 400 na 49 dolárovPermalink

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

Dňa 19/07/2010 Ako Webdizajn Komentované nie Permanent Link to Užitočný online nástroj: zmeň si veľkosť prehliadačaPermalink

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

Dňa 15/07/2010 Ako Webdizajn Komentované 1 x Permanent Link to Užitočný online nástroj: ktorý web sa načíta rýchlejšie?Permalink

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

Dňa 02/06/2010 Ako Webdizajn Komentované nie Permanent Link to Tiny fluid grid – ako na layout jednoduchšiePermalink

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.

← Staršie články