The background property is a shorthand property for setting all background properties in one declaration. The order of declarations is background-color, background-image, background-repeat, background-attachment, and then background-position. Remember that default values for these properties are not set.
CSS Techniques, Design Elements, Techniques
CSS Shorthand: Font
The font property is, with exception of some system fonts, a shorthand property for setting all of the properties for a font in one declaration. These declarations go in order of font-style, font-variant, font-weight, font-size/line-height, font-family. Below is a chart showing values can be used in each section.
Design Elements, Forms, Techniques
Creating a stylish Minimal Contact form
A contact form is pretty much a necessity for any website these days, creating one is fairly simple. Making them look good is where the real skill lies. By using some simple Css rules your forms can really rock! This is what we are aiming to end up with; Preview Live Preview form full The [...]
CSS Techniques, Design Elements, Techniques
Creating Style Tag with JavaScript and Adding Rules to It
Sometimes, when working with dynamically created objects on the client, it is needed to style these elements in a specific way. Due to the nature of these objects (for example – unique IDs) , they cannot be styled in the classic way, though. The document.createElement method of JavaScript can be used to create style tags [...]
CSS Techniques, Navigation, Techniques
Styling Clean HTML Lists with Css
Recently the HTML & tags have been revived, they are no longer just used for lists but for menu’s too. Its with this that I am going to try and bring back their original purpose and show you how you can funk them up a little, firstly lets have a look at how they are [...]
CSS Techniques, Techniques
How to use comments in Css
You know the story, you start to code, you start to add comments, but soon enough you get so sucked into it that you start to neglect adding more. We are all guilty of it once and a while. So what can we do about it? How can we make our code more manageable? Use [...]
CSS Techniques, Design Elements, Techniques
Use CSS Borders for 3D Effects
Recently, I’ve been more in favor of using the browsers rendering instead of background images to achieve looks, since that reduces bandwidth and loading times, and also increases maintainability. I used to slice images that would give something a shadow or button type of a look, but have moved more towards just making the browser [...]
CSS Techniques, Design Elements, Techniques
10 Great CSS Selectors you must know
Selectors define which part(s) of your (X)HTML document will be affected by the declarations you’ve specified. Several types of selectors are available in CSS. Note that some of them are not supported in all browsers.
CSS Techniques, Design Elements, Techniques
Discover the “Cool” of CSS: 25 Advanced CSS Techniques
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Here are 25 advacned CSS techniques you can use.
CSS Techniques, Design Elements, Techniques
CSS really Object Oriented
Today I have brought to light the first version of the plugin for jQuery which I have called “cssWithVars”. After many years of web development, one of the things that has bothered me is the inability to implement the object orientation to CSS, and always ended up with duplicate code, plus the CSS frameworks available [...]
CSS Techniques, Design Elements, Techniques
CSS & jQuery – News, Tutorials and Plugins
Edge of Links presents interesting links to CSS & jQuery- Tutotorials or Plugins ( Cufon Font-Embedding, unique Image-Gallery by using z-index, IE-Fix and many more )
CSS Techniques, Techniques
CSS Trick: Hidden Messages
Here’s a cool little CSS 3 trick for hiding messages within your text.