How do you target Internet Explorer in your CSS? Do you use CSS hacks, conditional stylesheets or something else?……. Conditional stylesheets… Conditional comments make it very easy to specify stylesheets that should only be loaded in Internet Explorer, or even in specific versions of that browser. Non-IE browsers treat...
Top Links to jQuery References, Tutorials & Tips http://jquery.com/ & http://jquery.org/ – The main jQuery websites with great official documentation. The jQuery Project, formed September 2009, works to provide infrastructure and financial assistance to jQuery-related projects. http://jqueryui.com/ – Lots of jQuery interface plugins. http://blog.jquery.com/ – The blog covers any...
This article contains jQuery Tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. http://www.pixel2pixeldesign.com/jquery-tutorials-teaching-cool-visual-effects/ http://www.pixel2pixeldesign.com/fresh-informative-infographics/
Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered “Web safe,” and those ones aren’t exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the...
<ol> <li><strong><a href="http://cssline.com/">http://cssline.com/</a></strong></li> <li><strong><a href="http://www.yourinspirationweb.com/en/">http://www.yourinspirationweb.com/en/</a></strong></li> <li><strong><a href="http://tympanus.net/codrops/">http://tympanus.net/codrops/</a></strong></li> <li><strong><a href="http://css-tricks.com/category/advanced/">http://css-tricks.com/category/advanced/</a></strong></li> <li><strong><a href="http://css-tricks.com/">http://css-tricks.com/</a></strong></li> <li><strong><a href="http://css-tricks.com/13224-pseudo-spriting/">http://css-tricks.com/13224-pseudo-spriting/</a></strong></li> <li><strong><a href="http://css-tricks.com/video-screencasts/43-how-to-use-css-sprites/">http://css-tricks.com/video-screencasts/43-how-to-use-css-sprites/</a></strong></li> </ol>
Related Link: CSS Sprites: What They Are, How to Use CSS Sprites How do CSS Sprites work? As it turns out, the basic tools to do this are built into CSS, given a bit of creative thinking. Let’s start with the master image itself. Dividing a rectangle into four...
How to order the elements with jQuery (2/2) by Maurizio Tarchini | 4 May 2011 | in: Ajax & Javascript, Web In the previous article we saw how the sortable method allows the sorting of a list of items through dragging. We just saw a “visual” implementation though. But if we...
<!DOCTYPE html> <head> <title>menu mockup</title> <style type="text/css"> .show {display: none; } .hide:focus + .show {display: inline; } .hide:focus { display: none; } .hide:focus ~ #list { display:none; } @media print { .hide, .show { display: none; } } </style> </head> <body> <p>Here's a list</p> <div> <a href="#" class="hide">[hide]</a> <a...
The difference between server and client side operations is a very important to web site. SERVER SIDE & CLIENT SIDE 1) Definition Simply put there are two distinct operations involved in displaying any web page to the visitor the first being server side operations and the second client side...
Rounded Corner menu & dropdown menu using css using two img left and right img using css…. <div id="MainNav"> <span class="title">Payroll Services</span> <ul class="menu"> <li id="item-101" class="current active"><a href="/">Home</a></li> <li id="item-105" class="deeper parent"><a href="/payroll-solutions">Payroll Solutions </a> <ul> <li id="item-126"><a href="/payroll-solutions/essential-payroll">Essential Payroll</a></li> <li id="item-127"><a href="/payroll-solutions/complete-payroll">Complete Payroll</a></li> <li id="item-128"><a href="/payroll-solutions/enterprise-payroll">Enterprise Payroll</a></li>...
