Tutorials Round-Up: Ajax, CSS, PHP and More

Advertisement

Coding or designing a page, it’s always nice to have some basic templates you can quickly modify or adapt to your needs. However, at least once you have to know, how to create this “universal” template. In this case tutorials prove to be an ultimate solution, particularly if you just want to get an idea how something works and where to start from. In fact, you don’t have to re-invent the wheel all the time – you can use existing solutions, modify and improve them and publish them as well – just the way other people did it for you.

In this post we’ve covered over 200 Ajax, CSS, Flash, JavaScript, PHP, MySQL, RSS, XML as well as ASP, C++, Perl, Python and Java tutorials. Links checked: June/09 2008.

You may want to take a look at our related posts

Ajax

CSS

  • Advanced CSS Layouts: Step by Step
    By Rogelio Vizcaino Lizaola and Andy King
  • Beginner’s guide from a seasoned CSS designer
    Cameron Moll – Authentic Boredom
  • CSS Advanced Guide
    The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer.
  • CSS and HTML examples and tutorials by Ove Klykken
    Advanced CSS demos and bug reports
  • CSS Basics.com
    Making Cascading Style Sheets Easy to Understand
  • CSS Beginner’s Guide
    CSS, or ‘Cascading Styles Sheets’ are a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
  • CSS Demonstrations and Tutorials
    CSS and HTML examples, demonstrations and tutorials
  • CSS Drop Shadows
    A List Apart Tutorial by Sergio Villarreal
  • CSS Intermediate Guide
    Like the HTML Intermediate Guide, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner’s Guide.
  • CSS Layout Techniques: for Fun and Profit
    A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts.
  • CSS Menu Tutorial
    Horizontal and Vertical CSS Menu Tutorials
  • CSS Tutorial
    CSS Tutorial von w3schools.com
  • CSS TUTORIAL
    The Complete CSS tutorial
  • Floatutorial: Step by step CSS float tutorial
    Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
  • Learn CSS Positioning in Ten Steps
    This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float
  • Listutorial: Step by step CSS list tutorial
    Listutorial takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists
  • Selectutorial – CSS selectors
    Selectors are one of the most important aspects of CSS as they are used to “select” elements on an HTML page so that they can be styled.
    Find out more about selectors including the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout.
  • Site in an Hour
    by Andrew Krespanis – Making Simple Work of Complex CSS Layouts
  • Stylemaster CSS Tutorial
    hands on css tutorial – This tutorial teaches CSS using both hand-coding and Style Master for Windows.
  • Online tutorials
    The House of Style has several cascading style sheets tutorials, with explanations, excercises and worked examples to get you up and running with style sheets as quickly as possible.
  • Stylesheets
    Cascading style sheets tutorials and style guide
  • Top 10 CSS Tutorials
    There’s a lot of really cool things that can be done using CSS and I’ve found some of the following resources to be very helpful to inspire ideas and learn new techniques…

CSS Techniques

Lightboxes & GreyBoxes

  • Greased Lightbox
    Joe Lencioni’s Greased Lightbox is a Greasemonkey/Creammonkey/Opera user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Wikipedia, Facebook, MySpace, and deviantART.
  • GreyBox
    A pop-up window that doesn’t suck. GreyBox can be used to display websites, images and other content in a beautiful way.
  • GreyBox 3D
  • Greybox Redux
    Completely unobtrusive – no need to embed Javascript into your site.
  • Leightbox
    Simon de Haan · Eight Media
  • Lightbox JS v2.0
    by Lokesh Dhakar
  • Lightbox Gone Wild!
    Particletree – Chris Campbell
  • Litebox
    Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.
  • Multifaceted Lightbox
    A script (JavaScript) that allows you to focus the users attention on a particular portion of the screen. It creates the equivalent of a modal dialog box – this means that while the user looks at this focused part of the screen, they can’t interact with the rest of the screen.
  • Slightly ThickerBox 1.7
    Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script
  • Suckerfish HoverLightbox
    Jonathan Christopher
  • ThickBox – One box to rule them all.
    My version of the Lightbox technique includes functionality similar to that of the Greybox technique. That is, ThickBox can show html pages as well as images. The html that is shown inside ThickBox is pulled from the server using AJAX (really AXAH). I would like to think that my twist is bridging the gap between Greybox and Lightbox functionality.
  • WP lightbox JS WordPress plugin
    WP lightbox JS is a WordPress plugin that enable you to use lightbox JS script to overlay images on the current page. This plugin also adds a “Lightbox JS” quicktag to the post window in the WordPress admin section.

Flash

  • Flash and ActionScript Tutorials
    Learn how to use Flash to create everything from simple animations to complicated ActionScript projects by following the easy-to-learn tutorials found on this page
  • Flash Kit Tutorials
    An online resource for Macromedia Flash development. Read the latest Flash news and tutorials, and download our free FLAs, SWFs, and sound loops
  • Flash MX Tutorials
    1421 Flash Tutorials
  • Flash Perfection Tutorials
    Enjoy learning Flash with our incredibly diverse collection of Flash tutorials. Flash tutorials are broken into comprehensive and easy to browse categories
  • Flash Tutorial
    In our Flash tutorial you will learn how to start using Flash in your applications.
  • Flash Tutorials
    451 Tutorials
  • Tutorials – ActionScript.org
    The site includes thousands of tutorials, open source movies and scripts, support forums, reviews, scene news, a fully featured Flash jobs and employment section and much more
  • Ultrashock Tutorials
    We are collaborating with some of the top professionals & institutions to bring useful and unique resources to the web. You will find information in this section which you may refer to often to gain an understanding of the concepts and useful techniques behind the tools used.

Forms

HTML

  • Character Sets & Encodings in XHTML, HTML and CSS
    Tutorial on how to markup up XHTML, HTML and CSS pages with information about character encodings, and how to use character escapes.
  • HTML Beginners Guide
    How to make web pages – A good practice guide to HTML and CSS.
  • HTML Intermediate Tutorial
    Whereas the purpose of the HTML Beginner Tutorial was to teach the bare essentials, this guide adds a few nuts and bolts, which shouldn’t be particularly difficult as such, but will add a bit more to our understanding of HTML and enable us to do a few more things.
  • HTML Advanced Tutorial
    The aim of the HTML Advanced Tutorial is to show how to fully exploit the features of HTML and how to optimise it for accessibility.
  • HTML Code Tutorial.
    Our goal is to provide the most helpful and complete guide to creating web pages anywhere
  • HTML TUTORIAL
    The pages are packed with: Easy to understand explanations, massive examples, tips, smart workarounds and useful quick references.
  • HTML Tutorial – Basic & Advanced
    In this HTML tutorial you will learn how to use HTML to create your own Web site.
  • HTMLSource : HTML Tutorials
    HTML tutorials and well-researched links on all aspects of web design, equally suited to beginners and advanced webmasters
  • Starting with HTML + CSS
    W3C: This short tutorial is meant for people who want to start using CSS and have never written a CSS style sheet before. It does not explain much of CSS. It just explains how to create an HTML file, a CSS file and how to make them work together.
  • Tizag Tutorials
    Tizag was designed to teach beginner web programmers how to use HTML and CSS….
  • XHTML Tutorial
    XHTML is a stricter and cleaner version of HTML. In this tutorial you will learn the difference between HTML and XHTML. We will also show you how this Web site was converted to XHTML.

JavaScript

RSS

  • Ajax RSS reader
    Learn how to build an Asynchronous JavaScript and XML (Ajax) Really Simple Syndication (RSS) reader, as well as a Web component that you can place on any Web site to look at the articles in the RSS feeds.
  • PHP and RSS: Getting it together
    This article explains the basics of RSS, some of its many uses, how to use PHP to create an RSS feed from a database, and how to use the XML_RSS module to read an existing RSS feed and translate it into HTML.
  • Pete Freitag – Howto Create an RSS 2.0 Feed
    If you can learn HTML, you can easily learn how to build your own RSS 2.0 feeds. I’ll take you through the steps to creating an RSS feed from scratch.
  • RSS Tutorial
    This tutorial explains the features and benefits of a Web format called RSS, and gives a brief technical overview of it. It also includes information on a similar format called Atom.
  • RSS Tutorial
    There are many resources on the Web for RSS. This tutorial emphasis the benefits of RSS, and how they can be realized. This tutorial refers to other sources for RSS History, Background, and Technical specifications.
  • RSS Tutorial
    Tutorial von w3schools.com
  • RSS Workshop
    In this workshop you’ll learn how to create, validate, parse, publish, and syndicate your own RSS news channel. The emphasis will be the practical application of the two most popular varieties of RSS for dynamic publishing.

Ruby

ASP

  • ASP.NET 2.0: A Getting Started Guide
    “Are you ready to take off into the wide blue yonder of ASP.NET 2.0? Join Cristian and Zak on this eventful ride: you’ll tame the installation process, sink your teeth into two ASP.NET languages, and conquer .NET programming basics with your bare hands. Finally, you’ll pull server controls, user controls, master pages, and CSS into the beginnings of an application that will see you land safely – and without casualties – at the start of a brilliant career in ASP.NET programming.”
  • ASP.NET 2.0 QuickStart Tutorial
    The ASP.NET QuickStart is a series of ASP.NET samples and supporting commentary designed to quickly acquaint developers with the syntax, architecture, and power of the ASP.NET Web programming framework…
  • ASP.NET 2.0 Tutorial
    The tutorial is designed for college-level classes in Web Development; however, it is available to anyone with an interest in learning ASP.NET 2.0 from the ground up. It is not designed as comprehensive coverage of ASP.NET 2.0. It presents features and techniques to apply this Web development framework to produce applications of a generally useful nature. It is a learning resource moreso than a reference source.
  • ASP Introduction
    Learn how to program Active Server Pages (ASP)
  • ASP Tutorial
    In our ASP tutorial you will learn about ASP, and how to execute scripts on your server.
  • ASP Tutorial
    Active Server Pages tutorial for beginners

C/C++/C#

  • C Tutorial
    Blog on C and C++ – Learn C in 19 Lessons “This website will provide you with lessons and quality material to learn basics of C language programming in just a few days.
  • Sams Teach Yourself C in 24 Hours
    Written in a plain and clear format, this book is designed to help you learn the C programming language as quickly as possible.
  • C++ Language Tutorial
    These tutorials explain the C++ language from its basics up to the newest features of ANSI-C++, including basic concepts such as arrays or classes and advanced concepts such as polymorphism or templates. The tutorial is oriented in a practical way, with working example programs in all sections to start practicing each lesson right away.
  • Teach Yourself C++ in 21 Days
    This book is designed to help you teach yourself how to program with C++. In just 21 days, you’ll learn about such fundamentals as managing I/O, loops and arrays, object-oriented programming, templates, and creating C++ applications–all in well-structured and easy-to-follow lessons.
  • C++ Programming Language Tutorials
    These tutorials were developed as part of a series of courses on C++ I taught at the University of California, Irvine, Washington University, St. Louis, and Vanderbilt University. I’m making these tutorials available on the Web for anyone who is interested in teaching or learning about C++.
  • C++ Programming Tutorials
    Understandable C++ tutorials (covers most of basic C, except i/o). Includes basics, pointers, arrays, classes and structs, recursion, linked lists, encryption, OpenGL graphics, and more.
  • C++ Programming Tutorials – Learn C++
    C++ Tutorials, Pointers and Dynamic Memory Allocation, Debugging, Standard Template Library (STL), Free C++ Compilers, C++ Tips and Tricks
  • C# Practical Learning
    This site offers Lessons, examples, and links on the C# programming language
  • C# Tutorial
    This is a set of lessons suited for beginning to intermediate programmers or anyone who would like to gain familiarity with the C# programming language. These lessons will help you get a quick head-start with C# programming.
  • C# Tutorial
    This tutorial covers Microsoft’s programming language C#. It is aimed at people with some programming experience, although it tries not to assume too much knowledge.

LISP

Java

Perl

  • Beginner’s Introduction to Perl
    The first part in a new series that introduces Perl to people who haven’t programmed before. If you weren’t sure how to get started with Perl, here’s your chance!
  • Introductory Perl Tutorial Course for Windows
    This introductory Perl tutorial course for Windows will introduce you to the beginning concepts of Perl in a familiar Windows environment and show you how to set it up for CGI with Microsoft’s Personal Web Server or Internet Information Server.
  • PERL
    This tutorial will be covering the PERL syntax and should provide you with a very solid foundation of PERL for you to build upon.
  • Perl Programming Tutorial :: Table of Contents
    This tutorial takes only an Introductory look at Perl. Therefore, if you wish to study the Perl Programming Language further, consult the texts mentioned below.

Python

PHP & MySQL

XML

  • A Beginners Guide to Creating and Displaying Your First XML Document
    This tutorial is divided into two parts. In Part 1, we will explain how to create an XML document and how to assign data types to the values in the XML document. In Part 2, we will create HTML pages that display the data contained in the XML document.
  • A Really, Really, Really Good Introduction to XML [XML, XSLT & Web Services]
    In this chapter, we’ll cover the basics of XML — essentially, most of the information you’ll need to know to get a handle on this exciting technology.
  • Introduction to XSLT
    Transform XML data from one format to another with Extensible Stylesheet Language Transformations (XSLT)
  • New to XML
    Need help getting started with XML? The XML zone on developerWorks contains articles, tutorials, and tips to help developers with XML-based development. For users trying to find their way in a new topic, all of that information can be overwhelming. This page provides an overview for readers who want to learn about XML, but don’t know where to start.
  • XML Tutorial
    Learn the basics of XML
  • XML Tutorial – Basic & Advanced
    XML stands for EXtensible Markup Language. In our XML tutorial you will learn what XML is and the difference between XML and HTML. You will also learn how to start using XML in your applications.
  • XML Tutorials
    Largest Source of XML Examples on the Web (1,069 Tutorials)

↑ Back to top

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

  1. 1

    Thank you for these resources,you’re doing a great job here.

    0
  2. 2

    Great list of resources!

    0
  3. 3

    Oh my god. Your lists continue to overwhelm and humble me. I haven’t gotten through your 53 CSS Techniques list yet and now you drop this monster. Will I ever sleep?

    0
  4. 4

    Quite a roundup! Nice job.

    0
  5. 5

    I can’t believe that I have found a site where EVERY posting is an “invaluable and must have” delicious link!

    Keep up the good work!

    0
  6. 6

    fantastic list you’ve got here. I’m jumping in head first to the PHP, Javascript and AJAX stuff. Thanks for being so generous.

    0
  7. 7

    Thanks a lot for these tutorials!. Is there a chance to get a list for Ruby on Rails-Tutorials in the future =)?

    -Florian

    0
  8. 8

    Thanks for this great site! I’d like to add a great Flash resource: http://www.gotoandlearn.com

    0
  9. 9

    This site is rapidly replacing a lot of my bookmarks. Thanks.

    0
  10. 10

    where is the Ruby section?

    0
  11. 11

    Thank you so much. I’m a total web noob, and I so appreciate this.

    0
  12. 12

    Hi,

    Thanks for the great list !

    Bangalore, India.

    0
  13. 13

    Great resource. Bookmarked, and linked! I’ll tell all my friends about this. thanks for taking the time to make it.

    0
  14. 14

    This is great help for my software development students and IT.

    0
  15. 15

    another great collection. thanks…

    0
  16. 16

    Such a glut of rich, tasty tibits …I’m starting to feel a bit queasy

    0
  17. 17

    IMPRESSIVE!
    Thank you very much.

    1
  18. 18

    Its good to find so many resources in one place.

    Thanks so much.

    -1
  19. 19

    This site is down and the domain is for sale
    php-for-beginners.co.uk
    Please remove from your excellent list

    0
  20. 20

    Vitaly Friedman & Sven Lennartz

    June 25, 2007 3:42 pm

    deleted. thx bean! ;-)

    0
  21. 21
  22. 22

    Thank you ! Wonderful ressources

    0
  23. 23

    People like you make our world better.People like you reminds me something very important about Internet.A place of freedom and Information.Thank you.

    0
  24. 24

    thank you for sharing

    0
  25. 25

    Great selection of tutorials!!

    Been looking for a good introduction to PHP and the 2nd, 3rd and 4th in the PHP list are fantastic

    Smashing job folks – keep it up

    0
  26. 26

    Great collections..

    0
  27. 27
  28. 28

    thanks

    0
  29. 29

    its simply great :)

    0
  30. 30

    Thanks a lot for this compilation

    0
  31. 31

    Good stuff!!

    0
  32. 32

    karel santralleri

    June 8, 2009 1:55 am

    Thank You..
    karel santralleri

    0
  33. 33

    wow!
    Thanks a lot!

    0
  34. 34

    great job!! thank !!!

    0
  35. 35

    webseite erstellen

    April 7, 2010 7:34 am

    These really helped me to build my homepage, I can really appreciated if people take some time and write a usefull tutorial.

    0
  36. 36

    I really like your site. I want to know if i can receive e-books from you and if i can get new information.
    I believe you can go a long way to helping my IT career

    0
  37. 37

    thanxxx

    0
  38. 38

    really cool work ..thanx alot

    minashikkar

    0
  39. 39

    Awesome! Thanks so much!

    0
  40. 40

    Awesome list… Thanks Sven Lennartz

    1
  41. 41

    Karl-Heinz Runge

    March 8, 2011 5:09 am

    Wow what a list of useful resources – thanks a lot :-)

    0
  42. 42

    Truly a round-up !
    Thank’s for the rich list guys.

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top