background preloader

Chartist - Simple responsive charts

Chartist - Simple responsive charts
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Highly customizable responsive charts Facts about Chartist The following facts should give you an overview why to choose Chartists as your front-end chart generator: Simple handling while using convention over configurationGreat flexibility while using clear separation of concerns (Style with CSS & control with JS)Usage of SVG (Yes! These projects and wrapper libraries are known to me right now that either use Chartist.js or wrap them into a library for usage in a framework. Cross-browser support Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary.

http://gionkunz.github.io/chartist-js/

Related:  fayssoilVeilles TechnologiqueJS LibrariesWeb DevelopmentJavascript

Glitch Effect on Text / Images / SVG Lucas Bebber's Glitch is a super cool effect. It's like you're looking at some text displayed on a progressive scan monitor that has been dropped on the ground one too many times and so the alignment of the pixels is off in weirdly un-even amounts time and space. It's bonafide CSS trick if there ever was one! It took me a bit to figure out how it was working, so I thought I'd explain. Then I ended up making it work for other kinds of content as well as making it into a group of Sass @mixins to make working with it a bit easier. Three Copies of the Text

Keypress: A Javascript library for capturing input The first thing to do is include the JavaScript file in your page. Once you've got that loaded in, you'll want to start by instantiating a listener: var listener = new window.keypress.Listener(); Once you've done that you can register combos with that listener you've created. The simplest way to do that is using the simple_combo API. User Experience (UX) Design Learning Path by Julia DeBari Introduction This Learning Path is a curriculum of UX Design courses, videos and resources from across the internet, organized into a logical sequence that a beginner can follow. Take a moment to think about you favorite website or mobile app or electronic device. What makes you love it?

Understanding the four layers of JavaScript OOP JavaScript OOP is baffling: on one hand, there is a simple core, on the other hand, there are some really weird things going on. I’ve been pondering for a long time how to explain it well and I think the best way to do so is via four layers: single objects, prototype chains, constructors, constructor inheritance. The first two layers are JavaScript’s simple OOP core, layers 3 and 4 are where the complications start. I’ve explained the four OOP layers in an O’Reilly webcast: 10 Awesome jQuery and HTML5 Audio Players Want to play audio on your website? These jQuery and HTML5 Audio Players plugins will be very useful to you. They’re great for fullscreen websites which use audio to create a certain mood or feel or for band and DJ’s websites. Need more jQuery plugins? Check out these jQuery Pagination Plugins and Tutorials and WordPress Mobile Plugins. jPlayer

Jeditable - Edit In Place Plugin For jQuery Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. I am based on Dylan Verheul’s editable. For those in hurry download latest source or minified. Channels Are Not Enough or Why Pipelining Is Not That Easy Channels Are Not Enough ... or Why Pipelining Is Not That Easy Golang Concurrency Patterns for brave and smart.

Tutorials · mbostock/d3 Wiki Wiki ▸ Tutorials Please feel free to add links to your work! Introductions & Core Concepts

Related: