Web Development Tutorials

1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic by 14 people | Log in to rate

Ranked #2,613 in How-To, #28,142 overall

Learn to make Websites

Hello there :) This lens is meant to be a medium to help you learn to make your first, second, third, and whatever other websites you want, REALLY fast.

This lens includes some of the best development tutorial websites, in hope that you too can some day design your own website.

It really is a rather simple process. You begin by learning HTML, which is an hour task. At that point, you can officially design your own website.

After that, you learn CSS, which is a week-a few weeks process. Then you can really soup up your website.

Next comes PHP, CGI, Ajax, Javascript, or whatever you choose. They are all optional, but can make your website pretty sick.

Of course, everyone has a different way of learning. It is really up to you!

This is just a landing page for you to learn what you're doing.

Now inside of The Isle of Squid!

You will not be an expert instantly! It takes a lot of time to learn and master the art of webdesign, and it varies from person to person. Start easy, and work your way up. Don't forget-- Practice makes perfect!

Websites 

Below is a list of many websites that will help you learn, and master, CSS, HTML, Javascript, and Ajax (Ajax and Javascript are basically the same things.)

The below list is also merged in with a bit of PHP, some development tools, and some stuff I found interesting relating to the topic at hand.
  1. NetTuts
  2. Woork
  3. Web Designer Wall
  4. Smashing Magazine
  5. Vitamin
  6. Wakeup Later
  7. Tutorial Blog
  8. Snook.ca
  9. Webappers
  10. Web Resources Depot
  11. Ajaxian
  12. Sharebrain
  13. Design Float
  14. Style Grind
  15. PSDTuts
  16. Design Reviver
  17. Blog.SpoonGraphics
  18. Boxes and Arrows
  19. PHPDeveloper
  20. Google Doctype
  21. Webmonkey
  22. Digital Web Magazine
  23. Favicon Generator
  24. No margin for errors
  25. Well Medicated
  26. Chazzuka Blog

Collections 

Below is some collections of scripts that you are likely to find useful.
  1. 80+ Ajax Solutions for Professional Coding | 60 more
  2. MiniAjax.com
  3. Hot Scripts (Huge Scripts Database)
  4. Javascript Source
  5. 19 Free Icon Sets
  6. 25 Free Icon Resources
  7. Web 2.0 Design Generators

Inspiration 

When you have designers block, you need inspiration. This is a collection of fantastic layouts, or collections of them, for you to get your jive back from.
  1. iWanna Play
  2. The NY Moon
  3. Oliver Danchin
  4. Redbull Flightlab
  5. Web Creme
  6. Zen Garden
  7. Faveup
  8. CoolHomePages

Books 

Sometimes just reading stuff off of websites doesn't help, and you have to hit up a library, or order a few books off of Amazon. Here are some great choices:
Googled: The End of the World As We Know It
Googled: The End of the W...
Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition
Don't Make Me Think: A Co...
Nursing2010 Drug Handbook with Web Toolkit (Nursing Drug Handbook)
Nursing2010 Drug Handbook...
Socialnomics: How social media transforms the way we live and do business
Socialnomics: How social...
Facebook For Dummies (For Dummies (Computer/Tech))
Facebook For Dummies (For...

Videos 

They say a picture is worth a thousand words. What about a video?

How to Make Your Own Website

Photoshop Tricks : Editing Web Templates for Websites

Social Bookmarking in Plain English

Optimizing Your Blog For Traffic

How to Get Top 2% in Alexa Rankings by Using Authority Sites



Contextual Advertising Options: Clicks Equal Cash

The SEO Song
curated content from YouTube

Your Experience 

Loading poll. Please Wait...

Free Website Templates 

After all this reading, you have to have a headache, right? Well, as a final piece of information, I will say that you don't always have to completely design a website yourself. Sometimes you can go ahead and get a premade template, and just edit it to have your writing, and your images.

Well, that said, I think I will have a final link. This one being a download link. Inside of this .rar file is 450 Website Templates for you to use. Keep credit in them where credit is put, as those people did a lot of work to make those templates for you.

Download

(This is to celebrate reaching the top 100 of the How To Category.)

Comment Box 

Your oppinion

Here you can suggest websites, post what you made, ask questions, or point out mistakes I made with my lens!

submit
  • Reply
    theplaysource theplaysource Oct 29, 2008 @ 6:32 pm
    The best way to learn php is to visit phpvideotutorials.com.
  • Reply
    OhMe OhMe Aug 24, 2008 @ 2:27 am
    Great info. Thanks. 5*
  • Reply
    After5PC.net After5PC.net Aug 20, 2008 @ 12:00 am
    That's an extensive list. I can certainly use some of those resources when developing sites. Thanks for posting them!
  • Reply
    tonyran tonyran Aug 19, 2008 @ 10:48 pm
    Its good to see all of this is put into one resources. Nice compilation. It will take more than one sitting to digest all of this.

    good one
  • Reply
    Ken Nickless Ken Nickless Aug 18, 2008 @ 7:50 pm
    You've certainly taken a lot of trouble to provide heaps of information for anyone interested in web design.
  • Reply
    Daniel Daniel Aug 18, 2008 @ 6:54 pm
    Hey, that's actualy a great list, especially the Ajax scripts repository links. Thanks.
  • Reply
    Matthew Matthew Aug 18, 2008 @ 12:23 pm
    This looks great for beginners! In fact, there looks to be some things that even I could learn from!
  • Reply
    Kaos Kaos Aug 18, 2008 @ 10:13 am
    Very nice list! I've been doing simple web design for a year now, and still have been a wimp to go further learning java, ajax...maybe I'll be inspired now to bite the bullet and use your resources. Much appreciated!!!
  • Reply
    DashRipRock DashRipRock Aug 17, 2008 @ 11:25 am
    Hey Justin...THANKS man, just all those cheat sheets in one place made this is great Lens!!

    I've been slowly getting into web development and your Lens was great find. Also liked the list of Websites. Gotta start my Lenses!!
  • Reply
    Skuxta Skuxta Aug 16, 2008 @ 2:11 am
    Wow thanks. That list is huge and full of good links. Very valuable list of sites. Im just about to start web design. This will be a huge help.

    Thanks Justin.
  • Load More
Show All

by boredofeducation



Hello world!

I'm a full-time math teacher, a sometimes Citizen Squid and a 24/7 Giant Squid.

Be sure and check out my other lenses at Damon's Lens... (more)

Explore related pages

Create Stunning CSS Backgrounds with Images
Have you heard of CSS Backgrounds? Do you have a Squidoo lens or two? How about...
Ruby on Rails: An Overview
What makes web development with Rails FAST, EASY, and FUN?
An Introduction to AJAX
An overview of AJAX for managers, developers, hobbyists and the curious. This is...
You Deserve a Better Website
Maybe you've built one yourself or maybe you work with a web designer. Do you fe...
Web Standards: Best Practices Web Development
The craft of building web sites that are functional, beautiful, usable and acces...
Web Design Basics
We all want our website to look great. With so many different styles, scripts, t...

Related Topics

boredofeducation Recommends...

Create a Lens!