CSS Category

CSS3 Navigation
Monday 31 October, 2011

HTML5: Menu with CSS3 Curved Edges and Gradient

This tutorial walks you through creating a curved navigation bar with a gradient using CSS3.  The tutorial uses 100% stylesheets and no additional images to achieve the effect.  This tutorial does not cover the creation of the actual drop down menu. Create a new HTML document Create a new HTML5 document with two elements <header> [...]


CSS,How To,Web Development
0
dbbudd
Read more
tablet_orientation
Wednesday 28 September, 2011

CSS3: iPad Orientation

With a well constructed fluid layout (dynamically expandable) it wouldn’t generally need to make the distinction of different stylesheets … but it works. The HTML solution is very simple and is shown here: <link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”> <link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”> This will allow you to have varying layout dependent on [...]


CSS,Web Accessibility,Web Development
0
dbbudd
Read more
resolution_dependent
Wednesday 28 September, 2011

CSS3: Resolution Dependent Layouts

One of the fantastic features of CSS3 (in-conjunction with HTML5) is the ability to create resolution dependent layouts.  This being where you can assign a stylesheet to a browser dependent on its maximum horizontal resolution.  There is a W3C standard way of declaring them.  One way is to test the “device-width”, like this: <link rel=”stylesheet” media=”screen [...]


CSS,Web Development
0
dbbudd
Read more