490 Killer Designer Resources

You thought the last Web Huge List Of 395+ Web Design Resources was good? This one is bigger and even better! Remember to bookmark these great resources. Look out for more of these next month!!

55+ Extremely Useful Online Generators for Designers

generators

105 Free Grunge Fonts for Web Designers and Logo Artists

grungefonts

Continue reading “490 Killer Designer Resources”

Highly Detailed Icon Design Tutorials!

qicons

Aah, got to love them quality icons. And those are not easy to make, but here is a nice list of 40 Tutorials for creating Highly Detailed Icon Designs. It was compiled by Chris Spooner at SpoonGraphics.co.uk

Very nice list Chris, we appreciate it!!

Read it here: 40 Tutorials for creating Highly Detailed Icon Designs

Adding Custom HTML Box To My Facebook Page

0-papp

UPDATED –> Thanks to facebook’s fast moving evolution, this article has become some what outdated. Please read the new Tutorial on how to add HTML to facebook that talks about creating a custom page on facebook.

In the previous post I wrote about adding a custom HTML box to my Facebook Profile, today I will talk about adding  a custom HTML box to my Facebook Pages. I spent hours trying to figure out how this is done and realized after a while that Facebook is still having lots of navigation and usability issues. The navigation between the main Profile area and other elements of Facebook are not linked very well, at least no very intuitive and easy to get lost. Once you get something to work it is hard to find out how you did it and to replicate it.

After hours of surfing the help pages and forums I finally found some patterns and figured out how certain things are done.

Adding a custom HTML box to your Facebook Pages requires a different procedure and a separate Application from what was used in the previous post so to add an HTML box to Facebook Pages (not Facebook Profile) follow these instructions.

Continue reading “Adding Custom HTML Box To My Facebook Page”

Adding Custom HTML Box To My Facebook Profile

valik1

UPDATED –> Thanks to facebook’s fast moving evolution, this article has become some what outdated. Please read the new Tutorial on how to add HTML to facebook that talks about creating a custom page on facebook.

After spending some serious time on Facebook trying to do a few things on my profile I realized that Facebook’s navigation between different Facebook applications and elements are less then perfect. It took me hours but I finally found some patterns and figured out how certain things are done.

One of the things I needed to do was to add a custom HTML box to my Facebook Profile, but then I also wanted to do the same to my Facebook Pages that I’ve created. This document is the complete instructions on doing exactly that. So let’s dive in. We’ll first start with Facebook Profile page. I also did a post on adding custom HTML box to Facebook Pages, notice – Facebook Page, not Facebook Profile, these are different – read about the differences in this article.

Continue reading “Adding Custom HTML Box To My Facebook Profile”

50 Graphic Design Theory Lessons – FREE!

woooow

Most of us know how to throw something together in Photoshop and plop it into a web page and it may look amazing but how many actually understand the theory behind it? I’ve wanted to take design theory classes more than once but you know how it is… never enough time.

Today I found this awesome collection of 50 excellent graphic design theory lessons that I am very excited about. The best thing of all is they are FREE! If you did not take a graphic design theory class, you should go through these, lots of things will start to make sense and it will help you in your future design projects.

Check them out here: http://psd.tutsplus.com/articles/web/50-totally-free-lessons-in-graphic-design-theory/

Transfering A Site To New Domain And Keeping The PageRank

pr4

It’s been 3 months since I transferred this blog to a new, better domain. The previous domain was wbDesignIdeas.com which was a .com but was not a quality domain. I’ve tried for about a year to acquire the WebDesignIdeas.com domain but the current owner is not willing to sell even though he’s not using it at this time. I knew that a domain change is in it’s future so better switch it now while the blog is still in the beginning growing stage. The new domain is WebDesignIdeas.org, which is nice, it is exactly what I wanted to have but a .ORG. I think it is fine though.

So in January of 2009, the old domain had just gotten a PageRank of 4 when I switched out the domain and did a 301 redirect on it to point to the new domain. Obviously the PR was gone. It was really sad to see and I was a bit scarred that it wouldn’t return.

On April 1st the PR had returned to 4!

It’s been 3 months and it was a real relief to finally see it return. So now, we go on, continue to grow and improve it.

Here is what I did to move to the new domain.

  1. Point the new domain to the blog directory.
  2. Created a new directory on the server named old-site.
  3. Created a .htaccess file within the old-site directory.
    Here is the contents of the .htaccess file:Options +FollowSymLinks
    RewriteEngine on
    RewriteRule (.*) http://www.webdesignideas.org/$1 [R=301,L]
  4. Tested to make sure that when trying to open the old-site directory, it redirects to the new domain.
  5. Pointed the old domain to the old-site directory.
  6. Tested to make sure it forwards.
  7. Updated the entries in the sitemap.xml file to reflect the new domain.
  8. Deleted the sitemap from Google Webmaster Central and uploaded the new one.
  9. Waited 3 months.

Hope this helps some one.

Huge Collection Of Icon Design Tutorials

icontuts5

Posted on the Six Revisions blog, the 50 Excellent Icon Design Tutorials. That’s enough to keep you busy for weeks. Very good quality tutorials there so make sure you check them out.

Here’s a few I really liked:

Juicy RSS Feed Icon
icontuts

Delicious Chinese Food Icon
icontuts4

Glossy RSS icon
icontuts2

Vector Film Slate Icon
icontuts3

Practical Use Of Photoshop Lighting Effects

These ads look awesome, the lighting effects really make them pop, make them exciting to look at. Makes me want to go an get me PS3 ;). After you check out these PS3 ads, I have a list of some Photoshop lighting effects tutorials that will help you create similar effects… make sure to take a look at the bottom of this post.

ps2-1

Continue reading “Practical Use Of Photoshop Lighting Effects”

20 Of My Favorite AJAX Tutorials

 ajax

Just found this list of 50 Excellent AJAX tutorials that was posted on Smashing magazine site. I went through them and picked out the 20 of the ones that I find most useful, the ones that I will be using in the near future and so here they are:

  1. Build an AJAX-Powered Shopping Cart
  2. AJAX Username Availability Checker Using MooTools 1.2
  3. Introduction to AJAX Calls Using jQuery and PHP
  4. AJAX and XML: AJAX for Chat
  5. Building Your First AJAX Application with PHP
  6. Taking AJAX Further with PHP
  7. jQuery/JavaScript – Customizable AJAX Pagination
  8. AJAX Forms with jQuery
  9. PHP Components: Autosuggest
  10. AutoCompleter Tutorial
  11. Using AJAX to Validate Forms
  12. Easy AJAX with jQuery
  13. Quick and Dirty AJAX (video)
  14. Creating an AJAX Rating Widget
  15. Use AJAX and PHP to Build Your Mailing List
  16. Continuous Pagination
  17. How to Load In and Animate Content with jQuery
  18. Slider Using PHP, AJAX, and JavaScript
  19. Log-in/Sign-up Screen Using AJAX Modal Pop-up Extender
  20. Creating an AJAX-Enabled Calendar Control

Please share with us in the comments if you know of any other good ones.