March 2009
12 posts
3 tags
Proč je Cufón brufen milovníků webové typografie?
Protože šetří jejich čas a nervy.
Obrázek: Test zobrazování freewaroveho písma Lido v prohlížeči metodou Cufón. (Prohlédnout online).
K jeho implementaci stačí zkonvertovat font do javascriptového souboru, připojit do hlavičky HTML stránky spolu s hlavním javascriptovým souborem a přidat magickou formulku Cufon.replace.
Vzpomeňme na sIFR. Soubor s fontem jsme museli připravit ve Flashi, k...
2 tags
RESTfull CSS - automatické načítání stylopisu...
Steve Heffernan si napsal metodu, která mu na každé stránce načítá samostatný CSS soubor podle MVC architektury v Rails. Cituji:
Global—application.css (and other global stylesheets)
Action General—index.css, show.css, new.css
Controller Specific—controller_name.css (e.g. projects.css)
Je to určitě zajímavý pohled na organizaci stylopisu v závislosti na Rails. Na webu Pražského Jara...
2 tags
Dobrá zpráva — vývoj FancyBoxu neskončil
Ze všech klonů LightBoxu nejraději používám FancyBox. Už to vypadalo, že jeho vývoj skončí první verzí, ale Janis Skarnelis najednou přišel s kompletně přepsanou novou verzí. Co má navíc FancyBox 1.2.1 oproti verzi 1.0?
Je trošku více sexy - díky pluginu jQuery.Easing se otevírá velmi ladně a pod obsah přidává jemný stín.
Cizí stránku lze teď otevřít také jako iframe pomocí class="iframe"....
4 tags
A kdo zaměstná programátory blogovacích systémů?
K příležitosti přesunu původního blogu do archivu (ano, proč mít dva blogy o webdesignu, když píšu jeden?) tady mám legrační screenshot:
Je to EasyBlog Libora Krayzela, desktopová aplikace pro publikování blogu. V roce 2003 jsem jej považoval za nejsnadnější způsob blogování.
Byl skvělý. Nemusel jsem se díky němu učit strašlivě těžké technologie jako PHP, MySQL. Limitoval mě však statickou...
2 tags
3 základní vlastnosti CSS, které nemůžete použít v...
float - neumí jej Outlook Express 07 a tak máme smůlu
background-image - neporadí si s ním GMail, Live Mail ani Outlook Express 07
definice stylů v hlavičce - nezvládnou pro nás důležité webmaily - GMail, ani náš Seznam Email
V HTML emailech dále vládne tabulkový layout a HTML 3.2. Není to vtip. Podívejte se na podporu CSS v emailových klientech.
Tumblr: Jak přidat výpis tagů k postům
Prohlásit, že implementace standardních částí uživatelského rozhraní do Tumbleru je jednoduché jak facka by bylo na facku od jeho tvůrců. Práce s Tumblerem totiž nikoho nebolí:
{block:HasTags} <ul class="tags"> {block:Tags} <li> <a href="{TagURL}">{Tag}</a> </li> {/block:Tags} </ul> {/block:HasTags}
5 tags
Zoomorama, OpenZoom a další - zooming také ve...
Je pro vývojáře typické, že komunita kolem Flashe na microsoftí Deep Zoom reaguje trošku ve stylu “vždyť my to máme už dávno”. Ukázky z odkazovaného článku a Zoomoramy ovšem nedosahují tak silného uživelského prožitku.
Lépe na tom je OpenZoom, což je “flashová knihovna pro ZUI (Zoomable User Interface)”, která je přímou reakcí na Deep Zoom. Podívejte se na klasické mapové...
3 tags
Deep Zoom a Seadragon - skok dopředu pro práci s...
Blaise Aguera y Arcas je autorem Seadragon - technologie, která možná bude znamenat revoluci v práci s obrazovou informací na počítačích. I na webu. Umožní zobrazit obrovský obrázek, velmi efektně se v něm navigovat a přitom nestahovat obrovské objemy dat.
Díky technologii Deep Zoom v Silverlight, která Seadragon používá, toho pak lze využít na webu. Viz Hard Rock Memoralibia, Obama...
2 tags
Můj první Chrome bug: Když se barva pozadí...
Chyba se často “sama” opraví reloadem nebo změnou velikosti okna prohlížeče. Pomohlo mi nadefinovat barvu nejen pro body, ale také html.
html,
body
{
background-color: green;
}
Jiná řešení jsou na StackOverflow.
1 tag
jQuery: Jak zjistit, zda se prvek vyskytuje v...
if ($('#hledany-prvek').length) { // pocet prvku pole obsahujici vsechny elementy #hledany je nenulovy
// prvek existuje
} else {
// prvek neexistuje
}
Sám bych na to při svých tanečcích s javascriptem pochopitelně nepřišel. Poradili ale na jQuery for Designers.
Ten web je skvělý jak trpělivě jQuery vysvětluje a propaguje mezi širšími neprogramátorskými masami. Těmi, kdo...
3 tags
“Another very nice thing about SVG fonts is that it’s possible to modify...”
– Říkají tvůrci Opery 10 o chystané podpoře web fonts, v jejich SVG podání. To začíná být zajímavé!
2 tags
CSS řešení: když v MSIE nefunguje záporný...
Mám CSS kód pro grafické tlačítko, ve kterém nechci zobrazovat text.
input#site-search-submit
{
text-indent: -500px;
}
Trik se záporným text-indent funguje ve standardních prohlížečích. Ne však v IE6+7. Tam musíme přidat pár řádků:
input#site-search-submit
{
text-indent: -500px;
display: block;
font-size: 0px;
line-height: 0px;
}
Odpověď na logicky následjící otázku “A...