#javascript (1,100 links)
This is a land where HTML, CSS, and JavaScript are almost all you need, and I like it. I’ve become a firm believer in moving giant hunks of functionality that used to belong to the server over to the client. For a variety of reasons, I think it’s clear that this is where most interesting web development is headed, to the extent it’s not already there.
- Combining media queries and JavaScript - QuirksBlog quirksmode.org
A riposte from PPK. Sounds like it's feasible but bloody hard work.
Usually, objections to this plan [requiring JavaScript] do not equate to predictions that we’re going to screw that up or that it won’t be sufficient; rather, they represent an opinion that requiring Javascript for a web application is an automatic accessibility violation. This might be partly a historical feeling, as some older accessibility standards contained language that said (or could be taken to imply) that in order to be accessible, a site had to work with Javascript turned off. I don’t know what motivated the inclusion of those clauses at the time, but would note that most modern accessibility standards merely say that one’s site must be accessible (regardless of whether or not it uses or requires client-side scripting).
Via paul.irish.
- HTML5 Boilerplate - A rock-solid default for HTML5 awesome. html5boilerplate.com
Spiffing!" After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on."
Via monospaced.
- Google JavaScript Style Guide google-styleguide.googlecode.com
Via twoplusfour.
Via twoplusfour.
- Spoiled Milk ApS > Blog » HTML5: Changing the browser-URL without refreshing page spoiledmilk.dk · Archived on
"This new feature offers you a way to change the URL displayed in the browser* through javascript without reloading the page. It will also create a back-button event and you even have a state object you can interact with. This means you won’t have to use the hash-hack anymore if you want add state to your AJAX-application, and search engines will be able to index your pages too." Not IE, of course.
- High Performance Web Sites :: Diffable: only download the deltas stevesouders.com
Diffable uses differential compression to reduce the size of JavaScript downloads. It makes a lot of sense. Suppose your web site has a large external script. When a new release comes out, it’s often the case that a bulk of that large script is unchanged. And yet, users have to download the entire new script even if the old script is still cached.
- Molecular Voices » The best front-end development RSS feeds molecularvoices.molecular.com · Archived on
Via paul.irish.
- HTML5 Video Player | Video JS videojs.com
A javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.
Via twoplusfour.
- Google Mapplets - Google Code code.google.com
Mini-applications that run within Google Maps. You can create Mapplets that add new features or overlay your data on Google Maps.
- Time Zones everytimezone.com
Never warp your brain with time zone math again.
Via gilest.
- ColorBox - customizable lightbox plugin for jQuery 1.3 & 1.4 colorpowered.com
- HTML5 enabling script remysharp.com
Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements.
Essential Tools for developing Javascript in TextMate
- You Can Use CSS3 Right Now | Design Informer designinformer.com
- Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus plupload.com
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.
Cake or death?
Not entirely buying all the arguments in this one but raises some very worthwhile points.
- Web Security: Are You Part Of The Problem? - Smashing Magazine smashingmagazine.com
Via twoplusfour.
- WebGL - Wikipedia, the free encyclopedia en.wikipedia.org
"A standard specification currently being developed to display 3D graphics on web browsers. It enables hardware-accelerated rich 3D graphics in web pages without the need for special browser plug-ins, on any platform supporting OpenGL or OpenGL ES. Technically it is a binding for JavaScript to native OpenGL ES 2.0 implementation, to be built in to browsers." Blimey. It's running in Firefox and Webkit nightlies, apparently.
- High Performance Web Sites :: Google Analytics goes async stevesouders.com
It’s extremely cool to see this pattern being evangelized for such a major piece of the Internet.
- minify - Project Hosting on Google Code code.google.com
"A PHP5 app that helps you follow several of Yahoo!'s Rules for High Performance Web Sites. It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers." Hubba, hubba.
- LABjs: new hotness for script loading | getiblog blog.getify.com
"A general purpose script loader that aims to be able to effectively load any script resource(s), from any location, into any page, at any time. It loads them all as parallel as the browser will allow, but maintains execution order when you express the need to do so in the usage of the API, for keeping dependencies safe." Very pleased this has gone 1.0.
"A plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a "Swiss Army Knife", and makes a great base as a general purpose windowing framework."
Instead of downloading all Jquery-plugins, you might or might not need, Lazy downloads the plugins when you actually use them.
A utility-belt library for Javascript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in Javascript objects. It's the tie to go along with jQuery's tux.
- Dr Nic ’s To WebKit or not to WebKit within your iPhone app? drnicwilliams.com
Good and bad things about the WebKit within an iPhone app.
Via chrisdodo.
- The Trouble with Lightbox (and its Variants) - Monday By Noon mondaybynoon.com
Breaking the back button, proposed fix.
Via alastc.
- QuirksBlog: There is no WebKit on Mobile quirksmode.org
"All 10 mobile WebKits I’ve identified so far are subtly or wildly different." Bugger.
- Building iPhone Apps with HTML, CSS, and JavaScript building-iphone-apps.labs.oreilly.com
- Flowplayer - Flash Video Player for the Web flowplayer.org
An Open Source (GPL 3) video player. Highly skinnable and extendable.
- High Performance Web Sites :: Mobile Gmail and async script loading stevesouders.com
With mobile on my mind, I was blown away by the awesome performance tips in this blog post: Gmail for Mobile HTML5 Series: Reducing Startup Latency. This post hits on the main point of my recent book - the impact of loading JavaScript. This is the #1 performance issue for today’s web apps.
"Enables you to easily add Microsoft Ajax Library and jQuery scripts to your Web applications" if, horror of horrors, you should need to do something involving MS Ajax.
Via demwunz.
- Jamal jamal-mvc.com
A set of conventions and small javascript libraries to archieve a complete separation of html, css and javascript in your web application. Jamal is built on jQuery and inspired by MVC frameworks like Ruby on Rails, CakePHP and its derivatives.
- Online javascript beautifier jsbeautifier.org
"This beautifier can process your messy or compacted javascript, making it all neatly and consistently formatted and readable." Handy for making sense of minified scripts.
- svgweb - Project Hosting on Google Code code.google.com
A JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base. Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in about a 60K library.
- jQuery Changeset 6481 dev.jquery.com
Turn entire content blocks in to clickable targets.
"What you really need are tabs, tooltips, accordions, overlays, high usability, striking visual effects and all those "web 2.0" goodies that you have seen on your favourite websites." Or perhaps, "what you always get asked to provide, whether you like it or not".
Nicely done. "slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images".
- JSONLint - The JSON Validator. jsonlint.com
Via demwunz.
- jQuery Ticket #4889 dev.jquery.com
'isReady' never gets set in FF3.5 if jQuery loaded after domready
Via twoplusfour.
"Web Workers allow you to run JavaScript in parallel on a web page, without blocking the user interface." Mmm, cool.
- PhoneGap | Cross platform mobile framework phonegap.com
An open source development tool for building fast, easy mobile apps with JavaScript. If you’re a web developer who wants to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android and Blackberry SDKs, PhoneGap is for you.
- satine.org » Snow Stack is Here satine.org
Looks cool. Wish I could be bothered to install the Webkit nightly so I could see it in context.
- Replace document.write using MooTools subtlegradient.com
Maybe you want to use AJAX to load a script that requires the use of document.write. But after teh page has loaded document.write tends to destroy the universe without even asking first! Solution: Replace document.write!