Aug 31

Posted in: Best-Of | 46 Comments

August 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. I found some nice examples posted at devsnippets that is worth mentioning, so i am going to list them here as well.

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



Photoshop and Illustrator Tutorials and Resources

- Dynamic Recessed Watercolor Typography in Photoshop

Best Of August


In this tutorial, you will learn how to mix vector elements and watercolor effects with text to create a stunning design. It’s a quick process that depends heavily on good choices of images and colors.


- Free iPhone Design Set for Photoshop

Best Of August



- Create a Glowing Abstract Light Vector Graphic

Best Of August



- Wacom Settings In Illustrator

Best Of August



Ajax and Javascript

- Build An Incredible Login Form With jQuery

Best Of August


In this tutorial,you’ll create a sliding panel, that slides in to reveal a login form, using JQuery to animate the height of the panel. Checkout the demo here.


- Design a stunning Alert Box using MooTools

Best Of August


This tutorial explains how to design a stunning Alert Box which changes and improves the classic look of JavaScript Alert Boxes.


- Creating a Slick Auto-Playing Featured Content Slider

Best Of August



- Unobtrusive jQuery slide toggle with cookies

Using jQuery to create a “slide/hide” toggle and remembering the last state on reload, or page navigation


- Automatically Generate a Photo Gallery from a Directory of Images

Best Of August


This gallery is built using PHP, javascript and CSS. This gallery will not create the thumbnails for you, it builds itself dynamically from your directory of images. So when you want to add new photos, you simply drop the new photo and thumbnail in the directory and you are done! Removing photos just means removing the photos from the image directory.


- CSS Sprites2 - It’s JavaScript Time

Best Of August


Dave Shea demonstrates inline CSS Sprites2 in this article and adds some JS magic into it.


- Use jQuery with Google Analytics to Track Clicks on Outgoing Links From Your Site

Best Of August


Add outbound link tracking to a new or existing site. Provided that your links to other sites open a new window, you can track them very easily with some help from jQuery.


- Degrading Script Tags

Ever wanted to degrad the script tags that reference external resources (via the src attribute) and execute script embedded within the tag itself. So instead of doing this:

<script src="some-lib.js"></script>
<script>
  var foo = use_some_lib();
  foo.do.stuff();
</script>

You can do this:

<script src="some-lib.js">
  var foo = use_some_lib();
  foo.do.stuff();
</script>

- Mootools basics + 5 useful tips

In this post, you will find a little reminder of Mootools base functions (Basic Learning) , tips and examples to do more things with less code.


- Ten commandments for developers

10 thoughts that should be patently obvious to developers, but typically aren’t.


CSS and XHTML

- 10 Principles of the CSS Masters

Best Of August


10 excellent principles that any web developer or designer can find useful, meaningful, or challenging. These are the true masters of CSS. Drink deep from their knowledge and take their wisdom on your next designing adventure.


- Override Inline Styles from the Stylesheet

If you have a little bit of curiosity if you can overide inline styles through your stylesheet, check out this tutorial.

/* override inline styles */
span[style]{
color: inherit !important;
font-size: inherit !important;
}  

- Force IE6 To Support Alpha Transparency

A script created by Dean Edwards to force IE6 to render PNGs properly. Additionally, the script will also help to fix many common bugs from IE5-IE6. It also allows for advanced CSS selectors.


- 10 Useful CSS tricks to conquer the world!

Some CSS gems that are very useful for beginners and for advanced designers.


- Using CSS for Bar Graphs

Best Of August


You can use graphs to display data more illustratively. This tutorial is going to show you how to take boring data in a table and display it in a bar graph. The technique is simple, but the affect is drastic.


- 20 Websites To Help You Learn and Master CSS

Best Of August


This article features 20 excellent websites to help you “grok” CSS. There’s a wide range of websites included – from blogs to directory-style lists and websites that focus on one particular topic related to CSS.


- How to Add Drop Shadows to Menus or Windows with CSS

Best Of August


A tutorial on how to add soft drop shadows to your site’s menus and windows using CSS.


Design News and Tutorials

- School Is In Session - 100 Design Articles To Keep You Motivated : Part 5

Best Of August


100 design related articles to help get you motivated.


- Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time

Great resources including skeleton templates that will simply give you a starting point for your design that you can style in any way you like.


- How Simple Web Design Helps Your Business

Best Of August


Excellent article on why “Keep It Simple Silly” is still right when it comes to web design.


- Designing for Print - Setting Up Crops and Bleed

Best Of August


A design destined for print requires setting up to certain specifications to ensure that the work is printed correctly by industrial lithographic or digital print firms. Here is a really useful post that you will put on the right track.


- 66 Links To Learn The Webdesign Basics

Here are some of the best articles and sites from around the internet that will teach you some of webdesign basics.


Freebies

- 16 “Sketchy” Illustrator Brushes

Best Of August



- 9 colorful rust textures

Best Of August



- FREE Icon Set for Bloggers!

Best Of August



- Worn and Torn Edges

Best Of August


A pack of worn edges contained in one PNG file.


-
Free Vector Pack 12 Sampler

Best Of August



Freelance

- 9 Of The Best Ways To Present A Website To A Client

Best Of August


9 of the best ways to present a website design to a client, along with the advantages and disadvantages of each method.


- FYI: Do You Know Your Freelancing Rights?

Do you know what your legal rights are when you work for hire? How do you get a copyright? Is it expensive? Can it be taken away from you? How long does it last? Read on for more information.


- WHAT YOU’RE MISSING IF YOU DON’T CHALLENGE YOUR CLIENTS

Finding ways to bring clients out of their comfort zones and not upset them in the process takes time and practice. However, this is a skill that if practiced can really make a large impact on the outcome of your work.


WordPress

- Build Your Own URL Shortening and Redirection Service in WordPress

Best Of August


This article discusses the use of Short URLs, lists some services, and explains how you can create your own custom version in WordPress. It also covers a few concepts in the tutorial sections:

  • One way to use WordPress Custom Fields.
  • How to create conditional JavaScript code, based on PHP variables.
  • How to redirect a web page in WordPress.

- Liz Comment Counter by Ozh

Best Of August


Liz Strauss Comment Counter is a highly configurable badge (very similar to the Feedburner one, except it’s more configurable) to show off the number of comments your blog has.


- 21 Mindblowing Premium-Like Free Wordpress Themes

Best Of August


An exclusive collection of free wordpress themes which are not less than premium themes and you may consider any of these themes as per your need before going to purchase any paid premium theme.


Inspiration

- Web Design Black Layouts

Best Of August



- Single-Page Portfolio Sites

Best Of August


If you are looking for ideas to design a portfolio site, here are 30 single-page portfolio sites with exceptional design and implementation.


- 30 Impressive Colour Spectrum and Rainbow Wallpapers

Best Of August


If your desktop wallpaper is looking a bit dull, perhaps it’s time to add a little spice, make it something more cheerful. Here’s some really Impressive Colour Spectrum and Rainbow Wallpapers.


- 20 Famous Logo Designs

Best Of August



- Managing Inspiration

Best Of August


If you’re inner muse is working correctly, you’ll find inspiration strikes just when you need it, but if you’re like the rest of us you’ll find that inspiration strikes at the oddest of times. In this post you will find some nice tools to help manage inspiration: getting it to strike, and making sure it isn’t lost when it does.


- Fubiz Daily Inspiration

Best Of August


If you are looking for daily inspiration proportions then Fubiz site is the place to go. Fubiz is centered on the subjects of the graphic world, the urban culture, the products tendencies and numerical arts.


Resources

- Where To Get Your Own Avatar?

Best Of August



- 3 Smart Moves To Make After Landing A New Client

Landing new clients can be one of the most time-consuming tasks for the overworked freelancer–and it doesn’t pay you a single penny. Here are 3 smart things you can do after you land a client that can pad your paycheck for months (or years) to come.


Textures and Brushes

- 200+ Photoshop Brushes for Light, Sparkles, Glows and Glitter

Best Of August


A number of designers have created custom brushes especially for various sparkles, glows and glitter. In this post you’ll find links to over 200 free brushes that you can download to reduce the amount of time spent on your designs and to produce some excellent results.


- 75 Powerful Adobe Fireworks Extensions - It really can be as Great as Photoshop!

Best Of August


Here are some of the best 75 Adobe Fireworks Extensions (MXP), nearly all are compatabile with Fireworks MX, 8 and CS3 (and quite a few with Fireworks 3 and 4).


Interviews

- Quick Fire with Jeff Croft

Best Of August


In this quick fire, Jeff will answer everything from his favorite music to his “web development pet peeves”. Enjoy!


- Interview with Jacob Gube of Six Revisions

Best Of August


Jacob Gube is the man behind Six Revisions, a popular web design and development blog. Here is a nice interview with him on Designm.ag.


- Interview With Jeff Finley of Go Media Via Twitter

Jeff Finely is the main author of GoMediaZine and one of the owners of Go Media. He has created some amazing artwork for print, web and apparel. Here is an interview with him on Vectips.



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

46 Comments, Add Comment or Ping


  1. Brian says:

    Wow, a fantastic collection of August’s articles and news. Thanks for featuring my article on Elite By Design, 100 design articles to keep you motivated - so nice to make it onto the list 2 months in a row!

    Great work and here’s to a fantastic September!

  2. Whoah, great list although some of those arent new. Thanks for sharing, love those wallpapers.

  3. jbj says:

    Thanks for the list, and for linking to us :)

  4. Matt says:

    Hey Noura, thanks again for the mention on the jQuery demo!

  5. Alex says:

    great list! and very divers!
    many thanks for including my rust texture pack!

  6. Razvan says:

    A lot of good stuff this in August, thanks!

  7. Gis says:

    Ey dear! Awesomeness :D Thanks for the links :D I usually end up sending my students some of them :D Hope everything is ok!! I figured out i had to improve the navigation on my blog and did a little touch up xD let me know what you think if you have the time later :D

  8. Jacob Gube says:

    Noura, as always - you’ve managed to put together the top links, resources, and notable news this month! This is something I look forward to each and every month and it never manages to disappoint.

  9. Some good reading material here

  10. Eli says:

    Cheers for the linkage! Great roundup here.

  11. Steven Snell says:

    Thanks for the links Noura. Great collection, as always.

  12. Great month, great list, thanks a lot! Enjoyed it!

  13. Tommy M says:

    Great List. theDailyApp was just launched August 1st and was bummed it didn’t make the “Resource” section… Oh well :-)

  14. Heiko [HVBX] says:

    i love this series!

    thx

  15. Thank you. Very good information.

  16. That is one awesome list. Might take me all month to get through them all I think. Noupe just keeps getting better and better. Good Work. Thanks

  17. James says:

    “Build An Incredible Login Form With jQuery” <– Not useful at all!

    All it does is create yet another barrier between the user and where they want to go.

    Just because you can’t find a way to integrate something into a design (such as a login box) doesn’t mean you should just make it popup with some jQuery - that’s not always a good solution!

    @Noupe - Before linking to all these apparently awesome tuts could you have a read through the comments of them and try to ascertain if the webDev commuinity is actually going to appreciate it!?

  18. An Jay says:

    Noura, Thanks for link to SmashingApps.

    This roundup is really amazing.

  19. zvonko says:

    how can i thank u?? :-)

  20. kiran says:

    Nice collection…Thanks for sharing.

  21. Noupe says:

    Thanks everyone for your comments and sorry for getting late to you guys as i was having some issues with the internet connection at the office.

    @Brian, @jbj, @Matt, @Jacob, @Alex, @ Steven, @Eli, @An Jay:
    Thanks should go to you for posting such useful content :)

    @James:

    “Build An Incredible Login Form With jQuery” < – Not useful at all!
    All it does is create yet another barrier between the user and where they want to go.
    Just because you can’t find a way to integrate something into a design (such as a login box) doesn’t mean you should just make it popup with some jQuery - that’s not always a good solution!

    Sometimes (not always) its important to add a login box in your front page layout to give the user ease of access to authenticated areas on the site but it just makes the page busy and noisy this is the case i would use such solution.

    When i was designing Devsnippets, i was thinking of using a solution close to this to save some space on the page, but i changed my mind when i built an ajax solution of allowing the users to login and register without leaving the page.
    It really depends on usability, the type of site, layout design and the importance of the login box.

    @Noupe - Before linking to all these apparently awesome tuts could you have a read through the comments of them and try to ascertain if the webDev commuinity is actually going to appreciate it!?

    Sorry that i disappointed you with links you think the webdev community won’t appreciate !

  22. Micah says:

    Thanks. I especially like the javascript alert box!

  23. kelly says:

    Fantastic roundup!

  24. nice roundups.keep it up

  25. great list. thanks for sharing

  26. Kiran says:

    Very good collection. Thanks a Lot Dear

  27. Great collection and resource! Thanks!

  28. onecss.com says:

    Great list. You can also take a look over this css gallery: http://www.onecss.com

    Thank you.

  29. Great list of resources. I’ve spent a lot of time mulling over mootools and the links listed above have helped quite a bit. It’s always nice to see other’s take on a certain aspect of design.

  30. I have placed a link of this post at the end of the post in my Technologystory site(http://www.technologystory.net/2008/09/16/website-you-shouldnt-have-missed/) Thanks for the reminder alex.

  31. Stone Deft says:

    lemme book mark this what a great find thnx and you look great!!

  32. Samir says:

    i really like this collection and site. many thanks

  33. DJ München says:

    Thanks to you… I found nice items for a redesign of my website. F.e. the sliding panel is very interesting

SPONSORS