kevinleary.net

5 Essential Sources of Quality Web Design Articles RSS

Smashing Magazine1. Smashing Magazine

Smashing Magazine is a website and blog that offers resources and advice to web developers and web designers. It reviews software and web-based tools for web designers and developers, and publishes guides and how-tos on web design and web development. From time to time they offer free fonts, icons, and templates for download.

Envato Nettuts+2. Nettuts+

Nettuts is a web design and development article depot with many contributing authors. It is part of the Envato blog network. The articles range from software reviews, discussions on new technologies and frameworks to improve process, how-to guides on WordPress, and interviews with renowned developers. Nettuts+ gives you access to the extended set of paid tutorials and articles, and only costs $9 a month with no commitment to get started. One great thing about Nettuts+ is that it offers quality screencasts to show hands on examples. Also be sure to check out PSDTuts for high quality photoshop tutorials too!
Continue Reading…

Check out Fresh Tilled Soil: Web Resources! RSS

Some people may have noticed that the frequency of my articles has died down a bit over the past month or so. I’ve been adding posts at a new location now for work.

Many of the topics are the same, if your interested in checking it out head on over to Fresh Tilled Soil: Web Resources and take a look.

I’ll continue to post on kevinleary.net as well, but not as often. I’d say that I plan to average 2-3 new posts per month.

Thanks again for reading!

Highlighting The Current Page With CSS & jQuery RSS

Here’s a common web development scenario: How do we highlight the current page in a navigation seamlessly and dynamically? The answer is jQuery.

See a Live Demo

My recipe for this common scenario involves a mixture of CSS and JavaScript with a dash of jQuery.

XHTML

<ul id="navigation">
	<li><a href="about-us.html">about us</a></li>
	<li><a href="our-products.html">our products</a></li>
	<li><a href="blog.html">blog</a></li>
	<li><a class="active" href="login.html">login</a></li>
	<li><a class="active" href="contact.html">contact</a></li>
</ul>

Continue Reading…