What is curvyCorners? curvyCorners is a free JavaScript program that will create on-the-fly rounded corners for any HTML DIV element, that look as good as any graphically created corners. Why use curvyCorners? Because it’s easy! You can add rounded corners to your DIVs in seconds. No image editing required. Should I use curvyCorners? It’s up [...]
Design Elements, Menu, Menus, Mootools
Using CSS and JS together for cooler navigation
When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style as tabs. Lately, such navbars are everywhere, as many people believe they’ll make their site more Web 2.0-compatible. Personally, I just think they’re semantically better and accessible. In this article [...]
CSS Techniques, Design Elements, Tools
Getting More Out of CSSEdit Part 2: Editing the Auto Completion Plist
As awesome as CSSEdit is, there’s always room for improvement. The auto completion feature for properties and values is brilliant, but one thing that bothered me was the absence of a few properties and values. Luckily these properties and values are stored in a .plist file. What’s the big whoop? Well, you can edit that [...]
CSS Techniques, Menus
Outlook Navigation Bar
Creating an Outlook Navigation Bar using the ListView and Accordion Controls. Powered by .net
CSS Techniques, Javascript, Menu, Menus
Digg Like menu with css
Design a digg like navigation using a liquid design with rounded corners for links.
CSS Techniques, Rounded Corner
Rounded Corner: Pure CSS/No JS/No Images
This handy little rounded corner generator gives you the html/css and lets you choose a class to name it.
CSS Techniques, Menus
CSS only DOM tabs
Create content changing DOM tabs using only CSS and pseudo-anchors. More light-weight and user-friendly.
CSS Techniques, Techniques
add onfocus functionality to input fields
The focus behavior of form elements is not supported correctly in all browsers. That’s why I created this simple small script to add this functionality to all text fields in a page. It uses the YUI javascript library, but it off course can be made also for other libraries like jQuery or Prototype.
CSS Techniques, Menus
Simple CSS vertical menu
A simple vertical menu digg-like using CSS and javascript to show/hide sub-menu.
CSS Techniques, Rounded Corner
One pixel notched corners as used by Google Analytics
Google Analytics has an interesting characteristic at their left nav: instead of each option being boxed in a clickable rectangle, there is a one pixel notch in each corner. It’s not necessarily a curved corner, but it is a little softer than a normal box. Here is how to do it.
CSS Techniques, Menus
Design Watercolor Effect Menu
This is a two-part tutorial on how to create an artistic and un-typical CSS list menu as seen on Web Designer Wall. In the first part (this article), you will learn how to design a watercolor effect menu in Photoshop.
CSS Techniques, Image Effects
CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash).