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ářů

    • Komentář číslo: 1
    • *
    • Jméno: Crimson
    • Odesláno:
      26.6. 2009 — 1:43

    bohuzel zatim kvuli rozsirenosti IE nepouzitelne.

    • Komentář číslo: 2
    • *
    • Jméno: Kahi
    • Odesláno:
      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…

    • Komentář číslo: 3
    • *
    • Jméno: Marek Soldát
    • Odesláno:
      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ě ;-)

    • Komentář číslo: 4
    • *
    • Jméno: Peter Láng
    • Odesláno:
      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.

    • Komentář číslo: 5
    • *
    • Jméno: Crimson
    • Odesláno:
      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.

    • Komentář číslo: 6
    • *
    • Jméno: Kahi
    • Odesláno:
      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.

    • Komentář číslo: 7
    • *
    • Jméno: Crimson
    • Odesláno:
      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.

    • Komentář číslo: 8
    • *
    • Jméno: Peter Láng
    • Odesláno:
      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 ;-)

    • Komentář číslo: 9
    • *
    • Jméno: Kahi
    • Odesláno:
      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! :-)

    • Komentář číslo: 10
    • *
    • Jméno: Crimson
    • Odesláno:
      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 ).

    • Komentář číslo: 11
    • *
    • Jméno: Kahi
    • Odesláno:
      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…

    • Komentář číslo: 12
    • *
    • Jméno: Crimson
    • Odesláno:
      26.6. 2009 — 17:01

    Jinak musim pochvalit blog, jen tak dal :)

    • Komentář číslo: 13
    • *
    • Jméno: blizz.boz
    • Odesláno:
      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/e­ric/thoughts/2008/10­/22/javascript-will-save-us-all/“ rel=„nofollow“>http:/­/meyerweb.com/e­ric/thoughts/2008/10­/22/javascript-will-save-us-all/ má pravdu.

Přidat komentář

Nápověda ke psaní komentářů

Zde formátuje Texy!

  • *zvýraznění*
  • **silné zvýraznění**
  • > citace
  • "odkaz":http://kam
  • [4] reakce na komentář
  • zdrojové kódy a více

komentáře

úplně nahoru