Do you like simple and clean design? Take a look at this collection of buttons for your website. This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and the Proxal icon set…
-
Beautiful CSS Buttons with Proxal Icon Set
Posted: 4 months ago in Tutorials
Read More: Beautiful CSS Buttons with Proxal Icon Set
-
All CSS Properties Listed Alphabetically
Posted: 4 months ago in Tools
Read More: All CSS Properties Listed Alphabetically
-
How to Bring CSS3 Features into Your Design
Posted: 4 months ago in Tutorials
Top web browsers (such as Firefox 3.5 and Safari 4) have introduced some cool features you can already use. Now, with just a few lines of CSS you can do things you used to do with images and javascript…
Read More: How to Bring CSS3 Features into Your Design
-
Efficient CSS with Shorthand Properties
Posted: 4 months ago in Tutorials
One of the reasons for using CSS to layout websites is to reduce the amount of HTML sent to site visitors. To avoid just moving the bloat from HTML to CSS, you should try to keep the size of your CSS files down as well, and I thought I’d explain my favourite CSS efficiency trick: shorthand properties. Most people know about and use some shorthand, but many don’t make full use of these space saving properties…
Read More: Efficient CSS with Shorthand Properties
-
CSS Frameworks: Pros and Cons
Posted: 4 months ago in Articles
A prefab CSS framework can be a great help or serious hindrance. This article will give proper coverage to both sides of the fence by looking at common arguments for and against using a CSS framework…
Read More: CSS Frameworks: Pros and Cons
-
Rediscovering the Button Element
Posted: 4 months ago in Tutorials
Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elements and the biggest loser of them all in the battle for a standardized look is the infamous Submit button.
As is, the input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves. What we need is something better – something more flexible and meant for designers. Lucky for us, the solution already exists and all it needs is a little love. My friends, let me introduce you to my little friend : the “button” element…
Read More: Rediscovering the Button Element
-
Simple Round CSS Links (Wii Buttons)
Posted: 4 months ago in Tutorials
You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags and 1 image and one CSS file. It’s tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9…
Read More: Simple Round CSS Links (Wii Buttons)
-
CSS Navigation: No JavaScript or Image Required
Posted: 4 months ago in Code
I have coded this pager only CSS based navigation/pagination bar. No javascript is required. There are tooltips on hover and previous/next buttons to make navigation easier…
-
CSS Backgrounds: 12 Solutions To Common Questions
Posted: 4 months ago in Tutorials
CSS backgrounds are an important part of web design. The property is where you add the colors and images that sit behind your content, which controls much of the aesthetics of your site. Remove your CSS backgrounds and your site will probably be text on a white background. While relatively easy to understand, CSS backgrounds often lead to some questions and confusion when it comes to pulling off specific techniques. Let’s see if we can clear up some of that confusion and then answer a few of those technique specific questions…
Read More: CSS Backgrounds: 12 Solutions To Common Questions
-
To CSS Reset or Not to CSS Reset
Posted: 4 months ago in Tutorials
Question: Which Global Reset for CSS Should I Use? The short answer is the simplest one possible. The slightly longer answer is that you should reset some styles, but do so with a good reason. The long answer is that the exact CSS reset you choose will depend on the needs of your design…
Read More: To CSS Reset or Not to CSS Reset