CSS

V době sledování online HD videa se může zdát, že velikost obrázků načítaných do CSS nehraje roli, ale jejich zmenšením můžete rychlost načtení stránky přeci jenom ovlivnit. Zvlášť k radosti uživatelů mobilního internetu.

Požadavek na vytvoření rozbalovacího menu v Drupalu je poměrně častý a každý jej řeší jiným způsobem. Z hlediska výsledku asi nejčistějším řešením je nakódování rozbalovacího menu jen s využitím CSS. Obejdete se tak bez doplňkových modulů.

Zkoušíte-li rádi nové vývojové pomůcky, mrkněte na online vývojové prostředí pro tvorbu webů. Codio nabízí online správu projektů, zabudované virtuální prostředí pro ladění, podporu Gitu nebo SFTP, konzolu Node.js, podporu různých komponent od PHP přes Ruby až k Pythonu, ale i databáze.

Experimentální projekt Adobe s názvem Project Parfait si klade za cíl nabídnout online aplikaci schopnou zpracovat nahrané soubory PSD přímo v prohlížeči a pomoci s exportem CSS a jednotlivých vrstev coby obrázků. Na první pohled tento experiment funguje skvěle a vypadá jako užitečná pomůcka pro každého kodéra CSS.

Určitě jste několikrát řešili problém, co s příliš širokou tabulkou na webové stránce. Jedním z řešení může být otočení popisků v záhlaví tabulky, takže zaberou méně místa. Dnes tento úkol snadno zvládnete jen s pomocí několika řádků CSS a výsledek plně postačí. Především u tabulek s širokým popiskem a krátkými hodnotami.

Občas potřebuji provést nějaké změny v CSS na webu bez toho, že bych styly rovnou ukládal na server a ladil to před lidmi. Vývojová kopie webu není vždy dostupná. Co s tím? Řešení může nabídnout jednoduché rozšíření webového prohlížeče Chrome.

Design stránek, který pružně reaguje na velikost okna prohlížeče, je stále populárnější. V Drupalu není problém použít některý z obecných responsivních frameworků. Ty odlehčené ale většinou nijak neřeší přeskládání menu v případě, že je stránka zobrazena na smartphonu. Co s tím?

Dnes mám pro vás malý tip na malé vylepšení vašich webů, které souvisí s typografií. A myslím, že jej málokdo řeší. Jak jste na tom se zarovnáváním obrázků do pomyslných textových řádků a dodržováním řádkování?

Připravujete-li responsivní layout webové stránky, pak zdánlivě není nic jednoduššího, než měnit velikost okna prohlížeče a sledovat, jak se web mění. Je ovšem dobré vědět, jak bude web vypadat na konkrétním rozlišení.

Nejnovější verze webového prohlížeče Firefox přináší několik vylepšení i po stránce pomůcek pro vývojáře webu. Pojďme se podívat, co všechno momentálně Firefox 11 nabízí pro tvůrce webových stránek a jak můžete tyto nástroje využít.

Některé grafické návrhy pro webové stránky počítají s tím, že různé rozbalovací nabídky formulářů (prvek <select>) mají vlastní vzhled, nezávislý na webovém prohlížeči. V CSS samotném toho moc nezmůžete, ale s jednoduchým pluginem pro jQuery to můžete vyřešit jak v jednoduchých stránkách, tak třeba v Drupalu.

Chcete na svém webu využít všech novinek, které přináší podpora kaskádových stylů ve verzi CSS 3 u současných webových prohlížečů? Než se naučíte nové definice z CSS 3 z paměti, pomůže vám klikací udělátko CSS Maker 3.0 na webu.

Google spustil službu, jejímž úkolem je nabídnout online prohlížeč nejrůznějších písem a zároveň poskytnout jednoduchou možnost, jak si tato písma kdokoli doplní do svých webových stránek. Zapomeňte tedy na složité vyhledávání fontů.

Pokud webová stránka obsahuje větší množství CSS souborů, může být její načtení do prohlížeče mírně zpožděno. Současná rychlost internetových připojení je taková, že nejde o velký problém, přesto můžete vyzkoušet nástroj, který vaše CSS soubory zmenší.

Stavíte si web a hledáte nějaký povedený nástroj pro vytváření a úpravu kaskádových stylů? Pokud jste příležitostní weboví tvůrci a nemáte zakoupen profesionální nástroj, pak vyzkoušejte freewarovou pomůcku ArduoCss.