Big Set o' Tuts

Facebook Twitter
Icons and Design

Previously on Nettuts+, Philo showed how you can use jQuery to add form validation to wordpress comments that works without any page reload. Another great way of utlizing jQuery to enhance user experience is to not just validate, but to submit your form entirely without a page refresh. In this tutorial I'll show you how easy it is to do just that -- submit a contact form that sends an email, without page refresh using jQuery! (The actual email is sent with a php script that processes in the background). Let's get started.

Submit A Form Without Page Refresh using jQuery

Submit A Form Without Page Refresh using jQuery
PSD.tutsplus

40 jQuery and CSS3 Tutorials and Techniques :Speckyboy Design Magazine In this article you will find a comprehensive selection of tutorials and techniques that make use of some exciting and fresh CSS3 properties and injected this with some innovative jQuery. You will some truly creative image galleries/sliders, a marvelous selection of innovative navigation techniques, a handful of original form solutions and the rest of the tutorials cover almost all aspects of web design. Hope you find them useful. Why and how to create Microsoft Office Minibar In this tutorial you will learn how to recreate a variation of MS Words (2007) toolbar that exposes context-related functionality. 40 jQuery and CSS3 Tutorials and Techniques :Speckyboy Design Magazine
Weekly Design News – Resources, Tutorials and Freebies (N.45) :Speckyboy Design Magazine
HTML5 Audio & Video

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us. HTML5 brings to the spec a dedicated <nav> element that should be used as the container for any major navigation structure, such as the main vertical or horizontal site navigation menus, or an in-page table of contents for example. IE unfortunately doesn’t support this new element yet, but there is a simple fix we can use, of which I’m sure you’re all aware. Using CSS3 we can do away with what would have required the use of several background images and possibly an additional wrapping container or two and rely (almost) purely on some of the new style properties, such as rounded corners and drop-shadows for example, that are available to supporting browsers. How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery
HTML5 | Answer My Query This update covers really useful tutorials, tips and techniques that you should have read in June 2010. Featured publications include: Justin Tadlock, Nettuts+, David Walsh Blog, Smashing Magazine, Tutorialzine, A List Apart, Perishable Press, Carsonified, Marcofolio, Nicolas Gallagher, Codrops, Onextrapixel, Digging into WordPress, Six Revisions, Line25, 1stWebDesigner, Alex Marandon, and Voosh Themes. Featured authors include: Justin Tadlock, David Walsh, Martin Angelov, Nicolas Gallagher, Jeff Starr, Marco Kuiper, Faruk Ates, Chris Coyier, Chris Spooner, Richard Fink, Dan Wellman, Rafael Soto, Lorna Jane Mitchell, Divyang Patel, John Cox, Mary Lou, Irina Borozan, Jonathan Phillips, Paras Chopra, Alex Marandon, Darren, and Chris Creed. How to Build a Distance Finder with Google Maps API By Irina Borozan, June 29th, 2010 Site: 1stwebdesigner HTML5 | Answer My Query
Guacamole, HTML5 JavaScript VNC Viewer
Ways to debug your jQuery or JavaScript codes Debugging your client code is rather a normal procedures for any web developers. Everyone will shout Firebug! yeah, me too. But Firebug is great for syntax detection but how about logic problem? Ways to debug your jQuery or JavaScript codes
TutorialShock

TutorialShock

256927 users& counting free bundles in your mail, no spam, no ads, no news, no crap. Promise! Privacy policy The Design Bundle by DesignShock
5 Useful Coding Solutions For Designers And Developers - Smashing Magazine This post is the the next installment of posts featuring “Useful Coding Solutions for Designers and Developers“, a series of posts focusing on unique and creative CSS/JavaScript-techniques being implemented by talented professionals in our industry. A key talent that any Web designer must acquire is the ability to observe, understand and build on other people’s designs. This is a great way to develop the skills and techniques necessary to produce effective websites. With that in mind, let’s look at some clever techniques developed and used by top professionals in the Web design industry. We can use their examples to develop our own alternative solutions. 1. 5 Useful Coding Solutions For Designers And Developers - Smashing Magazine

40 Useful jQuery Techniques and Plugins - Smashing Magazine

Advertisement Over the last year, Smashing Magazine has evolved. We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. 40 Useful jQuery Techniques and Plugins - Smashing Magazine