background preloader

Vanilla JS

Related:  FRAMEWORKS & LIBRARIES JavaScriptSaved Tech

SPIF - Streaming Progressive Image Format MultiRes is an image format that makes images look good on all screen resolutions, from mobile displays to Retina displays. Test it now! Zoom in to the photo on the left. You can use Ctrl/Cmd-+ to zoom in. Fluid Width Video IN A WORLD of responsive and fluid layouts on the web ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self hosting the video and presenting it via the HTML5 <video> tag. You might be using YouTube or Vimeo which provides <iframe> code to display videos.

Ext JS 4: Working with the Grid Component Exclusive offer: get 50% off this eBook here Ext JS 4 First Look — Save 50% A practical guide including examples of the new features in Ext JS 4 and tips to migrate from Ext JS 3 with this book and ebook. The Cost of Frameworks Update: Nov 16th 2015 - Added an extra row in the table for React under production conditions. The good news: it’s 3x slower than vanilla, yes, but in actual terms I’d say it’s fast for TodoMVC! The Polymer TodoMVC sample was also updated to version 1.2.2 today, and that, too, is faster. If you prefer watching to reading, here’s the video of the talk (you can also get the slides, too, if you like):

Sometimes I hack One of the cool things about working at Yahoo! is that you get to see and play with a lot of little toys before the rest of the world does. YUI was one such tool. I started playing with YUI while it was still in version 1, and its API was much different from what it looks like now. Among the toys I'd made was a bookmarklet to add drag and drop to any website. I used it on our internal sites until YUI was made publicly available. How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins Everybody knows about web forms and it has fast becoming part of our daily online interaction. Everyday we will need to enter some sort of information into a web form, whether it's a simple login to your web-mail account, an online purchase, or signing up for a website. These are the basic, and pretty much the effective way of gathering information on the web. Web application interface designs have evolved over the years, from the default browser style to having rich colour palettes design and dimensional background images. We have to thank the adoption of web standards and advanced CSS techniques for such improvements.

Ext JS 3 to 4 Migration Ext JS 4 is the most comprehensive upgrade to the framework we've ever released. From completely overhauled packages like Data and Charting, to widgets like the Tree and Grid that were rewritten from the ground up, Ext JS 4 represents a new level of power and flexibility in RIA development. In addition to enabling new features and capabilities, another goal of Ext JS 4 was to streamline the overall API and make it more consistent. HyperApp: The 1 KB JavaScript Library for Building Front-End Apps — SitePoint The problem is creating sophisticated web applications and dealing with the complexity of the tools we have at our disposal. HyperApp was born out of the attempt to do more with less. We have aggressively minimized the concepts you need to understand while remaining on par with what other frameworks can do.

Hogan.js Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. Blogography Over the years I’ve heard plenty of designers moan about their clients. I’ve also witnessed a recent outburst of complaints against authors and speakers on Twitter. However the group that rarely comes under fire in public, but probably should, are the mass of terrible agencies out there. Through my travels I get to speak to lots of designers and developers, and am constantly amazed by how smart, knowledgeable and engaged these folks are. These people care passionately about doing the right thing, but are thwarted time and time again. It’s not clients getting in the way and it’s definitely not the bloggers and authors building their influence.

Grid FAQ This FAQ is most relevant to Ext JS, 2.x, 3.x. This article is currently due for reviewWe suspect that this article may be out-of-date or contain incorrect information.But we are constantly editing articles, so we promise we will get to this one soon. If you are looking for an introduction to the Ext JS grid component, you might find our comprehensive guide very useful. This article covers troubleshooting grids, and some of the solutions to common grid issues.