CSS-Plus Page 2 of 11

Create Accordions with CSS3, HTML5 and jQuery
3 22 Aug

First thing is first, let me clarify what I mean by Create an Accordion with CSS3, HTML5 and jQuery. I am talking about creating 3 different accordions, one which relies heavily on CSS3, one with jQuery and one with HTML5.

If you haven’t already had to create some sort of accordion by now, I’m sure you will run into it sooner or later. It’s actually a very simple concept that requires very little script to create a fully functional accordion.

Demo Read More
jQuery if / else statements
48 26 Jul

There is no such thing as a jQuery if / else statement. Shocking, isn’t it? You might be thinking something like: “There must be! In fact, I’m 99% sure there is!“.

They don’t exist. This is because jQuery is javascript. What you’re looking for is a javascript if/else statement.

Demo Read More
Behold the CSS Lightsaber
5 22 Jun

Note: Check out the demo before reading. I’ve been working on CSS lightsabers lately. I remember seeing one a while back and liking the concept, however I thought it could be greatly improved. I’ve also been itching to create animation out of CSS transitions. By “animation” I mean one event followed by another event. Transitions can mimic full blown animation by transitioning multiple elements at the same time with different delays. This gives the effect of an element being animated. Very simply they all occur simultaneously, but the initial delay make the events appear to follow each other.

Demo Read More
CSS-Plus V2
3 17 Jun

If you haven’t noticed the new design, you’re either new to CSS-Plus or you have hit ctrl / cmd + r in a while. I’ve been talking about a redesign for longer than I’d like but it’s finally here, however it’s not 100% complete yet. You may notice that things look a little funky here and there, but don’t worry, I’m working on it! It should be complete within this week.

Read More
IE and rounded corners
5 16 May

Note: The original post was published March 19 2010. The original article’s CSS3 emulator of choice was CurvyCorners

When someone uses the words “rounded corners” and “IE” in the same paragraph, rest assured a puppy has died somewhere.

There are a few ways to achieve rounded corners in IE, unfortunately none of them are pain free. I usually like to use rounded corners as progressive enhancement, so IE8 and lower just have to deal with square corners. Luckily, IE9 has been released and it supports the border-radius CSS property. IE10 is already on the way and it should be released sometime at the end of this year. Go Microsoft.

Demo Read More