Websites you Shouldn´t have missed in JULY 2008
- Posted in Best-Of
- 57 Comments »
July 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, WordPress and articles we’ve found in July that is worth your time.
Photoshop and Illustrator Tutorials
1- 15 Photoshop Tutorials for Creating Product Advertisements
A list of 15 tutorials that will help you to create more attractive and eye-catching advertisements with Photoshop. Check out his tutorials.
2- How to create the Sony-Ericsson logo – Photoshop tutorial
This Photoshop tutorial will show you step by step how to create the Sony-Ericsson logo. Check out this post
4- Hell of tutorial in Photoshop
An awesome tutorial teaching us how to create a 3D text with fire coming from the inside of the document like a hole. Check out this tutorial.
5- BOLT – Walt Disney Pictures
How to make a very interesting Walt Disney wallpaper. Check out this tutorial
6- Text Effect Quickie: Vibrant Pop Text Effect
In just a few moments, you can add a vibrant splash to your text that will really add some pop-culture flavor to your designs! Check out this post.
7- 3D Transform a Colorful Cube Design
In this tutorial, you’ll learn one way to create a design using repeating elements in a style inspired by Sean Hodge. Check out this tutorial
Ajax and Javascript
8- Fantastic News Ticker Newsvine-like using Mootools
This tutorial explains how to implement a News Ticker, with news vertical scrolling, using mootools. Check out this tutorial.
9- Wordpress Sidebar Turned Apple-Flashy Using jQuery UI
If you love the sidebar on the Apple Startpage, this tutorial will teach you how to create one in your WordPress theme using jQuery. Check out this tutorial.
10- Garage Door Style Menu (using Animated Background Images with jQuery)
Build a “Garage Door” style menu, where an image “slides up” to reveal another image behind it. Check out the demo
11- Create an apple style menu and improve it via jQuery
Learn how to create a leopard style menu from scratch using Photoshop, HTML, CSS and then improve it via jQuery. Check out the demo
12- Check All/None Checkboxes Using MooTools
There’s nothing worse than having to click every checkbox in a list. Why not allow users to click one item and every checkbox becomes checked? Here’s how to do just that with MooTools 1.2. Check out the demo
CSS and XHTML
13- Unit PNG Fix
Here’s another solution for PNG fix for IE6 from Unit Interactive Labs.
14- Navigation bar with tabs using CSS and sliding doors effect
A simple navigation bar with tabs using CSS and sliding doors effect. Check out this post.
15- Getting Started With CSS: 20 Awesome Introductory Tuts
Don’t stress out with overly-complicated tutorials – here are 20 awesome introductory tuts to CSS. Check out this post.
16- Web-Based Tools for Optimizing, Formatting and Checking CSS
Stylesheets can get large real quickly, both in terms of length and file size. To ensure that your web pages render correctly and quickly, here’s a compilation of some of the best free, web-based CSS optimizers/compressors, code formatters, and validation services. Check out this post.
17- How to make a list with rounded corners, auto width and hover effect
This tutorial will teach you how to create a list with rounded corners. Check out the demo here.
18- Mega Awesome CSS Resource List!
CSS Articles are posted every day on the web but the trouble is finding the quality ones. A well written article linking to CSS basics articles, writing good code, css frameworks, css layouts, navigation, forms, and of course cross browser tips Check out this amazing post
Design
19- How To Display Feedburner Subscriber Count In Text
I believe you’ve seen websites and blogs that uses the text-based Feedburner subscriber count instead of the chicklet. I hope you are not getting the idea the these guys update their feed count manually. Instead, it can be done easily with scripts, and the reason why you want to do is – it gives you total flexibility in terms of design, styling and display. Check out the Tutorial
20- 10 Great Eco Print Companies
Great article and resources about 10 great eco print companies. Check out this post
21- Improve Your Creative Process, Better Design, Quicker Approvals
Discussing ways that could improve your approval process and improve your designs significantly. Check out this post
22- The Best Time Of The Day To Do Things As A Designer
This article will go through the best time of the day to do things in relation to your mental state of mind which in turn will make you more productive as a designer. Check out this post
23- The Emergence of Gradient Grunge Design
Let’s take a look at some of the characteristics that make up Gradient Grunge design trend today. Check out the post
Freebies
24- Free High-Res Texture Pack: Grungy Watercolor
25- Free High-Res Texture Pack: The Anatomy of a *Really* Old Book
26- Free vector african animals set
27- Web Design Resource – 25 Sites to download Free Web Templates
Check out these 25 websites that offer quality website templates for free download (under creative-commons) – some of these sites give some stylish web designs that’s worth to download and have a look Check it out
29- Brush Stroke
Freelance
30- How To Cope With Rejection As A Freelancer
A well written article about positive thinking and coping with rejection as a freelance writer. Check out this post
31- Putting Twitter to Work For Your Freelance Writing Business
Twitter is some kind a strange marriage between a blogging platform and an instant messaging client. This posts highlights different ways you can use to put twitter for Your Freelance Writing Business. Check out this post
32- The creative brief: improve your project workflow
A creative brief is a questionnaire for your client, that covers all the information you are going to require to be able to go ahead and begin site architecture, mood boards & wire-framing (if necessary). One tool we use to capture this data is a creative briefing document. Check out this post
33- How to Make Your Design Project Successful Every Time
Tips for getting to the root of the your client’s business objective, so your design work can actively solve it. Check out this post
Free WordPress Themes
34- Free Theme: Outdoorsy Theme Now Available to Download
. The theme is called “outdoorsy” and it’s perfect for the individual who wants something “slightly” different from your usual standard free theme. This theme is very unique, and quite graphics heavy, which we are aware of. Check out the online demo
35- Tigerpress: A Free Wordpress Theme
Tigerpress Wordpress theme has 2 columns and provides a simple and very user-friendly Mac-alike interface (design based on Apple’s Tiger Mac OS X). Check it out
36- Free WordPress Theme: Old News Now Avaliable To Download
The design is simple 3 column layout with inspirations from scrap paper. This theme would be perfect for someone looking to make an easy to simple and easy to read blog. Check it out
WordPress
37- Amazing WordPress hacks part 2
Order Allow,Deny
Deny from all
Allow from all
The second part of Amazing WordPress hacks article, you will see how to set Post Expiration time and date in another way, Secure your wp-includes folder and how to make Wordpress Static HTML Template. Check out this article
38- 15 Awesome WordPress Resource Sites
There are tons of tutorial sites out there that provide tips, tricks, and resources to teach both beginner and advanced users more about WordPress. Here are 15 of the best WordPress resource sites on the ‘net. Check out this post.
39- How To Create WordPress Themes From Scratch Part 1
How to create a wordpress theme from scratch in these 3 parts of tutorial series. Covering Structuring, designing in Photoshop, slicing, coding into fully css based html, and finally wordpress implementation. Check out this Tutorial
40- How To Make Your Own Default Avatar in 5 Minutes
The avatars are a great way to make things more personal and create some variety between the different comments.This tutorial will teach you how to create your default avatar image for people who don’t have an avatar. Check out this Tutorial
Inspiration
41- 24 Design and Inspiration Websites
Collection of design and inspiration websites. Check out the post
43- July’s Best : 15 CSS Design on CssLeak
New Launches
44- DesignMag
Steven Snell of VandelayDesign has launched another great website, DesignM.ag. A useful and resourceful site for the web design community. Starting with amazing posts offering great resources and tips for the design community. Check out the community news section and the design gallery.
45- Script & Style
Script & Style is going to be a user-driven stream of links, which anybody can submit to using the article submission form. There will also be exclusive tutorials from time to time. Check out this new site
Resources
46- 200+ Free Grunge Photoshop Brushes
Photoshop brushes are one of the most useful and often under-rated aspects of the program. Here is a collection of some of the hottest and newest free grunge Photoshop brushes from a variety of brush sites. Check out the Tutorial
47- 11 of the Highest User Ranked Free Fonts
There are an infinite amount of resources and lists for great free fonts. Here is a great list of 11 quality free fonts. Check out this post
48- 13 Most Unusual Search Engines You Should Remember
Every search engine listed here has some different way of searching or unusual presentation. Check out this post
49- 50 Absolutely Killer Flash Templates
Sit back and scroll through this amazing post, 50 Killer Flash templates. Check out this post
50- 42 Resources of Inspiration for Graphic Designers and Lovers of Design
Resources of Inspiration for Graphic Artists and Designers and Lovers of Design. Check out this post
Textures and Brushes
51- Oriental Photoshop Brushes And Vector Images For Mysterious Designs
This is a collection of oriental Photoshop brushes & vector images for more mysterious designs. The collection includes Chinese dragons, Japanese, Chinese & Arabic texts, people, houses, mosques & various figures. Check out this post
52- 350+ Brushes, Textures, and Fonts: Massive Hand Drawn Roundup
Interviews
53- Favorite Design-Related Sites of 21 Designers
DesignM.ag is a new site that aims to meet the needs of the web design community. Here is a collection of design-related sites that are visited frequently by other designers. Check out this post
54- An Interview With Paul Boag
An interesting interview with Paul Boag of Boagworld. Check out this interview
55- An Interview With Morgan Porter
They Don’t Teach Business in Design School: An Interview With Morgan Porter. Check out this interview
56- An interview with James White
SEO and Web Traffic
57- 17 fast and easy steps to more web traffic
Anyone who has ever looked at a successful blog, or website will tell you that the reason it is probably successful, is because of the content. You need to set your goals to improve your traffic. Check out this post
Great resources you have collected! Thanks for including my site.
Regards,
Drew
Great round up, a lot of things I’ve missed this month! *the screenshot for style&script needs fixing.
thanks for the mention!
Cool list. Thanks for the reference to my website.
Thanks for the link. Great roundup as always. Left me with loads to read (as always… :( )
Great list Noupe – this is a LOT of terrific content and a lot to digest (can’t wait). Keep ‘em coming!
Great round up :). Thanks for the mention and “The Emergence of Gradient Grunge Design” that I’ve missed.
Great list!
I was hoping that my CSS Framework Emastic will be on this list :(
http://code.google.com/p/emastic/
Excellent list, and thank you for the mention once again.
Certainly going to be spending some time on this list. Another excellent resource – the watercolour textures are wonderful in particular.
Good stuff, thanks!
In regard to your link text:
It should be “Check out …” not “Checkout.”
(I only mention because it’s used over and over throughout the page.)
Hey everyone,
I am glad this post can help. There were other great posts that i wanted to include here but i didn’t want to make it too long for you to read.
@Liam, Drew, Crazyleaf, Dejan, Michael, Thomas and Matt:
You are welcome :) You guys did an awesome job this month :)
@Flatchum, thanks for pointing that typo, its fixed now.
The quite good review, though and with repetitions from the previous publications
This is great collection of resources! Thanks for sharing this article.
I like the African animal vector and water color textures are awesome.
I love this list. There are plenty of sites I haven’t visited yet!
The photoshop tutorial sites are very helpful. Thanks for sharing. Would it be possible to review my site too?
Great selection of websites. Thanks!
This is a really great list, it has given me some good resources and made me subscribe to your blog! Keep the great posts coming!
I am also going to link to your post from my blog. :D
I spotted a couple of articles from Elite By Design thrown into the mix – what an honor to be featured on this list! Thanks so much and great work :)
Thanks for the links Noura.
These links are tasty! Thanks!
very good ,thank you noupe
Once again, thanks for the awesome list. I have just opened at least ten tabs in my FF to check this out!
Great links. It’s big help to us designers and CSS enthusiast.
Great post, I don’t think I have seen any of these. I think I know what I will be doing the rest of the week.
Great list, thanks a lot!
Nice list of websites and resources.
Thank a lot!
What a great list. It’s going to take me a while to visit them all! ta
Outstanding list, thanks for compiling this.
nice selection, looking forward to next months already..
Great list….as always!
Nice post. A valuable collection there.
good
Excellent roundup. Soon Fubiz on Noupe ?
Thanks @Fubiz and i am glad you liked it. Soon Fubiz will be on the next roundup ;)
thanks very informative.
Thank you for this list all are wonderful, Im gonna browse all the list. yay!
Nicely done. Always solid content to keep me checking back in.
Cool The Nice one articles this is great collection of resources!
Thanks For All this
This is a lot of great, useful information for us to use. I think it will take some time to go through this post.
A nicely written article, I must say.
Outstanding, great design resources for designers of all walks. I digg it, and found it del.ic.ous as well :) Great job.
Great list, but I would say you should have abduzeedo in there!
Whoa just saw abduzeedo up there! good stuff, thought you missed it.
How about a big time classic? designsbymark.com