Font-face v CSS je nová věc. Ne v tom smyslu, že by implementace byly provedeny nedávno, spíš v tom smyslu, že dosud nejde o možnost pořádně propranou. Vlastně jakoby na ni teprve sahaly první ruce — a tyto nevědí, jak by bylo nejlepší s novou věcí nakládat.
Tag: css
-
Font-face: O nebezpečí z nových možností
-
Pro jednodušší kódování CSS v TextMate
S Ondrou Válkou jsme se tak nějak shodli, že kódování CSS je možné učinit příjemnějším, pokud tomuto úkolu trochu přizpůsobíme software. Zatím pro TextMate (námi oběma preferovaný editor) vzniklo rozšíření CSS Navigator.
Funkčnost se bude časem rozrůstat, jediným
prozatím atakovaným cílem je usnadnění navigace napříč CSS souborem –
z komentářů-nadpisů CSS Navigator vygeneruje pěkný hypertextový
table-of-contents.Syntaxe komentářů je stejná, jakou znají a používají uživatelé CSSEditu nebo Espressa:
/* @group Layout elements */ ⋮ [definice stylů dané kategorie] /* @end */Navigace ve struktuře CSS souborů je problém vyžadujícím řešení zejména pro kód psaný ve stylu „každá vlastnost je na vlastním řádku“ nebo podobně se roztahujícím. Doplňkem, nebo dokonce náhražkou ke známému
⌘–Shift-Tse teď stává⌘–D. Díky CSS Navigátoru pro Textmate.Za zmínku stojí, že je to open-source bundle napsaný v PHP a HTML/CSS, takže pokud by byl zájem přepsat to pro vámi preferovaný editor, jen do toho.
-
Flickr pomáhá v odřezávání IE
Flickr začátkem měsíce redesignoval a při té příležitosti přepsal i své šablony. To je zajímavé ze dvou důvodů:
- můžeme se inspirovat, jakým způsobem přistupuje k podpoře různých prohlížečů
- můžeme konečně extrahovat data z HTML dokumentů, protože DOMek je nově hustě popsán i pomocí tříd nebo dokonce mikroformátů. Ano, v roce 2010 Flickr opouští tabulkový layout. (Kdoví, co je k tomu přimělo. Vymřela první generace kodérů?)
-
Pár WeBlinků
css Nicolas Gallagher: Multiple Backgrounds and Borders with CSS 2.1 – dnes už aplikovatelné řešení založené na generovaném obsahu (tzn.
:beforea:afterpseudo-elementech) často použitelné místo dychtivě očekávaných více-násobných pozadí v CSS3.grafický design photoshop Mindy Wagner @ Viget Inspire: Design For Efficiency: Techniques & Templates – pár mimořádně užitečných tipů k používání Photoshopu plus praktická 960px šablona s předpřipravenými skupinami pro vaše krásné vrstvy. Pokud v Photoshopu někdy kreslíte webíky, rozhodně vizte.
proces klient Paul Boag: Pain Free Design Sign Off (audio/video) – design, komunikace s klientem, takové spíš základní věci, ale velmi pěkné a Paul Boag se velmi dobře poslouchá a sleduje, takže i když vás nezajímá obsah, mohlo by se líbit.
-
Kodéři, počítejte s menšími okny
… než je šířka layoutu!
Při kódování grafického návrhu je běžnou praxí neuvažovat o možnosti, že si návštěvník bude stránku prohlížet v okně menší šířky, než je šířka celého layoutu. Za jistých okolností to může vést k problémům s použitelností stránky – s čitelností hlavního obsahu.
Jak problém vypadá v praxi?
