Apr 28

Websites you shouldn’t have missed in April 2008


Posted in: Best-Of | Leave a Comment | 29 Comments

April was a busy month, we have been watching great news, articles, tutorials, scripts, tips and lot of inspiration for web designers popping up everyday so we thought it would be a great idea to wrap all those resources in one package where you can check to fuel your energy for creativity.

Today we have a round up of useful CSS, Ajax, Tutorials, tools, Graphics and articles we’ve found in April that is worth your time.



Tutorials

1) Build a Sleek Portfolio Site from Scratch- There’s nothing like building an entire site to show you a good overview of how a CSS layout should work. This tutorial will take you through steps to convert a PSD file and build it with some nice clean HTML and CSS.


2) This is How You Get sIFR to Work- Follow this tutorial to get a basic understanding of how sIFR works. Afterwards you’ll be able to expand into more advanced areas.


3)Create a Powerful Mental Wave Explosion Effect- How to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power.


4)50 Essential Photoshop Text Tutorials- 50 of the best Photoshop tutorials for working with text.


5)Create Abstract Backgrounds- Using Gradient Meshes, Steps Blends and Opacity Masks you can quickly create an abstract background.


6)Lighting effects Photoshop Tutorial- How to create a beautiful lighting effect using Photoshop.


7)Relflections, a Web 2.0 Staple


Ajax

8 ) Custom JavaScript Dialog Boxes- A lightweight (~4.5kb) JavaScript dialog box library. The script currently offers four dialog styles: alerts, warnings, prompts and success.


9) Ajax Image Sliders Part 2: Intervals with On Demand


10) 41 of the Best MooTools Ajax Examples and Downloads- 41 MooTools examples that you can freely download and learn or use from.


11) 10 things IT needs to know about AJAX- 10 things you should take to heart about Ajax.


12) Assign Anchor IDs Using MooTools 1.2- Looking to use the MooTools SmoothScroll plugin but don’t want to go through hundreds of HTML pages to add “ID” attributes to your anchors? You don’t have to — simply assign anchors with Moo!


13) jQuery Examples - Horizontal Accordion- An accordion effect that reveals a caption for each thumbnail.


14) jQuery.ui Sortable- jQuery’s Sortable is a cool client side jQuery plugin that lets lets you create sortable unordered/ordered lists or a plain group of contained DIV tags.


15) Getting Started with Ruby on Rails- Great overview on getting started with Ruby on Rails by Dan Benjamin.


CSS

16) The Highly Extensible CSS Interface- The Highly Extensible CSS Interface is an excellent 4-part series of articles, now gathered together on one page for easy reference.


17) Hartija - CSS Print Framework- Hartija is “mini” CSS Framework for web printing. The goal of this framework is to improve and ease the creation of “printer friendly” pages with minimum effort.


18) CSS Gradients, Transforms, Animations, and Masks- Safari / Webkit shows the future of CSS! Gradients wirh CSS and without any image.


19) Combine Your CSS Media Styles Into One File- Using some easy CSS, you can combine your CSS medias into one file!


20) CSS do’s and dont’s Part 1: CSS Selecting- Css Globe is starting a series of lightweight articles named “CSS do’s and don’ts”. This series is aimed at pointing out some of the bad habits when it comes to css and web standards in general.


21) Date Stamps- A list of all six styles, each with an example of the timestamp and the code you can use to create it.


22) Simplifying and Demystifying CSS Backgrounds- A great article to show how to use background images with CSS.


23) Web to Print: Restyling Pages on the Fly with CSS- Matthew is sharing the experience he gained while writing a print stylesheet for Bits O’ NewMedia.


Freelance

24) Deciding When to Use Project Pricing - Billing by the hour is the most common way to make money in the freelance world, and it can be both safe and profitable. But it does have a few drawbacks. First, potential clients tend to balk at higher hourly rates.


25) Why Giving Clients What They Want is a Bad Idea- Why giving client’s exactly what they expect is a way to ensure that your work is complacent and how it avoids creativity.


26) 12 Practical Ways for Freelance Designers to Increase Leads- There are plenty of different ways to find potential clients, Steven Snell is writing a very useful post on Freelanceswitch taking look at 12 things you can do to increase the number of leads you receive.


Web and Graphic Design

27) How to Blog Design Style Guide- Different design elements affects a website design’s look and feel, Blogdesignblog have broken these different design elements into nine different parts. The more attention you give to each part, the better your overall blog design will be.


28) Awesome HOT TIPS for YOUR WEBSITE in 2008- Fadtastic, have secretly been trawling the best websites and breaking down what’s good about them all. They’ve conveniently made a list of these unmissable golden nuggets of advice below. Use with caution - you don’t want to be too hard on your competition!


29) 70 Excellent Vintage and Retro Graphic Works- A celebration of retro and vintage design — ads, illustrations, book covers, pins and posters from 1920-1980s.


30) Logo Design Process for Just Creative Design’s Award Winning Logo- Jacob Case is talking about how he came to the name for his freelancing business ‘Just Creative Design’ and also the logo design process that is used to design the logo of his website.


31) How to switch the “on” state of navigation links for dynamic pages- From Askthecssguy.


32) How to Use Adobe Illustrator to Create a Unique Distressed Text Effect


33) IE CSS Bugs That’ll Get You Every Time- Here are the major bugs in IE that’ll get you every time.


Freebies

34) BB Petie Boy Original Font from Bittbox- Website Bittbox has released it’s very first original free font. BB Petie Boy is available in four weights, one of which is a grunge style.


35) Free PSD Icons (24 icon sets)- Free icons for any use.


36) Exclusive You The Designer Free Vector Graphics- Free computer icons to enhance your website design.


Tools and Online Generators

37) IETester- IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP.


38) Mutapic -Mutapic is an online picture generator. It is a free tool you can use to rapidly create original art.


39) 7 Incredibly Useful Tools for Evaluating a Web Design- Some useful tools that you can use to ivaluate a Web design


40) 10 Website Statistic Tools- Keeping track of visitors to your website is vital, and these tools allow you to monitor and review traffic in different ways. Some are free, some require a small charge - all of them will help you know exactly who is passing eyes over your design.


WordPress

41) 10+ Free Magazine Style WordPress Themes to Choose From- A list of free magazine–style themes.


42) WordPress Security Prevention, Reactions, and Scares


43) Custom Digg Counter in WordPress with PHP- A PHP function to grab the number of Diggs from the Digg API and display it in the WordPress post.


Typography

44) On Choosing Type- Choosing type can be sticky business and often result in going back and forth. Check out these guidelines to keep you safe.


45) 5 Principles and Ideas of Setting Type on the Web- Principles, rules and ideas for approaching Web typography decisions in this useful post.


46) 101 Awesome Downloadable Fonts for Designers- PWebsite Free Geekery has a nice list of free fonts all nicely categorized by font style.


Inspiration

47) 49 Professional and Innovative Websites- This is a solid collection of professional websites for inspiration.


48) 20 Blinding White Portfolios- Designflavr has collected a great set of Portfolios, Light or simple White portfolios.


49) Awesome Light Graffiti Pictures- Long Exposure pictures can get pretty awesome if you have the right ideas. Here are some nice collection of Light Graffiti Pictures.


New Lanuches

50) DD Whois-A new Ajax tool that lets you painlessly look up the availability of a domain name, or for registered domains, its whois records.


51) NETTUTS launched!- Collis Ta’eed, the creator of the very successful PSDTUTS, has launched a sister blog about web development titled: NETTUTS - Spoonfed Web Skills.


52) CSS Blogger- A new showcase website featuring some of the best designs.



Posted in: Best-Of | Leave a Comment | 29 Comments
devsnippets- Code snippet Gallery
What others said...

29 Comments, Add Comment or Ping


  1. Thanks for the link Noura. Great collection, this must have taken some time.

  2. Thanks another very good round up. I am in the process of doing my monthly round up so this is a bonus help.

  3. Very good stuff. Thanks for listing.

  4. Great list, in April I’ve also launched css blogger, maybe you could include it in the inspiration or new launches..

  5. Great Collection!! As Usual! lol

  6. That’s a good collection of websites links. I will sure try many of them and IETester is sure useful!

  7. Fantastic collection of resources! Definately one for my favourites :)

  8. Thank you soooooooooooooooooooooooooooooooooooooo much dude………… love your website but my favourite is definitely smashingmagazine.

    Also dont miss to visit my website and download some beautiful wallpapers or send ecards:
    http://www.redesignyourbiz.com/sendcard/index.php

    Thanks

  9. Woow, what a great collection. I’ll have to grab some more time to study all of the links:)

  10. Your link for Dan Benjamin’s article on A List Apart (#15) has some extraneous info at the end and doesn’t work.

    Otherwise, great list. thanks for compiling and posting.

  11. Thanks for the links.

  12. This is a great list of articles, and thank you for including my Ajax Image Sliders as one of them!

    BTW: I’ve completed the 3rd installment of this series, which improves upon part 2 significantly.

    Thanks again!

  13. Great Collection of Websites, but I think this list is being recycled already in many different versions.

  14. A great Best of list… I love the best of lists that the web has to offer, if you feel like you have missed something you always see it again. Thanks for adding Inspiredology’s post on 49 Professional and Innovative Websites.

  15. Very useful list! I’ve subscribed to a lot of these sites haha
    Thanks!

  16. #15 has a broken link. I think you forgot a ”

    http://www.alistapart.com/articles/gettingstartedwithrubyonrails/

Trackbacks
  1. pligg.com - Jul 20th, 2008

Now Your Say:

Your email is never published nor shared. Required fields are marked *

SPONSORS