Tutorials Round-up: Ajax,CSS,PHP and more
Ajax
The purpose of this tutorial is to explain, step-by-step, how to create an AJAX desktop/homepage. The homepage we will create will have most of the capabilities of established homepages like Netvibes, PageFlakes, etc.
Use Ajax to build an RSS reader
Free w3schools AJAX Tutorial
You know how to use AJAX to pull rows from a database, but do you know how to create an AJAX-based system to organize the records neatly into pages? You’ll know how to do that by the end of this series! This first article shows you how to build the user interface.
“In this tutorial I will explain how to open a mysql database connection using PHP and the all popular AJAX” – by John Wiseman
In this article, we’ll create a drag drop system using JavaScript that will let you drag an item to its new position, and then save the new order as soon as you drop the item. Here’s an example…
In this two-part “Developing PHP the Ajax way” series, you will create a simple photo album as an online Web application, entirely in PHP and the Simple Ajax Toolkit (Sajax).
Part 1 shows how to develop a basic photo gallery using Sajax, PHP, and JavaScript. In building a history stack for the application, we will rely on client-side technologies and integrate directly into the code from Part 1. This article assumes an understanding of JavaScript and browser cookies.
An AJAX introduction from ‘A List Apart’ by Aaron Gustafson
Simple web programming tutorials
Here is a quick overview and example of AJAX in action
Understanding Ajax, a productive approach to building Web sites, and how it works
Use XMLHttpRequest for Web requests
Gain a complete understanding of HTTP status codes, ready states, and the XMLHttpRequest object
Convert HTML into an object model to make Web pages responsive and interactive
Use JavaScript to update your Web pages on the fly
Mix the DOM and JavaScript — those perfect Ajax companions — to change a Web page’s user interface without page reloads
Learn when it’s a good idea — and when it isn’t
Ajax client/server communication can be a tricky business
“The following is a list of what I consider the be the best and most helpful AJAX tutorials that I’ve found over the past year”
“These examples and how-to’s represent the best tutorials that I’ve personally used or otherwise had the opportunity to work with out of the overall group. This post is intended for individuals who learn best by example”
“most of the links that I find are tutorials and I applaud this. The following is a list of what I consider to be the best and most helpful AJAX tutorials I’ve found in the last two months.”
40 Tutorials and Articles
“Below, you’ll find a list of tutorials, examples, and articles that will detail many of the security implications of using AJAX..
In this tutorial, we went through the concept of how to create a web calendar using AJAX and PHP. I left the details in the code to prevent the tutorial becoming too long and indigestable….
A quick Ajax tutorial
Ajax Tutorials and Workshops
In this article, I’ll explain the creation of one simple, reusable JavaScript function for making HTTP requests. Then, I’ll apply that function in the creation of a simple application. By Stoyan Stefanov.
This article aims to give you an introduction to the foundations of remote scripting, in particular, the emerging XMLHttpRequest protocol.
Tutorial by Jim LeyCSS
By Rogelio Vizcaino Lizaola and Andy King
Cameron Moll – Authentic Boredom
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.
Advanced CSS demos and bug reports
Making Cascading Style Sheets Easy to Understand
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 and HTML examples, demonstrations and tutorials
A List Apart Tutorial by Sergio Villarreal
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.
A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts.
Horizontal and Vertical CSS Menu Tutorials
CSS Tutorial von w3schools.com
The Complete CSS 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.
This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float
Listutorial takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists
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.
by Andrew Krespanis – Making Simple Work of Complex CSS Layouts
hands on css tutorial – This tutorial teaches CSS using both hand-coding and Style Master for Windows.
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.
Cascading style sheets tutorials and style guide
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
Russ Weakley – Creating a graph using percentage background images
Basic CSS Bar Graph, Complex CSS Bar Graph, Vertical CSS Bar Graph
Tobias Lutke
This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries
Things to Do With CSS When You’re Bored at Work
Below is a sample image map that’s built entirely using CSS and XHTML…
This experiment uses CSS to create an image map with CSS pop-ups
Creating a Star Rater using CSS
CSS Star Rating Part Deux
Example 1
Using a list item to create a star rater
Example 3
By: John Gallant, Holly Bergevin
Using :before and :after pseudo elements to create beautiful drop shadow on standard browsers. Use built-in drop-shadow filter for Ie.
Drop Shadows are a nice way to beautify images….
This is a pure CSS image switcher that is lightweight and standards-compliant. It could be used for a gallery or any similar function…..
I didn’t use nested unordered lists. Instead, I used just one unordered list……
Stu Nicholls
…super light-weight (8kb) roll-over photo gallery that uses nothing but CSS…
Stu Nicholls Photo Galleries – vertical slide & horizontal slide
Build Accessible Menu Tabs – by Trenton Moss
There are so many different techniques now, it really depends on your individual requirements and preferences; particularly whether you want to use a JavaScript-based technique or not…..
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
open new customised windows with JavaScript
Anleitung fur CSS Popups von Eric A. Meyer
Anleitung fur CSS Popups von Eric A. Meyer, zweiter Teil
The next page of this article is almost identical to Eric Meyers tutorial but the documents which follow show a very different approach as to how to pop up images (or even text and images at once)
Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.
Sweet Titles 1.0, Documentation, JavaScript Files, CSS File
This document explains how to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.Continue Reading | Source: Smashing Magazine
Related posts:
- Free Resources : Developing Ajax Applications
- 40+ Tooltips Scripts with AJAX, Javascript and CSS
- Hand-Picked Photoshop Tutorials
- Adobe Dreamweaver Tutorials
- Portrait Effects Photoshop Tutorials
Looking for something else?
Subscribe to our feeds via email.
(Dont worry we hate spam too!)
- About inAm
- Hi, my name is inAm, i am a tech-blogger and currently pursuing my degree in Software Engineering. I started blogging just for fun of being part of larger blogging community with similar interests but with time i have now developed addiction to it. I started Tempting Magazine in February 2009 and in just first two months my blog jumped to a Page Rank 3. If you like my posts please show some love by bookmarking them.
July 27th, 2010 at 8:34 am
i’ve had my pure for a week now and i nonetheless dont know what to do… like altering the message alert tone to whatever i want it not just the fundamental ones on the phone… all the things about this cellphone is complicating.. i additionally wanted to vary to that android software program because home windows is just too slow and someone please help me how to do that