Best of the Web – May
Jun 6th in Web Roundups by Collis Ta'eed
HTML + CSS
-
Introduction to CSS3
This huge series of 6 posts will give you a complete introduction to CSS3 including some of the awesome features like web fonts and columns!
-
How to Code HTML Email Newsletters
Last week I sent out a newsletter to launch our new stock audio site, that went out to about 20,000 people. Only after I hit send did I find out that Outlook really didn't approve of how I'd laid it all out, not to mention gmail and the webmail providers. If you need to send out email, sitepoint's new guide is definitely worth a read first!
-
CSS Decorative Gallery
Nick La showcases some great techniques to produce a series of image galleries using CSS, jQuery and even a bit of sIFR
-
Back to Basics: Understanding CSS Positioning
This great 3 part series will have you declared master of positioning in no time at all!
-
Easy Vertical Centering
CSS has a tendency of making anything to do with vertical heights needlessly troublesome, but this simple explanation of vertical centring should go some way to clearing up some basics anyhow.
-
5 CSS Questions...and Answers
I love Jeff's question/answer format, and this post answers some really common issues that CSS designers run into.
Javascript & JS Libraries
-
1kb Horizontal Javascript Accordion
I found this link via our NETTUTS user link feed, and was really impressed. It's a simple, versatile little accordion effect that would work well on any site. And while you're over at Leigeber check out their huge array of other awesome components.
-
Exceptional Ajax Javascript Techniques
Noupe continues to roundup the best resources (including a few links to us!) and this post rounds up some 30 odd cool tutorials and techniques.
-
5 jQuery Questions & Answers
Jeff from DetachedDesigns has been posting some great articles on jQuery and web design, this one answers a few solid basics in jQuery.
-
ScreenCast - Intro to jQuery
Can't be bothered with all this Reading business? Don't worry about it, because Chris's latest screencast will give you the intro you need without all the.. erm words.
-
9 Open Source Fisheye Menus
You might be wondering wtf is a fisheye menu, click the link and you'll find out! Along with 9 links to great open source demos. And we have an NETTUTS tutorial coming on creating one of these little guys, so stay tuned.
Flash!
-
Using Flash and Staying Standards Compliant
When you're developing with Flash, it's always good to finish it off by keeping your html container standards compliant, look out for searchability and work on usability issues. Over at CSS Tricks there's a neat article explaining the first of those three. I'll keep an eye out for tutorials on the other two!
-
Advanced Animation with Drawing API
They say code is art, so why not draw with it? A nice tutorial on using the drawing API with AS3.
-
Opening a URL in Actionscript 3 Dynamically
Plunge into AS3 with ScriptPlayground who have a bunch of great tutorials on various actionscript techniques. Also worth a look is how to display Digg posts using AS3
-
Create an Amazing Flash Widget for Your Blog
Abduzeedo's Fabio writes up a tutorial on making an RSS widget for your blog.
-
The Ultimate Dynamic Image Gallery
This has to be one of the longest Flash tutorials I've ever seen, spanning some 12 pages, but it sure looks worth it!
-
FlashDen's Top 50 Files
If you've never visited our sister site - FlashDen's top sellers list, it's worth a look, some of these components are really pretty amazing.
-
FLATUTS - Coming Soon!
OK so this isn't really a link, but I thought I would mention that a few days ago I managed to secure the domain FLATUTS.com and if you're into Flash, you'll be pleased to hear we're starting to find tutorial writers. I'll post more details soon.
Developer Links
-
SimplePie
Need to process some RSS? Well SimplePie's super easy to use, really well documented, and frankly has a great looking website! Perfect for crafting that new PopUrls clone you always wanted to make.
And while you're at it, check out this neat use of SimplePie to Create a Slick iPhone/Mobile Interface from Any RSS Feed
-
Iceberg
Iceberg which launched really, really recently (today I think actually) is a web application that lets "anyone" build web applications. Sound like a big claim? It sure is, but seems to be getting some good press.
-
7 Applications to Make Working with MySQL Databases Easier
I've always just used phpMyAdmin, but it seems there are a bunch of neat solutions for managing your database, and SixRevisions have rounded them up for you.
-
A PHP Guy's Look at Python
With Google's App Engine only using Python, all of a sudden you might be wondering whether it's worth a look in. This Sitepoint article is a great intro for all of us PHP'ers
-
15 Places to Find Great Screencasts
RWW rounds up a bunch of great sites to learn by watching, including favourites like Peepcode and lots I'd never heard of.
-
Need a Good Coding Font?
Looking for a nice font to code in? Envry Code R was released a couple of weeks ago and is worth a look.
Content Management Systems
-
SilverStripe
I came across SilverStripe recently and though I haven't had a chance to try it out, it looks really promising. Hopefully we'll see an SS tutorial here soon!
-
Need a Forum? 8 Popular Open Source Forums
WebTecker rounds up the best of the open source forums out there, I've only ever used Vanilla and PHPBB. If you haven't tried PHPBB v3, you really should, even just the install process is awesome!
-
Mastering your Wordpress Theme Hacks and Techniques
A fantastic resource for any wordpress themer with not only lots of content, but a huge number of links off to even more great articles!
Miscellanea
-
DevKick
A great new resource site that catalogs and collects components and resources, including a heck of a lot of jQuery stuff!
-
8 Fonts You Probably Don't Use in CSS But Should
If you're anything like me, you're always looking for new ideas for your web designs, and using some of these not-so-standard fonts might just be one. I must admit I didn't know Gill Sans was so common on Macs!
-
The Rise of Contextual User Interfaces
An interesting article over at RWW about interfaces that change in context with the content, how they've been cropping up more and more and what relevance they have to web designers.
-
Haulin' Ass with Dreamweaver - 10 Site Management Tools
Though Dreamweaver doesn't always have a lot of cred, it does have some pretty powerful tools. I know I always use it for it's awesome find+replace tool. And this article takes you a through key features that you might not be making full use of.
-
The Next-Gen Web: HTML5 - Will We Ever See A Real Standard?
A fascinating look at where the web has been and where it's heading over at TechCrunch.
-
Why We Skip Photoshop | Why We Don't Skip Photoshop
The guys at 37Signals have always been pretty opinionated, a few days ago they posted about why Photoshop isn't part of their process. Jeff Croft at BlueFlavor answered with a rebuttal, and both articles make for good reading...
-
6 Ways to Subliminally Tell Users Don't Come Back
An amusingly true look at some mistakes to avoid.
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 )Noura Yehia June 6th
Wow, We made it to the list. There are a bunch of articles I had not heard of. Thanks for the mention
( )Michael Castilla June 6th
Thanks for sharing these awesome resources. Can’t wait until FLATuts.com is open!
( )Lamin Barrow June 6th
This is quite a valuable contribution. Thanks for all of time and effort finding the links.
( )Snorri3D June 6th
nice list
( )PixlNinja June 6th
Wow .. A new TUT site.. Looking forward for the the new member.. !
( )Ariful Alam Khan June 6th
Nice collection. Thanks..
( )Joefrey Mahusay June 6th
Thanks for the links. Looking forward for the Flash Tutorials.
( )Ted June 6th
Oh, great, FLATUTS.com!
( )I’d like an AITUTS.com too…
Jacob Gube June 6th
Collis,
This was a great round-up, you got a bunch of stories that I haven’t read yet, and I thought I read them all this May!
( )Andrew June 6th
Wow, another nice list. This one will take me a while. I’m really looking forward to the new Flash site!
( )Chris June 6th
Can’t wait for FLATuts!!!
( )David Walsh June 6th
Thank you for the mention!
( )Ben Griffiths June 6th
Nice roundup, thanks
( )Erik Reagan June 6th
I spent a few hours this morning reading through a number of these links. Thank you very much for the time and effort spent gathering them! Through reading the entry I noticed a little textual error. The “7 Applications to Make Working with MySQL Databases Easier” link says “Visit Iceburg” which is featured directly above it. Just thought I’d point it out…
( )Collis Ta'eed June 6th
Thanks Erik! Fixed that now, must have been a bit weary near the end not to have noticed that
( )David June 6th
some good links, i check a lot of them! thx!!
( )Ken June 6th
SilverStrip is something I want to know more about.
( )I’ve got to say the install we tried a few months ago was far more problematic than it should have been.
Version 2.2 was released in May and I’m going to give it another shot.
Daniel June 6th
very nice roundup ! thanks a lot Collis!
( )J. Koning June 6th
Damn do I have regrets opening this feed in my browser! That’s just to much for my friday evening!!!
( )Thx for the good Post!! Interesting links.
Jeffrey Way - Detached Designs June 6th
I’m honored to be on the list twice. Thanks! Great resource.
( )freddie June 6th
But you are a benefactor!
( )Thank you very much
Zach LeBar June 6th
FLATUTS! YAY! I can’t wait. Beginners guide to AS, especially AS3, please.
oh…wait…is it too early to be requesting tuts?
just wondering.
( )Markus June 6th
FLATUTS! :O Omg!
I seriously cant wait!!!
( )Glacia June 6th
I’d come to expect these sort of articles from Smashing Magazine but seeing this over here and finding stuff that focusses not only on design but functionality and honest to god *useful* tuts…amazing work guys.
( )Lucas Faccini June 6th
Wow great article!
( )nice to hear that there is going to be a new tuts site!
like Markus sed cant wait!
Myke Cave June 6th
I love this site!
And FLATUTS?! Yes!
( )Adam McKerlie June 6th
Great list. I can’t wait for Flatuts
( )Danny June 6th
Great list!
( )Janko June 6th
Nice resources, thanks.
( )Callum Martin June 6th
WooHoo! Vectuts and FlaTuts? Overworked much?
( )Brandon Hunt June 6th
Wow, my mind is now totally blown. I’m going to be coming back to this list quite a bit I think… THANK YOU!
( )McKenna June 6th
Thank you so much for this amazing collection of resources. Several of the listed articles cover topics I have scoured Google over and over again for, trying to find answers. In this single post you managed to find exactly what I have been long looking for! I can’t wait for Flatuts to open–I’ve been eager to experiment with Flash for some time now, and I’m sure the articles on that site will be just as well-written, easy-to-follow, and helpful as all the tutorials on this site and PSDTuts are.
( )Keep up the great work!
bugsy June 6th
Ahhh! More flash tuts teasing! *rubs hands together in excitement and anticipation*
Another great best of, thanks.
( )hendo June 7th
I think i just Jizz’d my pants….
biiig toss up…
( )follow links or watch sydney snap west coast in the AFL
James June 7th
Some really great articles linked to here Collis!
I just read the anti-photoshop one at 37-signals – I don’t entirely agree with all their points but it was definitely a good read!
Thanks!
( )James Baldwin June 7th
Thanks for taking the time to find these useful resources!
( )Braden Keith June 7th
Oh my gosh, I’m just going through designshack right now and I had no idea you could do some of these things! Wow, I though I knew everything about CSS.
( )D. Carreira June 7th
Thanks!
These tutorials are AWESOME!
David Carreira
( )Shane June 8th
Varied list of links, and some of them will prove very useful.
So – thanks for posting Collis.
( )bjornredemption June 9th
Ahhh finally flat uts!!!
( )Seriously guys thats great news – know it’ll be as good as the rest. Vectuts will be a great idea too.
Rijalul Fikri June 9th
wow, FLATUTS. Can’t wait to see that coming
( )Matthew 'Web Design' Adams June 9th
Nice links. Keep up the good work
( )Htoo Tay Zar June 9th
Realli Useful Tutorials!! can’t wait to reach next month =)
( )Taylor Satula June 9th
Honestly This is the best… Best Of that you guys have ever had The CSS3 Font part is my favorite one of all..
Keep up the good tuts!!!!!!!!!!!!
( )Nico June 9th
Great stuff, as always!
( )Lexperts June 10th
Great!!! FLATUTS.com
( )Taylor Satula June 10th
NETTUTS is not good looking. It should be the color flatuts is going to be.
( )feli June 19th
Very very useful!, Thanks
( )James June 20th
Been reading through some of DEVkick’s articles – some really interesting stuff there!
( )Aloa July 4th
Why don’t you call it FLASHTUTS it would make it lot more clearer what the site’s about.
( )Faris July 20th
Haha.. Flatuts.. take out the “t” and it becomes “Flatus”!
( )Windows Themes September 5th
Great resources . Thanks!
( )greenouno February 4th
wow! tks for the exaustive list… but nothing about mootools?
( )Joe October 11th
Good List!
( )