Přejít k navigační liště

Zdroják » Zprávičky » Ikony služeb v čistém CSS3

Ikony služeb v čistém CSS3

Zprávičky ‐ ‐ Webdesign ‐

Nálepky:

Před několika lety byly velmi populární malé ikonky, které hlásaly „ HTML Valid“, „ CSS Valid“, „ RSS Valid“ atd. Někteří webdesignéři je vzali jako výzvu a pomocí CSS ukázali, že je možné je vytvořit v textové podobě, bez obrázků. O něco podobného se pokusil Nicolas Gallagher a vytvořil sadu ikon pro společenská média v čistém CSS3. Sada zahrnuje ikony pro Facebook, Twitter, Technorati, RSS feedy, Delicious či Linked In. Praktické použití jeho ikony pravděpodobně nečeká, ale coby demonstrace možností CSS3 je to velmi působivé.

Zdroj: HTML5 Watch

Začal programovat v roce 1984 s programovatelnou kalkulačkou. Pokračoval k BASICu, assembleru Z80, Forthu, Pascalu, Céčku, dalším assemblerům, před časem v PHP a teď by rád neprogramoval a radši se věnoval starým počítačům.

Komentáře

Odebírat
Upozornit na
guest
1 Komentář
Nejstarší
Nejnovější Nejvíce hlasů
František Kučera

Moc pěkné, stojí za to na ně kouknout ve Firebugu :-) Ale stejně je to úlet – radši bych v praxi použil SVG/PNG.

0
Odpovědět

WebSocket: Jak dostat webovou aplikaci do reálného času

‐ Webový vývoj ‐
Komentáře: 1
Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

‐ Webový vývoj ‐
Komentáře: 2
Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

‐ JavaScript ‐
Komentáře: 0
Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.

Sledujte Zdroják: