Best of the Web – April
Apr 30th in Web Roundups by Collis Ta'eed
HTML + CSS + Javascript
-
The Highly Extensible CSS Interface
April saw Cameron Moll finish off his extensive series on developing an interface using CSS and jQuery with the final post - Testing for Extensibility.
-
Build a Horizontal Sliding Tabbed Archive with jQuery
Last week we ran our tabbed navigation tutorial, Sam Lu has his own jQuery tabbed nav tutorial which has content sliding in from left and right. Neat effect!
-
30 Exceptional CSS Techniques and Examples
I love a good roundup and SixRevisions is only too happy to provide them! Make sure you flick through their archives and see all the other neat lists they have.
-
This is How you get sIFR to Work
sIFR - the Flash/HTML technique to get custom fonts on your page - might look tricky to use, but with the aid of this walkthrough, it's a piece of pie!
-
4 Uber Cool CSS Techniques for Links
CSSGlobe is one of my favourite sites for great snippets of CSS and they don't let you down with this great post!
-
Better Pull Quotes: Don't Repeat Markup!
CSS Tricks has a neat bit of technique to use so that you don't have to have two blobs of the same text on your page to make a pull-quote. It makes use of jQuery to achieve the result and is quite simple to achieve!
-
Reset Stylesheets
CSS newbie walks you through why and how reset stylesheets work, along with a couple of links to some more popular ones.
-
Image Fades using jQuery
The latest tutorial from jQuery for Designers shows us how to fade images into each other using ... you guessed it jQuery!
-
6 Most Important CSS Techniques You Need to Know
A bunch of useful CSS tips to take to heart, certainly taught me a couple of things!
-
Improve Form Usability with Auto Messages
One of my favourite blogs - Woork ... who doesn't love that picture of Antonio? :-) - has published a neat little tutorial on adding a little message using Scriptaculous.
-
MarkItUp
Turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system ... Can't wait to test this out, looks very cool! (Via WebResourcesDepot)
Flash!
-
Build a Parallax Gallery
Nick La of WebDesignerWall takes you through building a horizontal scrolling environment using alternating scroll speeds to give it a 3d-esque feel. You can also find a neat Parallax extension for sale over at our sister site FlashDen.
-
Making an MP3 Player in AS3
The design may not be too attractive, but this is still a handy tutorial on using AS3 to put together a little MP3 player ...
-
Getting Started with Flash
Looking for a solid introduction to Flash? Look no further than Carlos' great little intro.
-
Creating an XML Slideshow (Actionscript 2)
XML Slideshows are the bomb and this tutorial will walk you through creating a simple fading slideshow using Actionscript 2.
-
Non-AS Photo Presentation
Don't want to use Actionscript to make your image slideshow? Try this basic masking tutorial that produces a nice effect.
-
Object Oriented Scrollbar
Flash tutorial master Lee Brimelow released a new two-part video tutorial on creating a scrollbar, watch them at GotoAndLearn ...
Content Management Systems
-
Build an Expression Engine Site From Scratch
OK so this didn't technically happen in April, but I found it in April so it kinda counts! Anyway if you've ever wanted to play with Expression Engine then this is the tutorial for you. It's really long, so long it's become a book that you can purchase from Lulu if you'd like your tutorial in the convenience of paper and ink. Definitely worth checking out!
-
Blog Perfume - Wordpress
This isn't so much something that happened in April as just an awesome WordPress site that I've been meaning to link up for ages! Created by Ray of WebAppers it's a great resource for WP junkies.
-
Cushy CMS
I'm not 100% sure if Cushy just launched, but certainly it only just popped up on my radar during April. Looks like a promising CMS, definitely worth checking out.
-
An Introduction to Movable Type Templates
DevLounge brought us not one but two useful MT tutorials with the introduction and also Anatomy of a Movable Type Template
-
Powerful List of WordPress Plugins
Noupe does one of their gigantic lists, this one on WordPress plugins, plenty of ones I use regularly in there! In case you're wondering that screenshot is of Fluency - an alternate WP-Admin skin. Nice!
-
WordPress Template Heirarchy Diagram
Michael from WPCandy has done over WordPress' diagram of the template heirarchy to give it a bit more visual edge, nice job Michael!
Miscellanea
-
10 Common Mistakes in Redesign
I hate to say it but I'm guilty of quite a few of these mistakes - especially "Launching before the new design is cross-browser tested" :-) That's my achilles heel!
-
Five More Principles Of Effective Web Design
Continuing on from their 10 Principles of Effective Web Design Smashing Magazine gets us to 15 solid foundations for good web technique. Speaking of principles of web design, you might want to check out the article I wrote back last year on PSDTUTS - 9 Essential Principles of Good Web Design. Now that's a lot of principles to read about!!
-
Build an AIR application using Dreamweaver CS3
Jonathan Snook of Snook.ca writes up this simple introduction to making an AIR app using the Adobe AIR extension for Dreamweaver.
-
Getting Started with Ruby on Rails
In their latest edition AListApart has been posting on getting going with the ubiquitous Ruby on Rails with both Getting Started and Creating More Using Less Effort
-
The Web Developer's SEO Cheat Sheet
SEOMoz is my favourite place to go for SEO advice and this neat little PDF checklist is a handy little download for forgetful web devs.
-
Subversion for Designers
I use subversion when working on the FlashDen codebase and I have to say it will really help your productivity and workflow if you are working on big projects. I've yet to try using it on my regular work but am planning to soon! In any case this is a great introduction...
-
Developing with Google App Engine
This month Google launched their new App Engine product, a cloud service for running Python apps. If you're looking for an introduction, ThinkVitamin's got a good one...
-
Planning a Semantic Website
The "Semantic Web" is meant to be the next phase of the web, and IBM has a long article about planning a website focussed this way. I must admit I didn't make it through the whole article, but if you're looking to get the jump, I'm sure it's worth it!
-
101 AIR Resources to add to your toolbelt of Awesomeness
You know I love 101 lists, but I never get through them. Still here's one for all you AIR junkies to bookmark away.
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 )Collis Ta'eed April 30th
Meanwhiles I really must fix that link style, when links go over two lines it looks kinda crazy
So many things to do here! That’ll teach me for launching a site before it’s really finished hehe
( )LOSWL April 30th
Also check the wording on the Gravatars section “NETTUTS” need to replace “PSDTUTS”
( )Grawr April 30th
Awesome. These are gonna help quite a bit.
( )Chris April 30th
“4 Uber Cool CSS Techniques for Links” has the same description as “Build a Horizontal Sliding Tabbed Archive with jQuery”
( )Tyler Bramer April 30th
I also don’t notice a copyright on either PSDTuts or NETTUTS
( )Razvan April 30th
Thanks for the big list, better start reading!
( )daniel lopes April 30th
Please, open up for us to write to… i want write… i want write.
… Congratulations for this good article.
( )Dave April 30th
Nice list. FYI – CushyCMS launched recently:
http://www.techcrunch.com/2008/04/07/cushycms-beta-launch-free-invites-for-techcrunch-readers/
( )Nate April 30th
Very impressive list of resources. Should keep me busy for a while.
Thanks Collis
( )Aminur Rahman [aka Tom R] April 30th
cheer for the post
( )Nico April 30th
Awesome long list! This will keep me busy tonight lol! Thanks!
( )D. Carreira April 30th
Great list! Thank you!
David Carreira
( )Jonathan Solichin April 30th
Thanks for the list! Very useful
( )Shane May 1st
Quite simply a fantastic list. Personally, the flash section doesn’t interest me, but each of the other groups have at least two or three links that I’ll be reading just as soon as I get some spare time.
Thanks Collis.
( )MK Owens May 1st
Lately, front-end devs have been praising jQuery too much and Mootools not enough. Hopefully, this will be remedied with the non-beta release of 1.12 (which cannot come soon enough).
( )Alen Grakalic May 1st
Collis, how about
a{
white-space:nowrap;
}
thanks for linking my article, I am enjoying this site.
Alen
( )Ben Griffiths May 1st
Theres some great links there, thanks! I’ve been looking at CushyCMS for a while now, I think for some of my clients it may work a lot more easily than some RTE thats in an admin panel.
( )Markus May 1st
OMG There is many posts!
( )Phyo May 1st
Wow.. Awesome list.
Thanks so much, Collis. You’re da man.
( )Collis Ta'eed May 1st
@Chris: Thanks that’s fixed!
@Alen: Nice bit of code
Added and fixed up nicely!
@Ben: Yeah I gotta go try it out, would be great for a site I have coming up, and I could write a tutorial on it. Since it’s new, I could pretend I’m an expert and no-one would know
( )Michael Castilla May 1st
Awesome post Collis! Oh and thanks for including my Template Hierarchy Diagram
( )Noura Yehia May 1st
April was so amazing! Thanks for featuring Noupe
( )Vishnu May 1st
Nice information and list
( )Jacob Gube May 1st
Collis,
Thanks for including Six Revisions in this month’s Best of The Web!
The jQuery tabbed example featured earlier this month was excellent. Congratulations on NETTUTS launch and I wish you all the best.
Regards,
( )Jacob
Adam May 1st
I am a big of both of your tutorial sites, and especially like these Best of the Month posts. I just now need to find time to be able to work with all of the tutorials and articles that presented. Why can’t there be more time?
-Adam
( )Boyink May 1st
Thanks for the link!
( )Nikhil May 1st
Thats a list worth visiting every link.
( )giackop May 1st
Wow wonderful list.. thanx collis..
( )David Hellmann May 1st
good links, now i must read!
( )Ryan May 1st
Wow! Where to begin? This is wonderful information and I plan to check out each one in my spare time…wait a minute…I don’t have any spare time. Well, I’m excited to read these when I can.
( )Snorri3D May 1st
Very Good list
THX
( )Travis McCrea May 1st
I am now using cushy for my clients websites that way they can edit their website with ease… Thank you so much
( )Piotr May 1st
Nice list. Thanks.
( )macias May 1st
wow… a lot of them…..:)
( )Inspiration Up May 1st
Wow! very informative lists, thanks Collis.
( ).m May 1st
kudos!
( )arrggh so much tips.. so little time.
Colin May 1st
my jaw dropped when i saw flash! i wanted to learn that for a long time….but now i have no time! damn you making cool sites! and so much info! i’m stoked!
( )OliMX May 1st
Great roundup List and found Woork blog to be more interesting!
( )Qbrushes May 2nd
sweet post. thanks
( )Haystacks May 2nd
I just wanted to thank you for this list and this site in General, since my state school has less than spectacular Graphic Design offerings, I am treating this as my very own classroom. Yay for utopian free education!
( )Harry May 3rd
The MP3 Player one is amazing!
( )Ali May 4th
Very good keep them coming, more more more more MORE!!!
( )website design May 5th
Yeah, Thanks for the nice list.
( )Fredro May 5th
Great list – I was just gonna ask if we were gonna get any Ruby tutorials, it’s something that I’ve wanted to learn about for a while now but just never had the time. The articles from Alistapart is a good first step. Collis, any plans on adding Ruby tuts on this site?
( )Danny May 6th
These posts are such great reads… I always go through all the links, absorbing everything
Starting to try Flash, so that link was awesome!
( )Dor Dan May 8th
Nice collection
( )JD May 13th
Great list for graphics design. Well done!
( )kitap özetleri May 21st
“This is How you get sIFR to Work” the best. i am interested it
( )Panther August 11th
Great list, thank you!
( )Windows Themes September 5th
Wow. Great resources. Thank you!
( )Joe October 11th
Great List!!
( )