Category: BLOG

Creating Illusions of 3D objects in CSS3

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 […]

CSS 3 Full Screen Page Transitions

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 […]

CSS Timing Notifications, Animations, and Progress Bars

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 […]

Implementing Custom Checkboxes and Radio Buttons with CSS3

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 […]

CSS3 Borders

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 […]

CSS3 Flexible Box / FlexBox

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 […]

5 Stunning CSS3 and jQuery Tutorials for completing any website

The most notable difference among all of the tutorials that I have seen, is the depth and complexity at which they portray their information. I like an article that is done at a high level, but has further information diving into technical pieces that I may or may not need to know. I don’t want […]

Pure CSS3 Button Styling with Webkit and Moz

So you are looking at your PSD layout and thinking to yourself: “These buttons look sharp”. You start to cut them out of the template and realize something horrible! You are wasting kbs of loading time here. You are racking up tenths of a second and losing precious audiences around the globe! So you decide […]

Colors on CSS3

Color formats in CSS2 Hex format – #cccccc Shorthand hex format – #ccc rgb() format – rgb (red, green, blue) Named colors – white, red, blue, etc New color formats in CSS3 HSL – hsl(hue, saturation, lightness) CMYK – cmyk(cyan, magenta, yellow, black) HSLA – hsla(hue, saturation, lightness, alpha) RGBA – rgba(red, green, blue, alpha) […]

Checkerboard, striped & other background patterns with CSS3 gradients

Easy bay to create multicolored CSS backgrounds with patterns.