Web design links and resources

Fed up talking videogames? Why?
User avatar
Karl
Administrator
Joined in 2008
AKA: KP
Location: Sector C
Contact:

PostWeb design links and resources
by Karl » Wed Feb 10, 2010 1:25 pm

Below I list tutorials from W3Schools, an excellent, no-bullshit resource for learning from the bottom up how to develop a website. They cover several fields, so I've grouped together their tutorials into areas of development in the rough chronological order that I suggest learning them.

Obviously you don't have to go literally from start to end, so I've included rough difficulty ratings so you can skip over things and return to them at a later date with more knowledge in your brain. Key: Easy Reasonable Advanced

Feel free to add more and discuss in this thread... I've copied this post from a topic I made on another forum, and I guess it might be useful as an ATF sticky or something.


Basic introductory tutorials

HTML Tutorial webpage structure, and the tags and what they do
XHTML Tutorial to standardise your HTML
CSS Tutorial to style your XHTML

Making webpages more dynamic (client-side)

Javascript Tutorial to make your pages more interactive
AJAX Tutorial to grab data dynamically while browsing

Making webpages more dynamic with... PHP
You need to run a web server to work with PHP/SQL; see downloads at bottom.

W3C PHP Tutorial to write dynamic scripts

Making webpages more dynamic with... Ruby on Rails
You need Ruby installed on your system to run Ruby scripts; see downloads at bottom.

Ruby on Rails guides to help you build a web application

Databases
You need a MySQL server — or SQLite if you prefer — to work with a MySQL database; see downloads at bottom.

SQL Tutorial to use a database to manage content

Content management

XML Tutorial to store pure content in a standard format
RSS Tutorial (based on XML) to notify subscribers of updates
XSLT Tutorial to present your XML in a browser-readable format

---

References

PHP.net literally the best open code reference in the entire Internet

Further reading

A ton of Flash tutorials
Another ton of Flash tutorials

A List Apart: articles on web design and standards not just about coding properly!

Design/web galleries and resources

Computerlove
CSS Zen Garden
DarkEye colour-sorted galleries

Web Developer's Handbook a massive, massive resource. Don't approach as a beginner, you'll be overwhelmed

Books

PHP 5 for Dummies
PHP & MySQL for Dummies
Mastering Regular Expressions - it's important to know how to use regex properly if you're doing complex stuff in processing, but consider this super-advanced!

Downloads

PHP server for Windows [WAMP]
PHP server for Windows and other platforms [XAMPP]
MySQL server (standalone)
Ruby and Ruby on Rails
Last edited by Fizheuer Zieheuer on Thu Feb 11, 2010 5:21 pm, edited 1 time in total.
User avatar
jiggles
Member
Joined in 2008
AKA: pyxl-8

PostRe: Web design links and resources
by jiggles » Wed Feb 10, 2010 2:43 pm

Sweet post. Bookmarked.

I'll add, just like in the other topic, that if anyone is using PHP and wants a great flexible framework to get fast results with a tidy MVC architecture: Codeigniter is for you. There's a ton of additional libraries that let you do just about anything in a flash. Stuff like Tank Auth is handly to implement a solid authorisation system on your site in 5 minutes, while this bastard has a bunch of social networking libraries that will add Facebook, Vimeo, Filkr, Twitter and lastFM integration to your site in a couple of lines of easy code.
Fizheuer Zieheuer
Member ♥
Joined in 2008

PostRe: Web design links and resources
by Fizheuer Zieheuer » Wed Feb 10, 2010 3:53 pm

More props for CodeIgniter from this camp... I use it for most of my PHP work. I'll add a Frameworks section in the OP shortly.
User avatar
jiggles
Member
Joined in 2008
AKA: pyxl-8

PostRe: Web design links and resources
by jiggles » Wed Feb 10, 2010 4:28 pm

Bracing for jQuery love...
Fizheuer Zieheuer
Member ♥
Joined in 2008

PostRe: Web design links and resources
by Fizheuer Zieheuer » Wed Feb 10, 2010 5:09 pm

<3
Fizheuer Zieheuer
Member ♥
Joined in 2008

PostRe: Web design links and resources
by Fizheuer Zieheuer » Wed Feb 10, 2010 6:04 pm

blackoutHERO wrote:What is the next code to learn after HTML/CSS?


I guess you want a simple answer: Javascript if you want to improve your interface design, PHP if you want to start working with data.
User avatar
Mafro
Moderator
Joined in 2008
AKA: DAT MAF
Contact:

PostRe: Web design links and resources
by Mafro » Wed Feb 10, 2010 10:26 pm

anny :wub:
HSH28 wrote:Assmung you ever get one that is.

Blog | Twitter
User avatar
Schrodinger's Postman
Member
Joined in 2009

PostRe: Web design links and resources
by Schrodinger's Postman » Wed Feb 10, 2010 10:54 pm

Any reason to use WAMP over XAMPP on Windows? Or is it just a preference thing?
Image
Fizheuer Zieheuer
Member ♥
Joined in 2008

PostRe: Web design links and resources
by Fizheuer Zieheuer » Thu Feb 11, 2010 5:22 pm

I can't vouch for XAMPP on Windows as I never used it on that platform, but I've edited the OP for accuracy.
User avatar
Alpha eX
Member
Joined in 2008
Location: London
Contact:

PostRe: Web design links and resources
by Alpha eX » Thu Feb 11, 2010 6:16 pm

I used XAMPP for a project two years ago, served it's purpose well, can't say I had any problems with it.
Fizheuer Zieheuer
Member ♥
Joined in 2008

PostRe: Web design links and resources
by Fizheuer Zieheuer » Thu Feb 11, 2010 6:29 pm

Well then :lol: I personally run a hacked-together development server on my main computer, I'd consider using a Linux box if I could be arsed and really had the space.
User avatar
abcd
Emeritus
Joined in 2008
AKA: abcd

PostRe: Web design links and resources
by abcd » Fri Feb 12, 2010 2:59 pm

Great set of links. :D
Image
User avatar
~Earl Grey~
Member
Joined in 2008

PostRe: Web design links and resources
by ~Earl Grey~ » Thu Apr 22, 2010 1:34 am

http://www.dynamicdrive.com/

Full of great bits of code for all kinds of things. I used it for a nice pop-out side menu.
User avatar
Andrew Mills
Emeritus
Joined in 2008
Location: Market Harborough

PostRe: Web design links and resources
by Andrew Mills » Sat Apr 24, 2010 10:30 pm

Q: What kind of gooseberry fool can you do with CSS these days? I'm still using tables to layout my iPhone guides in a WebView (it works :shifty: :oops: ), but I get the feeling that using CSS (and perhaps getting to grips with XML) would be 'advantageous' to my business.

So just how funky is CSS?
jay2010
Member
Joined in 2010

PostRe: Web design links and resources
by jay2010 » Sat Apr 24, 2010 11:27 pm

Handy links, getting into web design now myself. cheers.
Send Anonymous Prank Text Messages "from" anyone! Great Fun!
http://www.anontexts.com
Fizheuer Zieheuer
Member ♥
Joined in 2008

PostRe: Web design links and resources
by Fizheuer Zieheuer » Thu Apr 29, 2010 4:59 pm

Andrew Mills wrote:Q: What kind of gooseberry fool can you do with CSS these days? I'm still using tables to layout my iPhone guides in a WebView (it works :shifty: :oops: ), but I get the feeling that using CSS (and perhaps getting to grips with XML) would be 'advantageous' to my business.

So just how funky is CSS?


Going from tables to CSS is like listening to Kula Shaker for a while, but then wising up and putting on James strawberry floating Brown instead.

Tables are fine for tabular data (always have been) but should never be used for layout as they're semantically totally inappropriate and generate huge amounts of unnecessary markup fairly quickly. Learning to use CSS well is not just about figuring out how to style things, you should appreciate how it relates to clean markup too. Avoiding div soup is a nice short article that explains the idea.

Less code = less load. Might make your apps run faster too. Whoo
User avatar
Somebody Else's Problem
Member ♥
Joined in 2008
Location: Wherever you want me to be, baby

PostRe: Web design links and resources
by Somebody Else's Problem » Fri Apr 30, 2010 8:15 pm

I've started learning web design recently, so this thread is very useful to me.
User avatar
NBK
Member
Joined in 2008

PostRe: Web design links and resources
by NBK » Tue Jun 08, 2010 10:45 am

Some great links there, thanks!

I'm currently looking to develop my SQL knowledge so will defintely get use out of those. Are there any similar (free) sites out there for developing SAS knowledge?

Going for a job that requires some knowledge and understanding around both of these so I'd like to prepare myself as best I can.
Image
User avatar
Karl
Administrator
Joined in 2008
AKA: KP
Location: Sector C
Contact:

PostRe: Web design links and resources
by Karl » Wed Jun 09, 2010 7:45 pm

pyxl-8 wrote:Sweet post.


Thanks.
User avatar
Alpha eX
Member
Joined in 2008
Location: London
Contact:

PostRe: Web design links and resources
by Alpha eX » Sat Aug 21, 2010 3:39 pm

My host (that you suggested KP) are shutting down, now I have to find a new host and fast. Such a strawberry floating headache, no idea what to do now, especially with my domains.

Return to “Stuff”