Tutorialzine was one of those inspired people, he showed us how to create a Google Wave-like History Slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread.

The technologies we are using include PHP as a back-end, MySQL as data storage, jQuery, CSS and XHTML for the front-end with AJAX in between. The slider itself is a component created with jQuery UI.

Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2009/10/google-wave-history-slider-jquery…
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

The database of over 900 open web APIs and thousands of applications people have built with them is the most comprehensive resource of its kind. Indexed, cross-referenced, and up-to-date.

ProgrammableWeb also gives you the resources to learn how to use APIs and build applications. Get your hands dirty creating anything from weekend project mashups to enterprise apps to VC-funded companies.

Source: http://www.programmableweb.com/

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Nettuts has published an article: Supercharge Website Performance With AWS S3 and CloudFront, which shows you how to setup and use Amazon’s Web Services S3 and CloudFront to decrease website load time as well as show the performance differences.

There are a lot of ways to increase the performance of your website. Why not crank up the performance of your website if you can? Especially if it could save you money in the process.

Source: http://net.tutsplus.com/articles/general/supercharge-website…

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Woork has just released jQuery Visual Cheat Sheet, which is an useful and practical reference to jQuery 1.3 for web designers and developers. This cheat sheet (6 pages) contains the full jQuery API reference with detailed descriptions and some sample code. The simple visual style allows you to find at a glance everything you are looking for.

Requirements: -
Demo: http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Here we have collected the following 20 Professional Web Admin Templates on ThemeForest. You may find them useful when designing your own web application. Also, please do not forget we have published a tutorial of How to Create a Web App Admin User Interface, so that you can create your own unique one easily as well.

1) Simple Admin – Flexible

2) Profi Admin

3) Complex Liquid Admin

4) Cleanity Complete Admin

5) Ultra Admin Full Control Panel

6) FreshCMS

7) Flexy – Liquid Admin Skin

8 ) Sleek Admin Clean CSS Admin Skin

9) Titanium

10) Acid App Adminstration Panel

11) ProManager v2.0 Customized Admin CMS Skin

12) Clean CSS Admin Multiskin

13) Sitecore Liquid Admin

14) Broom Cupboard Admin Skin

15) Smart Admin High End CMS Theme

16 ) Elegent – Backend Admin Template

17) Splash Manager

18) Proadmin Template

19) Ninja Admin

20) eManager 1.0

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5. Many of the techniques discussed are already supported to some extent in some some modern web browsers (Safari and Firefox have the most extensive support), so you can get started right away.

CSS3 Tutorials and Resources

Get Started with CSS 3 – A basic guide to using CSS3.

Cascading Style Sheets Current Work – Details the progress the W3C is making on the CSS3 standard.

Border-image: Using Images for Your Border – A guide to the new CSS3 function for adding image borders.

Overview of CSS3 Structural Pseudo-Classes – A handy reference chart of structural pseudo-classes in CSS3.

Push Your Web Design Into The Future With CSS3 – An introduction to some of the new features in the CSS3 specification.

CSS3 Property Tests – An overview of which properties are currently supported in which browsers.

Rounded Corner Boxes the CSS3 Way – A tutorial for creating rounded corners with a new CSS3 method.

CSS3 Selectors Explained – An overview of some of CSS3 selectors, including selector syntax.

CSS3 Borders Preview – An article that covers some new border types, including rounded corner borders and gradient borders.

Box Shadow – Create a drop shadow behind an element.

RGBA Colors – A guide to alpha transparency with RGB colors.

CSS3 Multiple Columns – A guide to creating multi-column layouts in CSS3, which is way simpler (and better supported) than in previous versions.

@font-face in IE: Making Web Fonts Work – A guide to getting the @font-face property to work with Internet Explorer.

Progressive Enhancement with CSS3: A Better Experience for Modern Browsers – A guide to progressive enhancement (which is basically just graceful degradation in reverse) using CSS3.

CSS3 RGBA – A straight-forward tutorial for using the new RGBA feature to create transparent colors.

CSS3 Opacity – A guide to the transparency/opacity capabilities in CSS3.

Multiple Backgrounds – While currently only supported in Safari, the ability to use multiple background images is a really cool new feature of CSS3.

CSS3 Color Names – CSS3 supports 147 different colors by name (the 17 standard colors plus 130 more). This lists them all, along with their RGB and hexadecimal values.

CSS3 Background Images (Sizing and Multiple Images) – A guide to implementing multiple background images and sizing those images.

CSS Template Layout Module – This module will make more advanced, multi-column CSS layouts much easier.

CSS at Ten: The Next Big Thing – A slightly older article on upcoming features in CSS3, including lots of information on font support.

Fonts Available for @font-face Embedding – A page covering all the fonts currently licensed for @font-face embedding, either specifically or through other licenses, with download links for each.

Introduction to CSS3—Part 5: Multiple Columns – An introduction to the multi-column function in CSS3, including instructions for use and an example.

CSS3 Multiple Columns – Another handy guide to working with the multiple column function.

Word-Wrap – An introduction to CSS3’s word wrap feature.

Liquid Faux Columns with Background-Size – A tutorial for creating fake liquid columns using the background-size property.

Six Questions: Eric Meyer on CSS3 – An interview with Eric A. Meyer about CSS3 and it’s implications for the future of web design.

Semantic Code: Put More In, Get More Out – A quick example of how CSS3 selectors, when used semantically, can add functionality to your site.

The CSS3 ‘Box-Sizing’ Concept – An overview of the new ‘box-sizing’ concept and how it works.

Super Awesome Buttons with CSS3 and RGBA – A tutorial for creating relaly cool buttons using the RGBA feature of CSS3.

A Mock-Up Interface Using CSS3 Color – A tutorial for creating a mock-up of an OSX-like UI using CSS3’s color module.

Enhance Internal Page Links – A tutorial to improve the usability of internal links on your website.

Introduction to CSS3—Part 4: User Interface – A tutorial for manipulating elements, cursors, box layout, and other UI features.

Creating a Polaroid Photo Viewer with CSS3 and jQuery – A tutorial for creating a really cool photo gallery with images styled like Polaroid photos.

Overriding the Default Text Selection Color with CSS – A tutorial for changing the default highlight color compatible with Safari and Firefox only.

Making an Image Gallery with :Target – A tutorial for creating a gallery using the :target pseudo-class.

Styling Forms with Attribute Selectors—Part 1 – A guide to form styling using attribute selectors instead of class selectors.

CSS: Transition Timing Functions – An introduction to the transition-duration and transition-timing-function properties in CSS3.

CSS3 Corporate Fun – A great tutorial on creating a corporate-style navigation bar with dropdowns and rollover effects.

CSS3 and International Text – An overview of some of the international text functions currently in development for CSS3.

CSS Trick: Hidden Messages – A new trick in CSS3 for hiding message inside your text.

The Potential of Web Typography – A comprehensive overview of @font-face and its potential uses.

The Fundamental Problems with CSS3 – An article discussing the current issues with the CSS3 standard.

CSS3 Cheat Sheet – A PDF cheat sheet including the new features in CSS3.

CSS3 and HTML 5 Combination Resources

A Marriage Made in Heaven? HTML 5 and CSS3 – A basic overview of how CSS3 and HTML 5 will work together and what that means for the future of web design.

HTML 5 and CSS3: The Techniques You’ll Soon Be Using – A tutorial for building a blog page using the advanced features of HTML 5 and CSS3.

When Can I Use… – Look up which browsers support CSS3, HTML 5, and other technologies not supported by all browsers.

The Power of HTML 5 and CSS3 – A great overview of the possibilities when combining HTML 5 and CSS3.

HTML 5 Resources

A Preview of HTML 5 – An older article from A List Apart offering some information on the features and advantages of HTML 5.

Yes, You Can Use HTML 5 Today! – A guide to some of the currently-supported HTML 5 features and some who are currently using it.

HTML 5 Cheat Sheet – A downloadable PDF cheat sheet for working with HTML 5’s new features and functions.

Designing a Blog with HTML 5 – A complete tutorial for building a blog website with HTML 5.

Coding an HTML 5 Layout From Scratch – A complete guide to creating an HTML website from the ground up.

HTML 5 Boilerplates – A quick guide to some boilerplates supported right now.

A Selection of Supported Features in HTML5 – A chart showing some of the HTML 5 features currently supported in different browsers.

HTML5 id/class Name Cheatsheet – An online cheatsheet for the new ID and Class names in HTML5.

Preparing for HTML 5 with Semantic Class Names – An overview to the new structural elements in HTML 5 and how to prepare for them by using semantic class names in HTML 4.01 or XHTML 1.0.

HTML 5 Canvas—The Basics – A complete guide to using the canvas element in HTML 5.

HTML 5: Nav Ambiguity Resolved – A clarification of the new nav element in HTML 5.

HTML 5 + XML = XHTML 5 – An overview of how HTML 5 will interact with XML.

The Video Element – An introduction to the new video element in HTML 5.

Further Resources

CSS3.Info

CSS3 Exciting Functions and Features: 30+ Useful Tutorials from Noupe.

30 Essential CSS3 Resources from Carsonified’s Think Vitamin blog.

20 Useful Resources for Learning about CSS3 from Six Revisions.

CSS3 Unleashed Tips, Tricks and Techniques from W3Avenue.

20 Very Useful CSS3 Tutorials from Speckyboy Design Magazine.

HTML5 Doctor blog.

12 Resources for Getting a Jump on HTML 5 from Cameron Moll.

23 Essential HTML 5 Resources from Carsonified’s Think Vitamin blog.

About the Author

Cameron Chapman is a professional blogger and part-time web designer with more than six years of experience. She blogs at Cameron Chapman On Writing and is the author of the forthcoming book, Internet Famous.

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

CSS3 aren’t supported by all browsers yet. The border-radius property is supported by Firefox (since version 3.0), Safari (since version 3.1) and Chrome (since the first version), but it’s not supported by Internet Explorer or Opera (it should be implemented in Opera 10).

Although Firefox, Safari and Chrome support this property, they do so in slightly different modalities. For the sake of simplicity, BloggingCSS shows you how it is supported by Firefox and then explain the differences in Safari and Chrome.

Requirements: Firefox 3.0+, Safari 3.1+, Chrome 1.0+
Demo: http://www.bloggingcss.com/en/tutorials/the-css3-border…
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

However, this is not perfect at the moment. One glaring issue is that if you search for a word, then unhighlight the word, and then look for that word with the next word (”Lorem” => “Lorem ipsum”), the searcher doesn’t find the second word due to the way the nodes are in place.

Requirements: MooTools Framework
Demo: http://davidwalsh.name/dw-content/mootools-highlight.php
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

The JavaScript is where the real magic happens. They have made use of the jQuery library and Alexander Farkas backgroundposition.js script to help them make the background move. The final result looks very nice. However, it might consume a lot of your CPU resources.

Requirements: jQuery Framework
Demo: http://youlove.us/blog/the-youloveus-scrolling-background-effect…
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

BlogPerfume has compiled a list of “45 Best Free WordPress Themes of All Time” and “45 Essential WordPress Plugins for Pro Blogging“. I am sure you would find them useful if you are using WordPress as your blogging platform.

45 Best Free WordPress Themes of All Time

45 Essential WordPress Plugins for Pro Blogging

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images