JavaScript
Article

20 Interesting Web Dev Finds – MAY 2013 (Part 1/2)

By Sam Deering

Some cool web development stuff was found last month, here are the finds. Watch out for part 2 on our next post! Enjoy & leave a comment! :)

Interesting Web Finds – APR 2013
Interesting Web Finds – MAR 2013
Interesting Web Finds – FEB 2013

jQuery Conference Portland 2013 – jQuery Events

jQuery Conference Portland 2013 – jQuery Events

jQuery-conference.jpg
Source

I know jQuery. Now what?

Here is my (fairly unedited) quasi-ramble on how I used jQuery, and how I’m looking at where I’m using native browser technology.

I-Know-jQuery.jpg
Source

Reading files in JavaScript using the File APIs

The File API could be used to create a thumbnail preview of images as they’re being sent to the server, or allow an app to save a file reference while the user is offline. Additionally, you could use client-side logic to verify an upload’s mimetype matches its file extension or restrict the size of an upload.

File-APIs.jpg
Source + Demo

Apps for WordPress.com

Blogging at WordPress.com is great, and these applications make it even better by giving you more ways to post. Whether you’re blogging from your desktop, browser or on the go, make sure to check out these other ways to post to your WordPress.com blog.

Apps-for-Wordpresscom.jpg
Source

WebP

It is a new image format that provides lossless and lossy compression for images on the web. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller in size compared to JPEG images at equivalent SSIM index.

WebP.jpg
SourceDemo

WebRTC Tab Content Capture

The proposed APIs enable tab output to be captured as a media stream, and transmitted using WebRTC. Supporting APIs are also defined to notify and query the capture status for tabs.

WebRTC-Tab-Content-Capture.jpg
Source

LiveReload 2

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

LiveReload2.jpg
Source

CodeKit – It’s like steroids for web developers

CodeKit helps you build websites faster and better. Its flagship features are listed below and the one-minute teaser video to the right is a good place to start.

CodeKit.jpg
Source

Yeoman – Modern workflows for modern webapps

Yeoman 1.0 is more than just a tool. It’s a workflow; a collection of tools and best practices working in harmony to make developing for the web even better.

Yeoman.jpg
Source

Debounced resize() jQuery plugin

This isn’t exactly throttling, but it’s close. Basically debouncing will fire your function after a threshold of time (e.g. 100ms) has elapsed since the last time it’s tried to fire. Throttling would withhold subsequent firings, but debouncing waits for the last one and runs that.

Debounced-Resize.jpg
SourceDemo

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.