Skip to main content

Nifty Corners Cube - freedom to round

Popularity Report

Total Popularity Score: 0

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Rank

Groups (3)

  • css

    CSS Evangelist

    221 members,392 bookmarks

    a collection of resources of all things CSS- Include how-tos, articles, resources, tools, etc...

  • sqli-agency

    SQLI Agency

    23 members,309 bookmarks

    Afin de centraliser et partager plus efficacement tous les bookmarks que l'on peut s'envoyer les uns et les autres au sein de l'agency que ce soit de la veille techno, ergo, webmarketing ou graphique.

  • wedesign

    Web Design & Coding

    24 members,29 bookmarks

    Web Design & Coding brings together the tools and resources you want to look at for designing trends, tutorials and webmaster blogs.

Bookmark History

Saved by 136 people (34 private), first by anonymouse user on 2006-05-26


Public Comment

on 2006-07-18 by benxshen

圓角的世界才是美好的。這個簡單好用的工具讓你輕鬆地建立充滿漂亮圓角的方塊。

on 2006-08-02 by garyburge

Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images.

on 2006-08-03 by chrisofspades

Nifty Corners Cube are a solution to get rounded corners without images

on 2006-08-16 by atomicrobokid

Rounded edges, pure CSS / Javascript implementation

on 2006-10-24 by kgl0903

簡單打造CSS圓角邊框

on 2006-11-13 by diigomin

Soft en CSS y JavaScript mu chulo para hacer esquinas redondeadas sin insertas imágenes en el código.

on 2006-11-13 by diigomin

Soft en CSS y JavaScript mu chulo para hacer esquinas redondeadas sin insertas imágenes en el código.

Public Sticky notes

If you're new to Nifty Corners, I suggest to look in particular at the article on the first version to understand the concept behind them. Basically, Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images.

Highlighted by benxshen

More than one year has passed from the first version of Nifty Corners. While it was more of a proof of concept, and the second version presented some big improvements, there was still something missing. So here I present Nifty Corners Cube, that are simpler and more flexible than the previous versions. Let's start.

New features

If you're new to Nifty Corners, I suggest to look in particular at the article on the first version to understand the concept behind them. Basically, Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images.

There are several improvements and new features introduced in Nifty Corners Cube which make it more versatile and simpler to use than the previous versions:

  • The numbers of parameters has been reduced from four of the first version and five of the second version to just two, of which one is optional.
  • It's not necessary specify the colors anymore, since they are detected automatically.
  • They're easier to integrate into the design process, since the padding (both horizontal and vertical) of elements to round is preserved
  • It's easier to use them with other scripts
  • The support of CSS selectors has been improved and expanded
  • Just a single line in the head section is now needed for the whole library: even if they're still based on both CSS and javascript, the presentational CSS for Nifty Corners is loaded automatically by js
  • They're now released under GPL licence.

Together with the many novelties, that we'll discover through several examples, two features of the previous version has been abandoned. First, the support in Internet Explorer 5.0/Win has been totally dropped. Users of this browser will simply see squared corners, just as users with javascript disabled. The support remains very good however: the examples of the articles have all been tested successfully in IE5.5, IE6 and IE7 beta 2 preview, Opera 8.5, Firefox 1.5 and Safari 2.0. I had to drop even Nifty Corners with borders for compatibility issues I've had with IE and the new approach of the script.

Highlighted by missiontobe

nifty corners cube

Highlighted by rikaizm