February 2012
10 posts
2 tags
2 tags
SimpleVid: A jQuery Plugin for Self-Hosted Fluid... →
SimpleVid provides an easy way to host and embed your own fluid (in the resizable sense) videos. Think of it like a FitVids.js but for self hosted video. Handy. It even has a Flash fallback for browsers that don’t support H.264.
1 tag
Touchy.js: A Lightweight JS Library for Touch... →
Touchy.js by Jairaj Sethi is a simple, lightweight (just over 1KB when compressed) library for dealing with touch events in the browser. It has no dependencies so you can get started right away.
1 tag
1 tag
Clever PNG Optimization Techniques →
This article provides you with a good number of useful techniques that will help you optimize your PNG-images. The techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data.
2 tags
1 tag
psd.js: A Photoshop PSD File Parser →
psd.js is a general purpose file parser for PSD files created in Photoshop. Given a PSD file, it can parse out information such as image size and color modes, image resources, layer info, image contents, etc.
2 tags
1 tag
Stellar.js: Easy Parallax Effects in JavaScript →
Stellar.js claims all you need to do is add some simple data attributes to your markup, run its stellar() method, and.. you get to enjoy the latest visual effect du jour.
2 tags
January 2012
26 posts
2 tags
From jQuery to JavaScript: A Reference →
Jeffrey Way takes a variety of common jQuery tasks, and converts them to both modern and legacy JavaScript. Very handy if you’re more comfortable with jQuery than native JavaScript and want to pick up some techniques.
2 tags
HTML5 Canvas and Processing.JS →
Processing is a language and IDE for building visually oriented programs and processing.js is a JavaScript equivalent using the HTML5 Canvas. In this article, Joey Cadle goes step by step through the basics of using Processing.js to work with the canvas.
1 tag
Device and Viewport Size In JavaScript →
A quick live demonstration of how to grab the device and browser viewport sizes using JavaScript.
1 tag
TextExt: A jQuery Plugin to Extend Text Field... →
TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete and ultimate provides modularity and extensibility for enhancing text field functionality.
1 tag
The Top 12 JavaScript MVC Frameworks Reviewed →
Can’t remember the pros and cons of all those frameworks like Spine, Sammy, Sproutcore, Backbone, and the rest? Gordon L. Hempton runs through 12 of the most popular, lists their pros and cons, and picks Ember.js as his ultimate winner
1 tag
1 tag
Captain Obvious on JavaScript →
Reg Braithwaite demonstrates the power of using JavaScript’s first order functions, factoring expressions into functions, and using functions as building blocks in larger processes. A must read. I might call it ‘how functional ideas can make JavaScript rock’ perhaps ;-)
1 tag
WatchSteve Souders on JavaScript Performance
Steve Souders, Googler and general Web performance optimization guru, recently gave a talk at SFJS about the performance of asynchronous JavaScript loading in the browser. Here are the slides which, luckily, can mostly stand on their own.
2 tags
Understanding MVC And MVP (For JavaScript And... →
Addy Osmani looks at the popular Model-View-Controller (MVC) and Model-View-Presenter (MVP) models of application development and how they apply to JavaScript developers. There’s a lot to read here but it’s worth it.
2 tags
Building a jQuery Mobile Application, Part 1 →
The first part of a series of articles about building a mobile app using jQuery Mobile. Part 1 is from November 2011 but he finished the whole 4 part series this week.
2 tags
Random Notes on WebGL →
Armin Ronacher spent a lot of time over the Xmas break porting his Minecraft-style rendering engine to WebGL and JavaScript. In this attractive blog post, he shares some of his observations and tips on the process.
1 tag
The contenteditable attribute →
Jack Osborne looks at the ‘contenteditable’ HTML attribute which allows you to specify if an element can be edited by someone who’s viewing the document. Intriguingly, even the ‘style’ tag can be edited in this way.
2 tags
A Recreation of Command and Conquer using HTML5...
C&C - HTML5 v0.3b
As a huge fan of both JavaScript and the Command & Conquer games, I’m extremely impressed.
Aditya Shankar has built an intriguing reproduction of the 90s real time strategy game Command and Conquer using HTML5 and JavaScript. It takes a while to load, but it plays, and there’s a link to an article about how he developed it.
2 tags
HTML5 Semantics
Good read here
http://coding.smashingmagazine.com/2011/11/18/html5-semantics/
Here’s my favorite part
Along the way, we’ll see that HTML5 semantics are carefully designed to extend the current capabilities of HTML, while always enabling users of older browsers to access the content. We’ll also see that semantic markup is not “nice to have,” but is rather a cornerstone of Web...
5 tags
G5Framework Tabs
jQuery Tabs functionality from the updated version of G5Framework
1 tag
What You May Not Know About jQuery (in 5 Methods) →
An explanation and live examples of five different jQuery methods that Burke Holland wasn’t previously aware of.
2 tags
Web Browser Grand Prix VIII: Chrome, Firefox, IE,... →
The popular Toms Hardware site pits Chrome 16, Firefox 9, IE 9, Opera 11.60, and Safari 5.1 against each other in a performance shoot out on both OS X and Windows 7. Firefox took the crown on Windows and Safari on OS X.
1 tag
M.I.T. Game-Changer: Free Online Education For All... →
The Massachusetts Institute of Technology (M.I.T.) will announce on Monday that they intend to launch an online learning initiative called M.I.T.x,which will offer the online teaching of M.I.T. courses free of charge to anyone in the world.
The program will not allow students to earn an M.I.T. degree. Instead, those who are able to exhibit a mastery of the subjects taught on the platform will...
2 tags
1 tag
When Google Met Facebook
Day 67 of the Google Search+ (Antitrust+) debacle. Today brings a few new entrants, notably Harvard professor and security expert Ben Edelman who argues (yet again) that Google is unfairly pumping their own products. Also joining the discussion is my CrunchFund partner Michael Arrington.
Read More
1 tag
1 tag
Big ways the internet is changing our brains →
THE INTERNET IS OUR EXTERNAL HARD DRIVE
We don’t have to remember phone numbers or addresses anymore. Instead, we can just hop on our email or Google to look it up. According to a study by Science Magazine, “the Internet has become a primary form of external or transactive memory, where information is stored collectively outside ourselves,” and our brains have become reliant on the...
1 tag
1 tag
1 tag
11 examples of HTML 5 parallax scroll effect →
The parallax scroll effect means displaying multiple background layers that can be scrolled independently in horizontal and vertical directions.This amazing effect was approached in the beginning of 2011 by Nike in their Nike Better World project, and since then, everyone has approached it and created some amazing works. This showcase presents 11 websites that use the parallax scroll effect in...
1 tag
December 2011
22 posts
1 tag
jquery.animate-enhanced plugin →
Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. Compatible with IE6+
1 tag
1 tag
1 tag
The HTML5 'output' Element →
Coming in to the ever growing list of HTML5 tags you might not have heard of before is.. ‘output’. Richard Clark shows off what it’s for and how to work with it.
3 tags
1 tag
2 tags
GoDaddy Faces boycott over SOPA support →
Major Internet companies have formed a united front in their opposition to the Protect IP Act and the Stop Online Piracy Act. Well, almost. One exception has been the domain registrar GoDaddy. In a op-ed published in Politico shortly after SOPA was introduced in the House, GoDaddy applauded the bill and called opponents “myopic.”
Need to move my domains over to another domain registrar,...
2 tags
Chrome 15 Now World’s Most Popular Single Browser →
Chrome still hasn’t trumped IE or Firefox for browser supremacy but in terms of being the most popular version of a browser, Chrome 15 has scooped it. Chrome’s automatic updates seem to be a winning factor.
2 tags
Stop Internet Explorer from downloading CSS3PIE... →
This post shows how to prevent IE from downloading the PIE.htc file twice on the first page request, and how to prevent IE9+ from downloading it at all.
1 tag
Some HTML5 Resources Worth Checking Out →
As the weeks go by, I find tons of new developer resources, tools, and things worth looking into.
I wrote a similar roundup of JavaScript resources, so this time I’m covering stuff related to what we commonly call “HTML5″ (even though a lot of this stuff could easily fall under a “JavaScript” umbrella too).
1 tag
Tubular: YouTube Background Player jQuery Plugin →
Tubular is a jQuery plugin that lets you use a YouTube video as your page background. Just attach it to your BODY tag, specify a YouTube video ID and tell it the ID of your content wrapper.
1 tag
The 50 Most Useful jQuery Plugins from 2011 →
All hail the list post. The SpeckyBoy blog rounds up 50 choice jQuery plugins with aplomb. Includes the usual screenshots for each choice and certainly worth a quick scan.
1 tag
1 tag
What You Need To Know About The HTML5 Slider... →
HTML5 brought a lot of new tags and new rules on how the old ones should be used. One of them is the range input element, or the slider. This control has been available in operating systems for decades, but is only now that it has found its way into the browser.