Webdev

jQuery & JavaScript Articles For The Community. Francis Hwang: Should your web application be rich-client from day one? For the sake of discussion, I'm going to make a recommendation about the state of web application development today: If you are writing a new web application, you should make it a rich-client application from the start.

Your servers should not generate any HTML. You should do all that work in the browser with a Javascript framework such as Backbone.js or Ember.js, and the server should only talk to the browser via a REST API. I'm not saying I believe this idea 100%, mind you. But I feel like we may be reaching some sort of specific tipping point, and I'm interested in teasing out why this would or wouldn't be a good idea. There's bad news, and there's good news There are plenty of good reasons to avoid jumping on this particular bandwagon: But no matter how rickety the wheels look, there are some good reasons to jump on this bandwagon right now: One day, you'll want all those APIs defined anyway, for iPhone apps, Android apps, mobile-optimized sites, partners, power users, etc.

How I built the Hacker News mobile web app - cheeaunblog. Last month, I tweeted about one of my recent projects, the Hacker News mobile web app.

It's a simple little app to read Hacker News' stories and comments in Mobile Safari. It started out as an experiment for me to try one of the new CSS extensions introduced in Mobile Safari in iOS5, -webkit-overflow-scrolling: touch which uses native-style scrolling in an overflow: scroll element. Before working on this app, I've also worked on another project called Kanade which is a mobile web app that shows a list of anime series for every season. Despite the functionality, the actual reason I create it is that I want to try creating a web app that not only looks native but feels native.

There were a bunch of articles for the past few months on the topic of web apps vs native apps which everyone tries to outline the advantages and disadvantages of both platforms. Responsive Design: Progressive Enhancement, Part Deux! 10 Best jQuery Plugins Of January 2012. jQuery can be defined as a cross browser Java script that is basically used to design with a purpose of simplifying the scripts on the client side of HTML.

It is used on many websites all across the globe and is the most popular java script today. It is free and an open source document and its main purpose are to help navigate software. Another use is that it helps to create plugins of the java script. Along with the famous computer companies like Microsoft many famous mobile phone companies have also started using it. It is also the most advanced lightweight and powerful cross browser.

Also JQuery plugins are used by a lot of designers across the globe and the fact that it comes with these plugins makes it more powerful. A lot of jQuery plugins have been developed lately to create outstanding effects on the website and make it look more impressive. 1) Cloud Zoom Cloud Zoom is a free jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. 2) jMpress js. Learning JavaScript Design Patterns. Design patterns are reusable solutions to commonly occurring problems in software design. Stop paying your jQuery tax. Reminder, script tags block rendering It is common advice to move all your external JavaScript includes to the footer.

Recently, the movement for fancy JavaScript loaders like ControlJS, script.js and so on has also picked up steam. The reason for this advice is sound and pretty simple. Nothing, Nada, Zilch below non asynchronous or deferred script tags gets rendered until the script is downloaded, parsed (perhaps compiled) and executed. With one tiny exception that is Delayed Script Execution in Opera. Often people avoid the async attribute on script tags cause they usually execute in the order they return this means you need to be more fancy about figuring out when the script is ready.

Why is that jQuery synchronous script include stuck in the html 'HEAD' section? jQuery solves the age old problem of figuring out when your document is ready. $(wowThisIsSoEasy); // aka. How Browsers Work: Behind the scenes of modern web browsers. Web browsers are the most widely used software.

In this primer, I will explain how they work behind the scenes. We will see what happens when you type google.com in the address bar until you see the Google page on the browser screen. The browsers we will talk about There are five major browsers used on desktop today: Chrome, Internet Explorer, Firefox, Safari and Opera. On mobile, the main browsers are Android Browser, iPhone, Opera Mini and Opera Mobile, UC Browser, the Nokia S40/S60 browsers and Chrome–all of which, except for the Opera browsers, are based on WebKit.

The browser's main functionality. Star Ratings With Very Little CSS. A Responsive Experience. – February 15th, 2012 – Since I saw Ethan’s talk in An Event Apart in Seattle 2010, I’ve been thinking a lot about Responsive Design.

XaoS.js.