Category: CSS

25 CSS3 Code Snippets for Making 3D Animated Effects
All PostsCSSTutorials

25 CSS3 Code Snippets for Making 3D Animated Effects

I’ve put together a number of fantastic open source code samples using 3D animation effects. Many rely solely on CSS3 while others are a mix of CSS and JavaScript.

Keep in mind that people using older web browsers may not be able to fully appreciate your 3D animations. But that doesn’t mean you should ignore the practice! As more people upgrade to newer browsers there will be greater support in the years to come.

Read More
10 Useful Time Saving Responsive Frameworks
All PostsCSSHTMLWeb Design

10 Useful Time Saving Responsive Frameworks

The time spent building a new web project can be greatly reduced if you choose to use a prebuilt HTML5/CSS framework.

A front-end framework can provide you with tons of prebuilt web elements such as responsive grids, JS sliders, complex menus, model windows, icon fonts – pretty much everything you may need to get your website up and running fast.

Here are ten useful, time saving web design frameworks that you should bookmark for future use in your projects.

Read More
Ten Useful jQuery Plugins For Fullscreen Images
All PostsCSSjQuery

Ten Useful jQuery Plugins For Fullscreen Images

On a recent project I needed to serve an image as a full size background on both a page and a block level element, the image had to be scaled correctly and also be responsive on small devices.

Serving fullsized images onto backgrounds or block level elements can pretty much be done with pure CSS3, however I wanted to explore what possibilities and improvements jQuery offered in terms of serving a better quality image and handling different device sizes.

Here are ten jQuery plugins that are perfect for serving fullwidth image backgrounds, I personally chose to use the Backstretch plugin.

Read More
All PostsCSSHTMLWeb Design

Useful Tools & Resources For Better A Vertical Rhythm

When creating new sites or prototypes, designers often start by using a handy layout grid to help them maintain a consistant and organised layout. Often the invisible vertical grid or rhythm is overlooked during the design process, leaving the typography and overall reading experience a UX nightmare for the unsuspecting user. In today post, I wanted to bring your attention to vertical rhythm in design.

Read More