Coding the Digg v4 Layout with HTML5 and CSS3

The social news community Digg has been online since 2004 and rapidly grew in popularity leading up to the 2008 elections. Come 2011 the Digg team performed an overhaul on the system and completely revamped the site layout. This also broke the friends system, allowing big-name publishers to game the front page. This upset many powerhouse users who were furious with the major changes. (more…)

Super Useful WordPress Admin Customisations

I’ve recently been working on a big corporate theme and wanted to limit and customise the WordPress core much more than I have done in the past. A few handy lines inside your themes functions.php can easily achieve this a few examples are below. Changing the Login Page Logo Super easy just change the image path to match where you have put your logo! //Custom Login Logo function my_login_logo() { ...

How to Find and Remove Unused CSS Code From Your Style Sheet

How to Find and Remove Unused CSS Code From Your Style Sheet. CSS (Cascading Style Sheet) is now becomes the most important area of the web design, and almost every page is having style sheet and class selector codes. If you are note the creator of your blog or website’s style sheet then you might not be aware from your css code, which css class selectors are being used and which are not in use....

10 HTML5 Demos to Make You Forget About Flash

You have probably been hearing that how Flash is a dying technology and how it will be soon replaced by HTML5. Personally, I think that it will slowly replaced Flash for some things as Flash definitely have its top place, especially for developing complex games and rich internet applications. Yet it is not a time to underestimate the cool new features of HTML5. If you have not see what HTML5 can do,...

5 New CSS and HTML Web Templates

High quality and, preferably, free CSS/XHTML/HTML web templates are the most wanted resources for a web designer. And this is what exactly we’ve for you in this post. Here we have collected 5 new high quality CSS and HTML templates. Some of these templates are suitable for blog designs while others are for professional websites. Schizo Octopus Website Template // CSS Heaven 2 Euphoria Template...

CSS Color Values

Sorted by Hex Value Same list sorted by color name Color Name HEX Color Shades Mix Black #000000 Shades Mix Navy #000080 Shades Mix DarkBlue #00008B Shades Mix MediumBlue #0000CD Shades Mix Blue #0000FF Shades Mix DarkGreen #006400 Shades Mix Green #008000 Shades Mix Teal #008080 Shades Mix DarkCyan #008B8B Shades Mix DeepSkyBlue #00BFFF Shades Mix DarkTurquoise #00CED1 Shades Mix MediumSpringGreen #00FA9A Shades Mix Lime #00FF00 Shades Mix SpringGreen #00FF7F Shades Mix Aqua #00FFFF Shades Mix Cyan #00FFFF Shades Mix MidnightBlue #191970 Shades Mix DodgerBlue #1E90FF Shades Mix LightSeaGreen #20B2AA Shades Mix ForestGreen #228B22 Shades Mix SeaGreen #2E8B57 Shades Mix DarkSlateGray #2F4F4F Shades Mix DarkSlateGrey #2F4F4F Shades Mix LimeGreen #32CD32 Shades Mix MediumSeaGreen #3CB371 Shades Mix Turquoise #40E0D0 Shades Mix RoyalBlue #4169E1 Shades Mix SteelBlue #4682B4 Shades Mix DarkSlateBlue #483D8B Shades Mix MediumTurquoise #48D1CC Shades Mix Indigo...

CSS Color Names

Color Names Supported by All Browsers 147 color names are defined in the HTML and CSS color specification (17 standard colors plus 130 more). The table below lists them all, along with their hexadecimal values. Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. Click on a color name (or a hex...

CSS Colors

Colors are displayed combining RED, GREEN, and BLUE light. Color Values CSS colors are defined using a hexadecimal (hex) notation for the combination of Red, Green, and Blue color values (RGB). The lowest value that can be given to one of the light sources is 0 (hex 00). The highest value is 255 (hex FF). Hex values are written as 3 double digit numbers, starting with a # sign. Color Examples Color Color...

CSS Units

Measurement Values Unit Description % percentage in inch cm centimeter mm millimeter em 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then ’2em’ is 24 pt. The ‘em’ is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses ex one ex is the...

CSS Web Safe Font Combinations

Commonly Used Font Combinations The font-family property should hold several font names as a “fallback” system, to ensure maximum compatibility between browsers/operating systems. If the browser does not support the first font, it tries the next font. Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other...

CSS Aural Reference

Aural Style Sheets Aural style sheets use a combination of speech synthesis and sound effects to make the user listen to information, instead of reading information. Aural presentation can be used: by blind people to help users learning to read to help users who have reading problems for home entertainment in the car by print-impaired communities The aural presentation converts the document to...

CSS Reference – A to Z

W3Schools’ CSS reference is tested regularly with all major browsers. Tested: 02 November, 2010. CSS Selectors In CSS, selectors are patterns used to select the element(s) you want to style. The “CSS” column indicates in which CSS version the property is defined (CSS1 or CSS2). Selector Example Example Selects: CSS .class .intro All elements with 1 #id #firstname The element with...