Archive for 'CSS'

Using CSS3 to style forms written in HTML5

Styling a form is never an easy thing to do, but adding CSS3 on a HTML5 form is a task that shows a large variety of results when it comes to testing on different browsers. Check the test link.
When it comes to CSS3 not much can be done: but adding rounded corners, gradients and dropshadows [...]

A functional Mozilla menu roll-over effect – no preload necessary

Hi, I would like to write about preloading images in Mozilla. I faced this problem many times and for a while the long-used-trick with a display:none div worked very well. So I happily created roll-over effects in image-based menus until one day…
Now the old trick is not functioning on Mozilla. The good guy is [...]

CSS and Ajax rating scripts

We need rating scripts for different situations in our webpages. For example we want visitors to rate a wallpaper in a wallpapers site, or a product in a shopping cart. For this we can use one of the rating scripts presented below:
Unobtrusive AJAX Star Rating Bar

The guys from masuga design made this script unobtrusive, configurable( [...]

css shadows – images and boxes

As we said in a previous post, we’ll try to bring here some resources related to css shadows applied to images or boxes.
CSS shadow kerfuffle

“… in addition to just the plain old img element, an enclosing div plus four additional divs to handle the corners”.
CSS Drop Shadows

This technique uses an outer div for images, or [...]

css shadows – text

Shadows are graphical improvements for design or usability. We may want to create a design with shadows under images or boxes, But shadows also can improve usability for text positioned over images.
In this post we’ll try to present some css techniques for text shadows, and in a future posts, we’ll try to gather some css [...]

Rounded cornes – CSS

Rounded corners are a challenge for every coder that want to make a modern design. If the layout of the page is liquid, a simple image is not enough anymore. in this part we’ll present some css resources for rounded corners.
Nifty Corners: rounded corners without images
CSS and Round Corners: Build Boxes with Curves
Rounded corners in [...]

CSS forms formating

Forms are the base of interactivity in webpages. Formating forms can bring a good usability to a page, easing the user’s experience.

Css menus – navigation

Navigation is an important part in a webpage. Done it right will help user to find what he needs in your pages. Some resources for navigation are below:
Webpages navigation
Sliding Doors of CSS – Sliding Doors of CSS, Part II
Vertical CSS menu with flyout submenu
Inverted Sliding Doors tabs
Bulletproof Slants
CSS Tabs 2.0
CSS Tabs with Submenus
Free Menu Designs
Mini-Tab [...]

CSS font syling

We’ll try to present some resources for font styling in webpages

CSS list formating

List formating – some resources related to this aspect of css design.
Nested lists – For building outline-like lists, nesting uls makes for a structurally sound — and easily styled solution.
Listutorial – takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists.
Lisatamatic2 – vertical and [...]