Best of the Web - April
In Web Roundups by Collis Ta'eed
While naturally in my totally unbiased opinion, the best thing to happen on the web in April was the launch of NETTUTS, there is of course tons of great content out there. I've put together some of my picks of the best things to pop up during April ...
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.
Comments
Leave a CommentAdd a Comment
Note: We use Gravatars on NETTUTS, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too!
Collis Ta'eed
April 30th, 2008
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, 2008
Also check the wording on the Gravatars section “NETTUTS” need to replace “PSDTUTS”
Grawr
April 30th, 2008
Awesome. These are gonna help quite a bit.
Chris
April 30th, 2008
“4 Uber Cool CSS Techniques for Links” has the same description as “Build a Horizontal Sliding Tabbed Archive with jQuery”
Tyler Bramer
April 30th, 2008
I also don’t notice a copyright on either PSDTuts or NETTUTS
Razvan
April 30th, 2008
Thanks for the big list, better start reading!
daniel lopes
April 30th, 2008
Please, open up for us to write to… i want write… i want write.
… Congratulations for this good article.
Dave
April 30th, 2008
Nice list. FYI - CushyCMS launched recently:
http://www.techcrunch.com/2008/04/07/cushycms-beta-launch-free-invites-for-techcrunch-readers/
Nate
April 30th, 2008
Very impressive list of resources. Should keep me busy for a while.
Thanks Collis
Aminur Rahman [aka Tom R]
April 30th, 2008
cheer for the post
Nico
April 30th, 2008
Awesome long list! This will keep me busy tonight lol! Thanks!
D. Carreira
April 30th, 2008
Great list! Thank you!
David Carreira
Jonathan Solichin
April 30th, 2008
Thanks for the list! Very useful
Shane
May 1st, 2008
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, 2008
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, 2008
Collis, how about
a{
white-space:nowrap;
}
thanks for linking my article, I am enjoying this site.
Alen
Ben Griffiths
May 1st, 2008
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, 2008
OMG There is many posts!
Phyo
May 1st, 2008
Wow.. Awesome list.
Thanks so much, Collis. You’re da man.
Collis Ta'eed
May 1st, 2008
@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, 2008
Awesome post Collis! Oh and thanks for including my Template Hierarchy Diagram
Noura Yehia
May 1st, 2008
April was so amazing! Thanks for featuring Noupe
Vishnu
May 1st, 2008
Nice information and list
Jacob Gube
May 1st, 2008
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, 2008
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, 2008
Thanks for the link!
Nikhil
May 1st, 2008
Thats a list worth visiting every link.
giackop
May 1st, 2008
Wow wonderful list.. thanx collis..
David Hellmann
May 1st, 2008
good links, now i must read!
Ryan
May 1st, 2008
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, 2008
Very Good list
THX
Travis McCrea
May 1st, 2008
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, 2008
Nice list. Thanks.
macias
May 1st, 2008
wow… a lot of them…..:)
Inspiration Up
May 1st, 2008
Wow! very informative lists, thanks Collis.
.m
May 1st, 2008
kudos!
arrggh so much tips.. so little time.
Colin
May 1st, 2008
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, 2008
Great roundup List and found Woork blog to be more interesting!
Qbrushes
May 2nd, 2008
sweet post. thanks
Haystacks
May 2nd, 2008
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, 2008
The MP3 Player one is amazing!
Ali
May 4th, 2008
Very good keep them coming, more more more more MORE!!!
website design
May 5th, 2008
Yeah, Thanks for the nice list.
Fredro
May 5th, 2008
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, 2008
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, 2008
Nice collection
JD
May 13th, 2008
Great list for graphics design. Well done!
kitap özetleri
May 21st, 2008
“This is How you get sIFR to Work” the best. i am interested it