Vzhůru dolů

“ In particular, you should not view the large iPad screen as an invitation to bring back all the functionality you might have pruned from your iPhone application.

— iOS Human Interface Guidelines

A když půjdeme dále, měli bychom takto uvažovat i o webdesignu na desktopu.

Komentáře

Tagy: design ui mobilní-webdesign

Squarespace — aplikace, která vám vezme práci :-)
Zatím nejpropracovanější webCMS, jaké jsem viděl a také učebnice uživatelskému rozhraní webové aplikace. Doporučuji přihlásit se a učit se, učit se, učit se.

Titulek je samozřejmě nadsazený. Nicméně jsem přesvědčený, že je tady doba, kdy klienti přestanou s poptávkou na prezentační web chodit za námi webdesignéry a budou si nás pouze najímat tam, kde jejich síly ve webových redakčních systém přestanou stačit. A nemusí to být zrovna Squarespace. Už dříve jsem psal o LightCMS, úspěšně se snaží také české Webnode.

Co my na to? Můžeme jít zhrzení do důchodu nebo se radovat ze zajímavější práce než je omílání stále stejných postupů na stále stejných prezentačních webech.

Komentáře

Tagy: cms lightcms ui webnode web-cms

Cufón nebo Typeface.js — který vybrat?

Než budeme moci v prohlížečích začít široce používat @font-face, Typekit a další písně typografické budoucnosti, musíme se rozhodnout mezi třemi hlavními technologiemi sloužícími k nahrazení písma přímo v prohlížeči. sIFR, Cufón a nebo Typeface.js.

sIFR díky komplikovanému nastavování a velmi špatné rychlosti při načítání stránky postupně nahrazujeme jeho současnějšími sourozenci. Oba používají k náhradě canvas, respektive VML v Internet Explorerech a vypadají velmi podobně.

Který z nich zvolit? Na základě dostupných informací se rozhoduje jen těžce. Rozhodl jsem se pro vlastní hloubkový průzkum.

Číst dál >

Komentáře

Tagy: Cufón github sifr typeface.js typografie ui články

CSS: Ukázky zdrojového kódu se šířkou podle obsahu

Pro ukázky zdrojového na tomto blogu nově používám jednoduchý systém — šířka bloku se zdrojovým textem se přizpůsobuje délce obsahu:

Dlouhatánský obsah bude vyčnívat ze šířky bloku s textem tak abychom maximálně využili volný prostor.

Přičemž ovšem naopak krátký obsah neporuší šířku bloku, což uvidíme na druhém příkladu:

Jsem krátký obsah.

CSS kód je přitom jednoduchý:

pre
{
  display: inline-block;
  min-width: 482px;
  overflow: auto;
  max-width: 860px;
}

pre code
{
  white-space: nowrap;
}

Funguje v IE8, FF3, Safari a dalších moderních prohlížečích. Ve starších IE bude mít blok se zdrojovým kódem šířku stejnou jako blok s textem.

Komentáře

Tagy: css ui

TortoiseGIT právě udělal zápis do Guinessovy knihy rekordů v kategorii Největší dialogové okno ve Windows. Chyby v UI ale dělá každý, kde bychom bez Tortoise byli!

Komentáře

Tagy: tortoisegit git ui fail

Články na téma „ui”

Cufón nebo Typeface.js — který vybrat?

CSS: Ukázky zdrojového kódu se šířkou podle obsahu