What web developers can learn from scientists and the science community
March 7, 2010 Industry & Shop Talk
I've come to the realization that web developers are in many ways like scientists. I wouldn't go as far as to say that what we do is on par with, say, the work of quantum physicists or evolutionary biologists in an intellectual sense, nor is it as important. But our methods, behavior and how we work in peer groups is - or should be- much the same. If we are to contribute to the evolution of our profession and raise the bar for ourselves, we need to be reminded of and put into practice the kind of objectivity and sense of solidarity practiced in the scientific community.
An interview with web designer Nicole Foster of Serene Destiny
March 6, 2010 Industry & Shop Talk
Here at the Labs, I take every opportunity I can to help promote my follow web designers and am thankful that the web design community is so rich in solidarity, and if I may add, relatively low in unnecessary arrogance. In an effort to continue giving visibility to my peers, I'm going to post interviews from time to time with a focus on web designers who are either new (or new-ish) to the scene or who may have been around a while but you may not know. I'm pleased to introduce as my first in this series, New York web designer & developer Nicole Foster of Serene Destiny.
Facebook-style navigation menu with jQuery
March 3, 2010 jQuery Tutorials
After posting my Twitter-style login form I thought I'd carry on with the theme and build a quick example of how to recreate the top nav bar on the latest Facebook user interface. Specifically, the search form and nav list and more specifically yet the 'Account' item's dropdown list. With some jQuery, as you'll see, it's quite simple. (This one goes out to Eyad since it's one of the only tutorials I've posted so far that doesn't use more than a noticible amount of gray!)
Create a fancy web form with field hints using only CSS3
February 28, 2010 CSS Tutorials
CSS3 tricks have been pretty popular in the last while on various design blogs and with good reason. Like many of you, I've caught the CSS3 bug and this afternoon I took a stab at this nifty little method of adding hints to your form fields (as well as some fancy style enhancements) using CSS3. The cool part is you don't require Javascript for the form field hints. Here's a demo and run down of the code used.
CSS3-only horizontal drop line tab menu
February 28, 2010 CSS Tutorials
Recently, Web Designer Wall posted this really cool tutorial on creating a dropdown menu using only CSS3 (no javascript). Not being one to just sit back and let things sit as is, the approach inspired me make a variation. The result, however directly derivitive, is this horizonatal drop line menu based on a variation of WDW's tut.
Twitter-style login with jQuery & CSS3
February 27, 2010 jQuery Tutorials
Following my posting of the Twitter-style confirmation message with jQuery method, I thought it would be fun to recreate the Twitter login form. It's actually pretty straightforward and took me about a half hour to develop. Using a splash of jQuery to toggle the form and some CSS3 to apply the design you can implement a similar approach on your own web site.















