AddyOsmani has written a really throughout article on Building Single Page Applications(SPAs) With jQuery’s Best Friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating.
SPAs are web applications or websites which persistently run in the same page without requiring a reload for further navigation. All of the code needed for your initial load in these applications is driven by either local data or data retrieved from a web server on demand, such as any additional data required from your app that might be driven by user actions.
Requirements: jQuery, Backbone.js, Underscore.js, LAB.js
Demo: http://addyosmani.com/resources/backbonegallery/
License: License Free
BundleHunt 3 Now on Sale with Unprecedented Value for Designers and Creatives, featuring 20 popular design resources and applications normally valued at over $1287 for just $49.
The bundle includes such interesting products as Pictos Icon Set, GoMedia Arsenal Ultimate Vector & Font Collections, Wordpess themes from Press75, the newest Smashing eBook and 3 month MultiSitePlan from WPEngine.
BundleHunt 3 is offering the pack for 14 days only. The sale ends at midnight, EST on Feb 21th. Information on each product and screenshots can be found there. What are you waiting for?
You should take time to design your URL structure. Don’t leave it up to your framework. Don’t leave it up to chance. Think about it and craft an experience. URL Design is a complex subject. There’s good URL design, there’s bad URL design, and there’s everything in between – it’s subjective.
But that doesn’t mean there aren’t best practices for creating great URLs. Kyle Neath has written a great article to show you some best practices in URL design and explain why new HTML5 javascript history APIs are so exciting to work with.
Source: http://warpspire.com/posts/url-design/
We have collated a set of Cheat Sheets for Web Developers a while ago. Now, we have one extra cheat sheet to add to our excellent collection.
How many times have you gone to the jQuery UI themeroller page, scrolled down to the bottom, hovered over the icon you wanted, and then looked at the hover tooltip to find the icon name? jQueryUI Icons Cheatsheet shows you all jQueryUI Icons for your reference.
Source: http://www.petefreitag.com/cheatsheets/jqueryui-icons/
Web development, is the craft of realising a description of a website or app as a real, working thing. Front-end development is the part of this involving the browser. On the upside, you can get the rewarding feeling of making a Photoshop file into something living, that people can actually use instead of just look at. But on the downside, you have to trick and occasionally force-feed a design to, say, IE6. To say this part of the job requires a certain degree of bloody-mindedness is to be quite understated.
David Barrett is going to show us three things in the article: Getting to Work with New Web Technologies. Firstly, he will introduce to some new front-end technologies, like HTML5 and CSS3. Secondly, he will show you a few different ways you can use these new technologies in your projects today. And thirdly, he is going to show you a few little demos of these things, and walk you through their implementations.
Source: http://stuff.contrast.ie/talks/newwebtech2010/
OAuth can be a tricky concept to wrap your head around at first, but with the Twitter API now requiring its use, it is something you need to understand before creating a Twitter application. This tutorial: Creating a Twitter OAuth Application will introduce you to OAuth, and walk you through the process of creating a basic application.
Requirements: OAuth
Demo: http://net.tutsplus.com/tutorials/php/creating-a-twitter-oauth-application/
License: License Free
Today we are going to look at the end-to-end tools and options you have for Building Large-Scale Enterprise jQuery Applications. Addy Osmani has put together a toolkit for large-scale jQuery application development by identifying the options you have available at the moment for dependency management, MVC with jQuery, templating, testing, minification and more.
Source: http://addyosmani.com/blog/large-scale-jquery/
Chrome team decided to write an online guide for everyday users who are curious about the basics of how browsers and the web work, and how their evolution has changed the way we work and play online. Called “20 Things I Learned about Browsers and the Web“, this online guidebook is built in HTML5, JavaScript and CSS3.
The app utilizes the History API to provide a clutter-free URL structure that can be indexed by search engines. The HTML5 canvas element is used to enhance the experience with transitions between the hard cover and soft pages of the book. The page flips, including all shadows and highlights, are generated procedurally through JavaScript and drawn on canvas.
Source: http://www.20thingsilearned.com/
AddyOsmani has just shared jQuery 1.4.3 Offline Learning Kit for anyone interested in tweaking their jQuery skills offline. It includes printable reference sheets so that whenever you’re wondering what selector or method might be best to use, you will have access to material that can assist with that. The pack also comes with all the 1.4.3 documentation in an easily browseable offline format (with all our API examples included).
This pack also includes a jQuery Mobile demo application – one for PHP developers and another for Rails developers. Rebecca Murphey’s excellent jQuery Fundamentals book is a wonderful starting point for increasing your knowledge and skills with both jQuery and JavaScript in general as well. You will find exercises for this included in the pack.
Requirements: –
Demo: http://addyosmani.com/blog/jq143offlinelearningkit/
License: License Free
Safari 5, the latest version of Apple’s web browser, introduces extensions. Safari extensions are small add-ons that you can use to expand Safari’s capabilities, built using simple HTML, CSS and JavaScript. In this tutorial: How to Create a Safari Extension from Scratch, you will learn the basics of extension development by creating a simple extension using Safari 5’s Extension Builder.
Requirements: Safari 5 Browser
Demo: http://net.tutsplus.com/tutorials/other/how-to-create-a-safari…
License: License Free
