Best of the Web - June 2008
Jul 4th in Web Roundups by Raj Dash
HTML + CSS
-
50 Nice Clean CSS Tab-Based Navigation Scripts
Like tabbed interfaces? Hongkiat.com has over 50 CSS navigation scripts that use jQuery and other means to produce tab-based pages.
-
Best of CSS Design June 2008
CSS Gallery CSSBuilt gives us a selection of 32 great site design favorites, based on user submissions.
-
June's Best: 13 CSS Designs on CssLeak
Another gallery, CssLeak, offers a selection of their favorite CSS designs, as submitted by their users.
-
CSS Editors Reviewed
For those of you that do a lot of web design using CSS, if you're not already doing so, you might want to consider using a CSS editor. Smashing Magazine has a handy review of 19 CSS Editors for Mac, Windows and Linux platforms, as well as a list of some alternate tools.
-
Faux Absolute Positioning
Does CSS element positioning get you down when doing cross-browser testing? Eric Sol at A List Apart reveals a faux positioning technique that apparently requires no hacks. It works in all modern browsers (not sure about FF3) and older ones such as IE6 and IE5.5/Win, but not IE5/Mac (which has been discontinued).
-
CSS: Fun With Floating in the Grid
If you're interested in the grid-based approach to web design but not ready to use a CSS grid framework, check out Devlounge's simplified look at grid-like design.
JavaScript & JS Libraries
-
20 MooTools Tutorials and Examples
MooTools fans should check out Six Revisions' list of MooTools tutorials and examples. The list is separated into beginner, intermediate/ advanced, and working examples.
-
jQuery Resources - 8 Essential Sites
Short and to the point, WebDevLounge gives their esential jQuery resource sites, including one I haven't heard of, jQuery for Designers - which ironically has mostly text on their home page.
-
DhoniShow: Easy Inline Image Gallery
DhoniShow is an image Gallery script that works over Prototype 1.5+ (Script.aculo.us is optional). The result is an attractive inline gallery with transition effects. [via FortySomething]
-
jQuery: AJAX Shortcuts for Champions
Actually, the title's misleading because the article shows very simply how "to AJAX-ify any site through the copious use of either jQuery or Mootools." The demo code provides both GET/ POST examples for pulling data asynchronously.
Content Management Systems
-
25 Outstanding WordPress Designs
Six Revisions makes this month's list again with their 25 outstanding WordPress designs list.
-
Getting Gravatars on Your Single Posts in WordPress
Want to display an author gravatar on your WordPress post pages? It's incredibly easy. Thord Hedengren shows you how over at Devlounge.
Miscellanea
-
AUDIOTUTS Launches! Tutorials Up
Ok, this isn't web devleopment, but I couldn't resist announcing yet another great TUTS website. AUDIOTUTS will cover - you guessed it - digital audio tutorials. Two great audio tutorials are up already, and contributions are open. Skellie, whom some of you may know from her sites and as editor of FreelanceSwitch (another Eden.cc site), will be editing. Payment is $150 per tutorial, and AUDIOTUTS needs a regular tutorial writer as well as a one-off writers. Check out the Contribute page for more detals.
-
Interview With Collis Ta'eed
I mentioned this the other day, but this it's worth mentioning again. If you want to see into the mind of Collis Ta'eed, one of the geniuses behind all these TUTS sites, then go check out Fuel Your Creativity's interview with him. There's also a list of new TUTS sites coming soon.
-
2008 Design Trends
WebDesignerWall's large collection of website screenshots is visually stimulating and catalogs some of the web design trends for this year.
-
30 Essential PDF Documents Every Designer Should Download
This article at Positive Space has enough links to articles, resources, and other info related to web and graphic design, coding, freelancing and other topics to keep you busy reading for awhile.
-
19 Websites to Promote Your Design News
CssLeak has a handy list of nineteen sites - some with voting - where you can submit design-related news and articles. Included in the list are some of our TUTS sites, where you can use the USER+ Community Link Feed to submit links.
-
10 Things Any Web Developer Worth Their Spit Should Know
The title says it all. Search-This offers some must-know web development ideas/ concepts/ techniques. It's likely you know a lot of them, but it never hurts to be reminded.
-
10 Free Chart Scripts
Producing dynamic charts for websites probably doesn't come up as a requirement all that often, but it's good to know some of your options if it does. WebTecker lists ten free chart scripts based on JavaScript, Java, Flash or Sliverlight.
-
Flexible Layouts: Challenge for the Future
Those of you who have Firefox 3 probably know of some of the great new features such as Full Page Zoom. But what happens to web page layouts under FPZ and other new features? Some of you have commented at NETTUTS about how one demo or another doesn't work properly in FF3. And what about flexible layouts, mobile browsers, and other web design issues? Dirk Jesse, developer of the YAML CSS framework, guests at Smashing Magazine and discusses these issues plus how to produce flexible layouts with YAML.
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
User Comments
( ADD YOURS )ko July 4th
w00t firts ?
( )Jon Aizlewood July 4th
Great list, a monthly best-of is always more than welcome! Cheers.
( )Gareth Jones July 4th
Excellent round up. Thank you
( )Danny July 4th
Great list, definitely checking em out
( )Eric July 4th
Really good list… problem is I just don’t have time to go through them all!
( )Lamin Barrow July 4th
Some good stuff in here. Thanks for the post.
( )Nate July 4th
Thanks for a great list.
( )Joefrey Mahusay July 4th
Great list thanks for the post….Love it!
( )neil July 5th
some very useful resources regarding web design. The CSS tips are great, something we should all know about
( )Freddie July 5th
A great list! Thanks a lot
( )Thomas July 5th
many thanks for the double mention ! Great list
( )Ahmad Alfy July 5th
I read most of those before coming here
( )Taylor Satula July 5th
Not as good as last month ( Hard to top)
( )But still ok
Andrei Constantin July 5th
It is always nice to see one bundle of sweet nice tuts and examples. Some of them are really useful. Thanks a bunch
( )Sumesh July 5th
I wonder how I can submit a link to Monthly Roundup (assuming that it is even possible).
I’ll be submitting it for user link submission anyway
( )D. Carreira July 5th
Great list!
Thanks,
David Carreira
( )Zinni July 5th
Thanks for linking to my article and keep up the great work here I love the site!
( )Danny July 6th
I’ve always liked A List Apart’s articles… Faux Positioning article was cool
( )Willy July 6th
hey guys, if you guys are interested in charting then i have a better way to do it just chk this out visifire powered by silverlight offered under open source just for free
( )Shane July 7th
some old, some very new to me - thanks for posting.
( )tdhedengren July 7th
So my name is “Hendgren” now, Raj?
Nice list, keep up the great work!
( )Robert July 7th
Fantastic resource. All cool things in one spot. Great stuff :).
( )chestah July 7th
thank you
( )Raj Dash July 7th
Thord: Yikes. I do sometimes have numeric dyslexia but never for letters. I’ve actually never “seen” the spelling you have. In my head it was “Hendgren”. Sincere apologies for the error, and all the other times I’ve spelled it wrong (and for your brother, Stefan, too). Error corrected.
( )Braden Keith July 7th
Did the thumbnail image of the tut change? Or am I going a little crazy?
( )Ben Griffiths July 8th
Great roundup, cheers
( )Matthew 'Web Design' Adams July 8th
Some really good links here. Nice one mate!
( )Snorri3D July 10th
nothing new here @ nettuts for days
( )John Deszell July 11th
The 30 Essential PDF Documents Every Designer Should Download has some great links, especially the Wordpress cheat sheets.
Now we just need some new Nettut’s Tutorials
( )Kasper Skov July 12th
Hey, i like it very much!
( )James July 12th
I just read the search-this article - it’s so true! … I’m gonna start looking through the rest of these now, thanks for the list Raj!
( )Jacob Gube July 13th
Hey Collis,
Thanks for including Six Revisions - twice!
I missed this month’s round-up on my site (so I guess I’m just going to do a June/July round-up). Just like you, whenever I write the month’s round-up, I get so engrossed and I end up spending up to half a day reading all the links I’ve collected that month (without noticing).
( )Connor July 13th
Thanks for the links…some I’ve never seen before…
( )Mark Abucayon July 15th
I like it thanks for sharing this one.
( )Windows Themes September 5th
Ha, Ha. Nice liste. Thanks
( )