Name
Email




Contact

Subscribe

Menu

Inspiration

Archives


Archive for the ‘CSS’ Category

Guide to Building Semantic Web Forms

without comments

In the web design industry there are many different rulebooks you can follow. Most notably the World Wide Web Consortium is renowned for creating these standard rules of the road. Web browsers do not always conform to these standards, thus you have many of the hacks seen today(such as Internet Explorer).

In this guide I’d like to focus solely on building input forms for the web. There are plenty of semantic rules to cover for both beginners and experienced web developers. To gain some further insight into the discussion check out this W3C FAQ on the topic of our ‘semantic web’. It goes into a lot of detail and behaves as the perfect starting point.

iPhone wireframe featured image shot

Read the rest of this entry »

Written by Jake Rocheleau

January 18th, 2012 at 11:47 am

Posted in CSS,HTML5,Resources

Tagged with , , , ,

25 Useful CSS3 Techniques and Tutorials

with 19 comments

Css3 have a capacity to revolutionize the way we design/develop website. css3 is intoducing loads of new and exciting features. Most of the browsers such as Firefox, Safari already support some of the CSS3 properties

It is essential today for a web designer to know about CSS3 and there are many tutorials and resources for the CSS3. Below i’ve listed 25 Useful CSS3 Techniques and Tutorials to get you started with CSS3, hope you find this collection useful

1.) Create a Dynamic Stack of Index Cards using CSS3

We will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling).
25 Awesome CSS3 Techniques

2.) CSS3 Analogue Clock

Analogue clock created using webkit transition and transform CSS. JavaScript is only used to pull in the current time
25 Awesome CSS3 Techniques

3.) Awesome Overlays with CSS3

The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom. To create that effect we used to the border-image property, which is a tricky little addition to CSS.
25 Awesome CSS3 Techniques Read the rest of this entry »

Written by DzineBlog

March 9th, 2010 at 3:31 pm