About Noupe

Posts by Noupe :

Even More Rounded Corners With CSS 

In this case, single-image, PNG-based, fluid rounded corner dialogs with support for borders, alpha transparency throughout, gradients, patterns and whatever else you (or your designer) could want.

Curvy Corners 

CurvyCorners gives you rounded corners with very little effort and doesn’t rely on large images with tricky CSS. It does, however, require JavaScript. Unfortunately, your pages will fall apart for users that have it turned off.

Make CSS Rounded Corners 

A dig through many options for creating rounded corner elements. The options here range from pure CSS to JavaScript-based solutions.

jQuery Animated Outline Menu 

A drop down menu with a sleek “outline” animation added when it drops down, applicable to any anchor link. Powered using jQuery.

Advanced CSS Menu Trick 

Create focusing and blurring navigation menu items, which is a powerful way to add attention to the selected item.

Unobtrusive Slider Control V2 

Whenever a slider has focus, the arrow keys ←, →, ↑ and ↓ can be used to control the slider handle, the Home key to set the slider at it’s minimum value and the End key to set the slider at it’s maximum value. The slider can be associated with both text input and select [...]

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.

Creating a table with dynamically highlighted columns 

How to create a table like Crazy Egg’s pricing table on their Pricing & Signup page. This tutorial will show you how to recreate the behavior step by step, and share the power of combining CSS, JavaScript, and images in clever ways.

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 Decorative Gallery 

How to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect.