Zprávičky v rubrice Design

O CSS preprocesorech LESS i SASS jsme už psali (LESS: stejné CSS za méně peněz, CSS preprocesory: méně psaní, vyšší efektivita) a nedávno o nich psala i česká blogerská scéna. Pokud si je chcete vyzkoušet online, podívejte se na css2less.cc nebo… Více

Používání výplňového textu (a la Lorem ipsum) asi nemusíme představovat. Projekt Fixie.js přichází se zajímavým nápadem – proč výplňový text vkládat do stránky ručně, když to může za nás udělat JavaScript? Stačí, když textové bloky k vyplnění… Více

„Začínající webdesignere! Naše profese je úžasná. Zatímco jiní designeři (třeba oděvní) končí na úřadu práce, webdesign vzkvétá, roste a rozpíná se. Navíc je obrovský hlad po zkušených a kompetentních webdesignerech po celém světě, takže pokud… Více

Taby (někdy nazývané panely) najdeme na webu poměrně často. Ring Wingův tutoriál ukazuje, jak může pomocí CSS3 animací jejich přepínání snadno animovat. Pokud si chcete hned vyzkoušet výsledek, přejděte rovnou na demo1, demo2, demo3 či demo4… Více

V posledních dnech se na českých blozích objevilo hned několik příspěvků na téma CSS preprocesory, které stojí za pozornost (ty příspěvky, ač o CSS preprocesorech to platí také). Tématem jsou zejména CSS preprocesory SASS, LESS a Stylus. Prvním… Více

O responsive designu jste mohli opakovaně slyšet nejen tady na Zdrojáku. Luke Wroblewski sestavil pět návrhových vzorů (čili jakýchsi univerzálních řešení, která můžete opakovaně používat na řadě svých projektů), se kterými se při použití… Více

Pokud budeme vytvářet kaskádové styly pro nový web, máme v podstatě dvě možnosti, jak zapsat velikosti fontů. Jedna z nich je definovat vše „napevno“, například pomocí rozměru v pixelech. Druhou možností je určit velikost relativně vůči nadřazenému… Více

Rozhraní Metro může na první pohled vypadat nelogicky, nesmyslně a jako takové „plácnutí do vody“ ve stylu hlavně se odlišit. Na Smashing UX Design vyšel výborný článek o návrhu aplikací pro WP7 a Metro – a najdete v něm nejen rady pro návrh… Více

„Lidé si nevybírají podle nejdůležitějších hodnot, ale podle těch, které dokážou nejsnáz vyhodnotit.“ – Barry Schwartz, The Paradox of Choice Co má společného úspěch serveru Woot, proč lidé rádi nakupují tam, kde je malý výběr, a proč by Angry… Více

I návrháři bankovních aplikací v Javě si mohou přečíst a nalézt zajímavé tipy v článku Designing Apps for Kids. Děti totiž uvažují jinak, a proto se i k aplikacím (většinou výukovým a rekreačním hrám) chovají jinak, než běžný návrhář očekává. Víte… Více

Twitter používá, stejně jako mnohé další velké weby, vlastní kodérský framework a k němu sadu pravidel pro vytváření stránek a uživatelských rozhraní (Coding standard, coding rule). Jejich CSS framework se jmenuje Bootstrap, je dostupný na Githubu… Více

Na serveru Mashable vyšel článek 7 Essential JavaScript Typography Resources, který shrnuje zajímavé tipy na zdroje, které se týkají typografie. Více

Vytvoření infografiky není jen převedení čísel do omalovánek – infografika  by měla mít svou logiku a dodržovat některé základní principy. Tyto principy shrnuje článek na Smashing Magazine The Do's and Don'ts of Infographic Design. Více

Smashing Magazine se věnuje drobným typografickým pravidlům, jako jsou mezery mezi odstavci, odsazení, mezery za interpunkcí, správná matematická znaménka, rozdíly mezi spojovníkem, ndash, mdash a znaménkem minus, používání správných uvozovek, problémy s ligaturami atd. Více

Pěkný přehledový článek na blogu Hongkiat na příkladech ukazuje pěkná typografická řešení různých částí webů (hlavička, odkazy, seznamy, citace, …) Článek zmiňuje i použití vlastních fontů a naleznete v něm i velké množství odkazů k dalšímu zkoumání a čtení. Více

V článku 25 Most Beautiful Web Button Designs naleznete výběr zajímavých tlačítek, posuvníků, přepínačů a dalších vstupních prvků či designových drobností k volnému použití. Více

Článek iPad App Dos and Don'ts na serveru UX Booth shrnuje základní věci, které byste při návrhu aplikace pro iPad měli dodržet, a věci, kterým byste se rozhodně měli vyhnout. Zdůrazňuje rozdíly mezi iPadem a dalšími zařízeními („Není to telefon!“)… Více

Nová HTML5 šablona pro Wordpress s názvem Yoko dodržuje princip „responsive layout“ – pomocí CSS3 Media Queries se dokáže přizpůsobit různým výstupním zařízením – mobilům, tabletům i stolním počítačům – a nabídnout obsah vždy v přijatelné podobě. Více

Připadají vám černobílé tečkované QR kódy ošklivé? Zkuste se na ně podívat jako na výtvarné dílko, jako na malý artefakt, a využít toho, že mají určitou odolnost proti chybám. Inspiraci můžete vzít třeba na Mashable v článku HOW TO: Make Your QR Codes More Beautiful Více

Zajímavá zjištění o uživatelích přináší výsledky průzkumu, který uspořádali kolegové v Dobrém Webu. Ověřovali některé tradované hypotézy a „pravdy“ o webdesignu a uživatelích („uživatelé umí…“, „uživatelé neumí…“, „uživatelé nepoužívají…“) Výsledky… Více

„Jestli si myslíte, že uživatelský prožitek u mobilních aplikací je záležitost volby správného frameworku, a pak stačí jen počítat s malým displejem, tak se zamyslete znovu,“ píše Mike Gualtieri v úvodu nového výzkumu Forrester Research, který je… Více

Web Design Ledger nabízí 30 zajímavých webů v HTML5. Tentokrát nejde o technologické ukázky možností HTML5, ale spíš o boření mýtu, že „sémantický web v HTML5 je ošklivý“, podobně jako kdysi někteří tvrdívali, že „validní HTML brzdí kreativitu“… Více

Existují chyby, které dokážou zošklivit jinak dobrý web? Samozřejmě! Osm nejzásadnějších vybrala Amber Weinberg ve svém článku 8 Web Development Mistakes that Make Any Site Look Bad. Jaké že to jsou? Třeba pomalé nahrávání, obsah výhradně přes… Více

Známý server UX Booth publikoval poměrně rozsáhlý článek na téma návrhu formulářů pro mobilní zařízení. Mezi probíranými tématy najdete: umístění label elementů redukce rozsahu formulářů na nejnutnější pole slučování více polí využití… Více

Mark Pilgrim, mimo jiné autor knihy Dive Into Python 3, vytvořil galerii krásných a snadno použitelných ampersandů (znaků „&“) Open Source Ampersands pomocí volně dostupných písem. Inspiroval se článkem Dana Cederholma Use the Best Available… Více

Starší článek, ale stále platný. Víte, jak se ve webdesignu projevuje pýcha, obžerství, lakota či závist? Odlehčený pohled na webdesignérské nešvary nabízí Rob Bowen na webu Webdesigner Depot. Více

Velmi zajímavým příběhem o využití společenských věd při návrhu uživatelského rozhraní je historka o „vynalezení“ velkého zeleného tlačítka, které spouští kopírování dokumentů na kopírkách. Možná ty historii znáte – a v článku na UX Magazine se… Více

Zajímavý článek na téma „designu chybových hlášení“ naleznete na blogu Formulate. Kromě konkrétních doporučení obsahuje i velké množství odkazů na další informační zdroje, které se tímto tématem zabývají. Více

Článek RJ Owena na webu Insideria poukazuje na možná nedostatečně opakovanou skutečnost, že použitelnost a uživatelský prožitek (UX, User Experience) není totéž, i když spolu souvisejí. Použitelnost souvisí s tím, jak snadné je udělat s nástrojem… Více

Nové logo HTML5 od konsorcia W3C vzbudilo reakce libé i nelibé. Jak píše Bobbie Johnson ve svém článku, kde nazývá nové logo „fiaskem“: „Není to kvůli tomu, jak logo vypadá (není nijak divoké) ani kvůli sentimentu nad tím, že staré logo odchází… Více