This Friday lesson will be fairly simple for everyone. Most of us will be very familiar with the CSS background attribute and applying a color, image, or pattern to it. We can use new techniques to help leverage our current knowledge and extend our website further. The old CSS normally looks something like this: Pre […]

A lot of times when we are developing we like to keep the pixel size of the web page to a bare minimum. Not only does it decrease load time which creates happier customers, but it also gives a secret bonus to SEO. If you are not familiar with using pseudo elements, then the table […]

In this article, we’re going to cover the basics of CSS3 and vendor-specific browser extensions. In the past ten years or so, CSS has been relatively standardized, and browser compatibility hasn’t been as much of an issue as it was in the old days of the 1990’s and Internet Explorer. However, since new browsers have […]

While doing my research on cool CSS3 properties and new ideas, I ran across a website called Cod Drops. They have some really cool tutorials and inventions on their site. One of my favorite inventions that they had come up with was to make a website feel more like software. I think our goal for […]

The article in review did a great job of illustrating and articulating its point on how and when to use animations. The basic fact is that many legacy browsers do not support animations and never will. You need to gauge your audience and see if animations will benefit you in the long run or if […]

Something that has always annoyed me is the lack of customization (without javascript) of form elements. It might have been possible (other than padding) before CSS3, but CSS3 certainly has made modifying these form elements easier. Whether you want to customize the color, look and feel, or just the size of these buttons, you can […]

So you are sitting in a meeting this morning and you are hearing the word responsive web design being thrown around. So what is it exactly? Responsive design and development is not new by any means. It was available in CSS2, but it being browser supported now that tablets and mobile devices are becoming more […]

One of the new exciting technologies introduced in CSS3 is that borders can have round corners, they can also have shadows and images can be used as borders. The new border properties in CSS3 are: -border-radius  -border-shadow -border-image border-radius allows one to edit all four corners of the border. border-shadow allows one to add a […]

Key Words & Phrases Flex Container -Parent element in which flex item are located in Flex item -The child of a flex container (the parent). Direction -Leftwards -Rightwards -Downwards -Upwards What Are Flexible Box/Flex Box Flexible Box/Flex Box is a box model optimized for interface design in CSS3. One of the major pros of flexible […]

Today we want to share a simple parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself. The idea for this comes from the slider of the Kendo UI homepage, a framework for […]