Proč nás nezajímá rozlišení udávané výrobci? Co je CSS pixel a co device-pixel-ratio? Proč nestačí mít 2x velké obrázky? Tentokrát se podíváme do hloubky jedné ze základních technických problematik responzivního designu.
Archiv autora: Martin Michálek
Martin Michálek
Nezávislý specialista na webový front-end. O responzivním webdesignu, HTML5, CSS3 a dalších tématech píše na blogu Vzhůru dolů a na Twitteru jako @machal.
Proč SVG používat? Jak detekovat jeho podporu v prohlížečích? Čím ho generovat? To vše v dnešním článku.
Responzivní design je jedním z nejčastějších zaklínadel moderního webdesignu. Martin Michálek pro nás přečetl a sepsal recenzi českého překladu knihy Tima Kadlece: Responzivní design – profesionálně, doposud jediné knihy na toto téma v češtině.
Podporovat jen prohlížeče, které mají tržní podíl nad 5 procent? Ukážeme si, že je to dnes možné jen v pohádkách a že tomu tak ještě ke všemu bylo vždycky.
Grunt je robot automatizující nudné úkoly na frontendu s potenciálem ušetřit vám velké množství práce. V článku se podíváme, proč ho používat, jaké úlohy si v něm nastavit a jak si Grunt rozjet.
Pokaždé k něčemu jinému — k vyřešení zobrazování napříč různě velkými displeji, k ušetření kodérovy práce, občas i k poslání grafika na Úřad práce… Dobře, trochu přeháním. Reálných scénářů použití ale v článku najdete i tak dost. Nejdřív se ale podíváme, kde se frontend frameworky vzaly a co to vlastně je.
Cestou k optimálnímu responzivnímu webu ještě všichni nasekáme spoustu chyb. Tenhle článek by vám mohl pomoci vyhnout se těm nejhorším.
Třetí díl „mobilního” seriálu na sebe nechal chvíli čekat, ale nakonec se vše podařilo. Po úvodu a vybudování zvláštního mobilního webu se dnes podíváme na nástroj jménem jQueryMobile a techniku, co dnes hýbe webdesignem — ano, budeme responzivní.
Pojďme dnes našemu desktopovému webu vyrobit mobilní variantu. Nebude to moc těžké. Ale tipněte si — dokážeme vynaložit energii přiměřenou velikosti naší mobilní cílové skupiny? A víte, co je „kodérská mobilní verze”?
Malý prezentační web, to je webařská rutina. Technologických nástrojů pro tenhle typ webů máme víc než dost, a tak je tady dnes už široký prostor pro vytvoření zajímavého vizuálního sdělení. Anebo technické experimentování. Během práce na Snowkidz.cz jsme zkoušeli, jak co nejsnadněji zjednodušit používání desktopového prezentačního webu mobilnímu uživateli.