Vývojářský tip – jak “inspektnout inspektor” a najít rozbité fonty

Občas máte na stránce webové fonty, může jich tam být více a některé znaky se možná nezobrazují korektně. A vy potřebujete buď potvrdit, že font ty znaky nemá anebo případně najít, který soubor za to může. Zvlášť pokud jeden font má vícero řezů v samostatných souborech a jeden z nich může být rozbitý. Také je dobré vědět, zda… celý článek

Počeštěný font Kontrapunkt ke stažení

Během tvorby webu jsem narazil na font Kontrapunkt, který má zákazník ve firemní identitě. Líbil se mi a chtěl jsem ho použít na jeho novém webu. Nicméně font neměl větší část českých znaků. Chybějící znaky jsem dodělal a o upravenou verzi se podělím s vámi. Font je v řezech: bold, light a light-italic. Archiv obsahuje formáty: WOFF,… celý článek

Buďte ještě lepším kodérem 1. díl

Webdesign dělám už několik let a vím, že ne vždy kodér odvede práci zcela podle představ webdesignéra. Proto jsem se rozhodl podělit se s kodéry o svoje znalosti a usnadnit jim práci. Uvedu 7 věcí, které je grafik schopen vidět, ale pro kodéra už to nemusí být taková samozřejmost. 1. Placeholdery Poměrně častěji jsem vídal,… celý článek

Přesměrujte otevírání všech složek do Total Commanderu

Total Commander (TC) je stále velmi oblíbená alternativa výchozího Průzkumníka Windows. Avšak při práci s Total Commander mi vadilo, že se některé složky otevírají stále v Průzkumníku Windows. Např. když otevřete složku na ploše. Nebo když ve vlastnostech zástupce na ploše dáte “Otevřít v umístění souboru”. Otevře se opět složka v Průzkumníku. Takových příkladů by… celý článek

Užitečný trik na rozmístění položek menu

Pokud jste tvořili někdy vodorovné menu, možná jste se setkali s tím, že chcete nějak hezky rozmístit položky. Nejlépe na celou šířku a tak, aby všude byla stejná mezera. Moje metoda Natáhnete si textový rámec odkud kam má být menu. Do této textové vrstvy dáte na jeden řádek všechny položky menu, které tam chcete mít.… celý článek

Zobrazte si náhledy PSD souborů v Průzkumníku Windows

Hledal jsem něco co mi usnadní práci a ukáže mi obsah PSD souborů rovnou jako ikonu souboru. Podobně jako to Windows umí třeba s JPG. Po chvíli hledání jsem našel program SageThumbs, který toho umí víc než jsem hledal. Program je na rozdíl od podobných programů zdarma a podporuje například formáty:  AI,  ANI,  APNG, DNG,… celý článek

Co dělá tlačítko tlačítkem? Jak usnadnit uživatelům práci s nimi?

Co dělá tlačítko tlačítkem? Jak usnadnit uživatelům práci s nimi? Je lepší plastické tlačítko nebo tlačítko v duchu “flat–designu”? Na co si dát pozor při tvorbě tlačítek na webu? To jsou jen některá témata, kterým jsem se věnoval v rešerši s názvem: “Potvrzovací akce (buttony) napříč platformami a softwary” Dokument má sice 41 stránek, ale… celý článek

Počeštěný webfont Lobster 1.4 ke stažení

Font Lobster patří k mým nejoblíbenějším. Je elegantní, svěží a skvěle se hodí na kratší texty. Přestože font podporuje azbuku, stylistické alternativy, ligatury a další věci, chyběla mu asi polovina důležitých českých znaků. Dodělávat v grafice háčky a čárky ručně není moc efektivní a proto jsem se rozhodl dodělat chybějící českou diakritiku. Rád se s… celý článek

Velké viditelné kurzory myši

Před delší dobou jsem začal řešit problém. Používám dva monitory vedle sebe s fullHD rozlišením a na tak velké ploše mi občas dlouho trvalo najít kurzor myši. Ale protože jsem už měl nějaké zkušenosti s tvorbou kurzorů, vrhl jsem se na do tvorby nových, které by splňovali moje požadavky. Zjistil jsem si, že když “sliji”… celý článek

Jak v Photoshopu zjistit velikost vzorku?

Mám tu jeden rychlý užitečný tip pro kodéry, kteří potřebují rozřezat design do souborů. Zkušení kodéři to jistě znají, ale občas se mě nějaký zeptá, jakou velikost má ten vzorek v PSD souboru, který jsem jim poslal. Jak zjistit ten správný rozměr, aby to samo na sebe správně navazovalo? Můžete samozřejmě zkusit hádat rozměr a… celý článek