Change Text Selection Color | CSS


a simple code change the markup colour :p
/* Mozilla based browsers */
::-moz-selection {
       background-color: #FFA;
       color: #000;
}

/* Works in Safari */
::selection {
       background-color: #FFA;
       color: #000;
}

 

30 CSS and Javascript Tabs Solutions


Tabs have been around for a long time, they are nothing new, but with so many sites (blogs, ecommerce sites, web apps…) needing to show as much content and navigation as possible, they have never been so relevant.
They are the perfect web page tidying up solution for organizing cluttered content in a space-limited web page. Seperating content into tabs keeps everything nice and compact, clutter free and are always at the ready should a user need it.

In this round-up we have a variety of easy to use modern tabs solutions, techniques, tutorials and plugins, most of them make use of a variety of Javscript libraries (MooTools, jQuery…), but you will also find some innovative pure CSS solutions as well.

Continue reading

25 HTML5 Features, Tips, and Techniques you Must Know



1. New Doctype

Still using that pesky, impossible-to-memorize XHTML doctype?

  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  2. http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;>

If so, why? Switch to the new HTML5 doctype. You’ll live longer — as Douglas Quaid might say.

In fact, did you know that it truthfully isn’t even really necessary for HTML5? However, it’s used for current, and older browsers that require a specified doctype. Browsers that do not understand this doctype will simply render the contained markup in standards mode. So, without worry, feel free to throw caution to the wind, and embrace the new HTML5 doctype.

Continue reading

Best Practices To Design a Perfect HTML Navigation Bar


The navigation bar is an inevitable element in every website. In this post I want to share with you some simple practices and suggestions aimed at designing a perfect HTML navigation bar.

Let’s start illustrating the typical HTML structure. Here is a schematization of a typical navigation bar that contains some links:

Continue reading

%d bloggers like this: