Kulaté rohy pomocí Nifty Corners Cube

Nifty Corners, šikovná knihovna na tvorbu kulatých rohů pomocí JavaScriptu, CSS a hlavně bez obrázků, se po roce dočkala nové verze. Došlo k přejmenování na Nifty Corners Cube (?!?), za jménem je uveden honosný trademark a nová je i licence – zvolena byla (bohužel) GPL.

Co je nového? Na prvním místě mě zklamalo, že ani po letech není možno nastavit rohům poloměr – volit lze pouze z přednastavených dvou, pěti a deseti pixelů, což je málo. Některé alternativy nastavování poloměru zvládají (viz níže). Jinak jsou téměř všechny změny k lepšímu, důraz byl kladen hlavně na lepší použitelnost Nifty Corners. Konkrétně potěší, že:

• zadávání parametrů funkce „Nifty“ se výrazně zjednodušilo (z pěti parametrů zbyly dva)
• barvy není potřeba zadávat jako parametry funkce, detekují se automaticky z CSS předpisů
• lehký anti-aliasing je nyní prováděn automaticky
• je podporováno více „CSS-like“ selektorů

Dalším drobným plusem je obejití nevhodného window.onload = function() {…}, kdy se událost onload znepřístupní ostatním skriptům. Naopak mě trochu zamrzelo, že byla odstraněna podpora jednoduchých rámečků, která byla dost užitečná. Ale prý byly potíže s implementací.

Pokud tedy sháníte jednoduché udělátko na zaoblené rohy a nechce se vám patlat s grafickým programem, jsou Nifty Corners určitě dobrým řešením. Ještě nabídnu rychlý seznam alternativ:

• Původní Nifty Corners – použijte, pokud chcete dlouhodobě prověřené řešení, které umí i rámečky.
• Pacholliniho implementace je původním nápadem pouze inspirovaná, jinak se jedná o vlastní kód, který mimo jiné umí nastavit poloměr rohů. Zakulacování se používá trochu jinak – místo volání funkce Nifty(„selektor“, „možnosti“) z HTML hlavičky se každému zaoblenému prvku nastaví třída „rounded“ a na konci stránky se zavolá funkce make_corners(). Tato metoda má svá pro i proti, ale někdo ji třeba může považovat za jednodušší.
• Implementace Stevena Wittense (ACKO.NET) umí poloměr rohů i anti-aliasing.
• A tady je další implementace, která ale nevypadá příliš ambiciózně.
• Na platformě ASP.NET můžete použít komponentu RoundedBox, ale o tom jsem už několikrát psal.