It’s hard to believe what began as couple of computers communicating through phone lines now forms the foundation for our jobs and allows even more our mothers to be bloggers. But none of this would be possible without The Web Standards Project fighting to persuade browser makers to support common standards.

Vitamin T and An Event Apart has designed a lovely infographic: A Brief History of Web Standards that looks at the past, present and future of Web Standards. Journey with us into the recent past―and who knows, what you learn may enable you to make your contribution the next major bullet point in the timeline of the Internet!

Published under: Information

William Malone has written a great tutorial: Create a Drawing App with HTML5 Canvas and JavaScript, that will take you step by step through the development of a simple web drawing application using HTML5 canvas and JavaScript.

The aim of the article is to explore the process of creating a simple app. You will be able to learn how to draw dynamically on HTML5 canvas, the future possiblities of HTML5 canvas, and the current browser compatibility of HTML5 canvas along the way. You can also download the HTML5 Canvas Drawing App in .zip format.

Published under: Information | License Free

PayPal is the most popular platform for receiving online payments today. The ease of opening a PayPal account and receiving payments compared to opening a merchant account with a traditional payment gateway is probably the number one reason for its popularity, with a close second being the comprehensive API that PayPal provides for its payment services.

SmashingMagazine has published a really useful article: Getting Started With The PayPal API for building E-Commerce sites or Web Applications. In the article, they will break down some of the techniques and approaches to working with the PayPal API, in order to make integration and troubleshooting simpler and easier.

Published under: eCommerce | Information

Addy has written a really nice article to discuss an effective set of Patterns For Large-Scale JavaScript Application Architecture. Large-scale JavaScript apps are non-trivial applications requiring significant developer effort to maintain, where most heavy lifting of data manipulation and display falls to the browser.

If working on a significantly large JavaScript application, remember to dedicate sufficient time to planning the underlying architecture that makes the most sense. It’s often more complex than you may initially imagine. Take a look at this great article, I am sure you will learnt a lot too.

Published under: Information

The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. However, it is difficult to find the right documentation for what we search for. Try to search for the .is() function for example. Over 100 matches before the actual function we are looking for. And it is a fixed layout.

jQAPI is an Alternative jQuery Documentation, which is very fast and slick. The navigation becomes much more easier. And the style is clean and comfortable to use. In my opinion, it should be the best alternative jQuery documentation out there.

Published under: Information | License Free

For almost all webmasters, Google Analytics is an best way to collect information while experimenting and study what’s going on with your website or web application. Tweaking Google Analytics can give some terrific data that wouldn’t be available by using their default setup.

Alan Johnson has published an article: Advanced Google Analytics for Startups, which tells us how to use Custom Variables and Advanced Segments to get more useful information from Google Analytics.

Published under: Information | Stats

Nick La has written a detail tutorial on how to create an Animated Scroll to Top as seen on Web Designer Wall. It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater than certain value, then fade in the scroll to top button. Upon the link is clicked, it scrolls the page to the top.

Note the back to top button is linking to anchor #top which is the ID of the <body> tag. Technically speaking you don’t need to assign any anchor link because jQuery can scroll the page to any position. However, it is nice to include it because it provides a fallback if Javascript is not supported.

Published under: Information | License Free

Laker is a compendium of files, styles and tips for designing digital publications in HTML5. This development guide shall help you solving some of the common problems when designing and building a digital publication with HTML5. It provides you with all information about files, scripts, styles etc. used in Laker.

Laker uses a customized version of the “Baker ebook framework” for producing an iOS app. It basically reads a bunch of HTML files and displays them one after another. Designing pages and adding interactivity is all done in HTML5. That makes it more accessible and cheap to develop, because you do not need any proprietary software.

Published under: Information | License Free

HTML5 Cheat Sheet:

 

HTML5 Canvas Cheat Sheet:

 

HTML5 Glossary:

Published under: Cheat Sheet | Information

Nick La was trying to style CSS3 border-radius to image element and he realized that Firefox doesn’t display border-radius on images. The trick is very simple: wrap a span tag around the image element. Specify the original image as background-image. To hide the original image, specify opacity:0 or display:none. He find using the opacity method is a better approach because the image will remain available for copy or download.

To make things easier, we can use jQuery to automatically wrap a span tag around the image, Darcy Clarke has written a piece of  jQuery code which does the magic tag wrapping automatically. You can view the tutorial on CSS3 Rounded Image With jQuery.

Published under: Information