Představení generátoru CSS kódu pro zaoblené rožky
Dobrý den! Vytvořil jsem ve volné chvíli takovou malou generovací aplikaci. Generuje CSS kód pro kulaté rohy. Vlastně skládá jen několik CSS vlastností. Ale žádné kouzla, žádné triky. Prostě CSS3 plus dvě vendor-specific náhrady. Příklad:
-moz-border-radius-topleft: 16px;
-webkit-border-top-left-radius: 16px;
border-top-left-radius: 16px;
Samozřejmě, tak trochu jde o aplikaci pro aplikaci – nebyl bych to snad věru já, kdybych se rozhodl raději dokončit něco započatého, že, Petře!
Komentáře (13)
k formuláři
RSS kanál komentářů
26.6. 2009 — 1:43
bohuzel zatim kvuli rozsirenosti IE nepouzitelne.
26.6. 2009 — 2:03
[1] Crimson: Pokud si vezmeš za podmínku, že web musí vypadat v každém prohlížeči stejně, pak ano, nepoužitelné… :-)
Je pravda, že i já to využívám většinou jen pro své, nepříliš důležité věci…
26.6. 2009 — 8:31
Ale naopak, to je velmi použitelné! Uživatelé milují kulaté rohy! Dokonce bych se podepsal za manifest dělat všechny kulaté rohy na všech webech přes CSS a dokážu si představit, jak by to vypadalo v praxi:
Pepik : „Tyvole Venco, proč máš na tom iDnesu všechno tak pěkně kulatý?“
Venca : „Hele já nevim, známej dělá do těch počítačů a něco mi tam nainstaloval že tam nemám to modrý Éčko, jak je všude, ale mám kolem toho Éčka omotanou nějakou příšeru.“
Pepik : „Ta příšera je divná, ale jak to máš všude kulatý, to chci taky.“
Venca : „Hele tak já tomu počítačovýmu bláznovi zavolám a udělá ti to taky kulatý.“
…jednak se při tom skvěle pobavíme a druhak budeme mít po starostech s optimalizací pro IE, protože všichni budou chtít to mít kulatý. Já tu myšlenku považuju za naprosto geniální!
p.s. Jsem přepracovaný, tak mě neberte úplně vážně ;-)
26.6. 2009 — 11:52
Hezký ;-)
Jako future request bych si dovolil, kdyby to šlo a byla chuť, aby bylo možno přeskakovat mezi těmi políčky na pixely tabulátorem.
To by byla pecka.
26.6. 2009 — 12:38
ono taky zalezi na jake publikum je web zameren. Pokud vite ze na web bude hodit 90 procent uzivatel s geckem/webkitem tak potom jo.
Vzhledem k tomu ze vetsina mych zakazniku si moje navrhy prohlizi v IE tak me to stejne nuti pouzit CSS2.1, teda pokud chci aby ty moje kulate rohy vubec ocenil.
26.6. 2009 — 13:28
[4] Peter Láng: Ad tabulátor: to by mělo jít – jsi si jist, že nejde?
[5] Crimson: S tím souhlasím, ale taky myslím, že jsou kulaté rohy na kterých dyzajn takříkajíc stojí a pak jsou takové, které – pokud jsou – jsou příjemným přídavkem.
26.6. 2009 — 13:36
kulatych rohu lze docilit i bez CSS3 ale bohuzel uz to neni jeden nebo tri radky kodu. Hold skoda.
Jinak abych se vyjadril k tomu udelatku, je to fajn. Ale ja osobne pisu kod rucne takze kdybych chtel kulate rohy tak je pro me rychlejsi tech par radku napsat nez lezt nekam na net. Ale urcite se najdou lidi co to oceni.
26.6. 2009 — 14:17
[6] Kahi: áááha, ono to funguje tabulátor a enter, to mě nenapadlo. Čekal jsem jen prostý tab.
Tak to potom ok, takhle je to dobrý. Future request se změnil na past request ;-)
26.6. 2009 — 14:55
[7] Crimson: Tři řádky kódu… myslíš tři řádky kódu + obrázek?
Psaní ručně… možné to je, ale nepřehlédni, že
-moz
- vlastnosti mají trochu jinou morfologii… a že-webkit-border-radius
nezpracuje čtveřici hodnot ale jen jednu. A tak. Takže já jsem ani neuvažoval, že bych si to mohl zkusit zapamatovat. Takže jsem kopíroval a přepisoval… dokud mě nenapadlo udělat si na to aplikaci! :-)26.6. 2009 — 15:05
mozna jsem to napsal spatne, myslel jsem to tak ze v CSS2.1 to lze udelat taky ale je to slozitejsi. Cili ano, kod + obrazek, dva obrazky u pruzne verze. ( i kdyz moznosti je vic).
V hlave nosim jen ty nejpouzivanejsi veci CSS2.1 na ostatni mam kapesni prehled nebo sve predem udelane sablony (zakladni layout, typografie, reset atd ).
26.6. 2009 — 16:17
[10] Crimson: No jasně, já myslím, že si rozumíme. Prostě pokud jsou zakulacené rohy nutnost, udělají se metodou, která funguje univerzálněji…
26.6. 2009 — 17:01
Jinak musim pochvalit blog, jen tak dal :)
27.6. 2009 — 0:13
myslím že koli CSS3 nemusíme čakať na Microsoft kompletné CSS3 sa dá implementovať v javascripte Eric Meyer href=„http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/“ rel=„nofollow“>http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/ má pravdu.
Přidat komentář