background preloader

Vanilla JS

Vanilla JS

Related:  Vanilla JSFRAMEWORKS & LIBRARIES JavaScriptkorsettlove

Redactor WYSIWYG html editor by James Fenimore Cooper Winding its way among countless islands, and imbedded in mountains, the "holy lake" extended a dozen leagues still further to the south. With the high plain that there interposed itself to the further passage of the water, commenced a portage of as many miles, which conducted the adventurer to the banks of the Hudson, at a point where, with the usual obstructions of the rapids, or rifts, as they were then termed in the language of the country, the river became navigable to the tide.​ "Come," he said, with a good-humored smile; "the buck that will take to the water must be headed, and not followed."

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. Make Your Website Interactive and Fun with Velocity.js (No jQuery) — SitePoint Special thanks from me go to James Hibbard and the developers behind Velocity for reviewing this article. Also to users and developers who contribute and have contributed to Velocity over the years. In this article I introduce Velocity.js, a fast and high-powered JavaScript animation engine by Julian Shapiro.

[attribute] There are lots of ways you can select elements in CSS. The most basic selection is by tag name, like p { }. Almost anything more specific than a tag selector uses attributes — class and ID both select on those attributes on HTML elements. But class and ID aren't the only attributes developers can select. We can use any of an element's attributes as selectors. morris.js Getting started Add morris.js and its dependencies (jQuery & Raphaël) to your page. 1 <link rel="stylesheet" href=" <script src="//"></script>3 <script src="//"></script>4 <script src=" If you don’t want to use the CDN-hosted assets, then you can extract them from the zip bundle and upload them to your own site.

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. Next.js We're very proud to open-source Next.js, a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel, which powers this very site! The "Hello World" of Next.js To start using it, run inside a new directory with a package.json: $ npm install next --save $ mkdir pages

jQuery Cheat Sheet Resource Online jPages What does it do? jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load. Apart from all its features, the main diference for the other pagination plugins is that with jPages you can create as many navigation panels as you want and you can choose exactly where to place them. The plugin is very unobtrusive and it won't apply any extra styles to the items you are paginating.

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. Choosing Vanilla JavaScript in 2016 – Andrew Rabon HTML templating with <template> and ECMAScript 2015 template strings The HTML5 <template> tag has been around for a few years and is fairly well-known and implemented. Elements inside a <template> tag are considered inert and do not get rendered or instantiated. The pattern is that your JavaScript will clone the elements inside when it wants to render them: <template class="hello-template"> <div class="hello"> Hello, world! </div></template>

Related:  Webdesign