Tag Archives: javascript

impress.js presentation framework with CSS3

It’s a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

Demo Download

Touch enabled jQuery plugin – Owl Carousel.

Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

Features:

Responsive
Touch Events
Mouse Slide Events
Fully Customizable
Choose the number of items to be displayed
Multiple Sliders
CSS3 3d Transitions
Custimizable controls
JSON
Custom events
Helpful callbacks

Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrome on Google Nexus.

Demo Download

Flickity – Touch & responsive slider

Help Flickity better known for its v1.0 release. Try Flickity and provide any feedback. Register Metafizzy some stickers for helping us send out.

Read More Download

50 Useful Libraries and Resources for Responsive Web Design

Let’s talk about responsive web design. People are increasingly dependent on their smart mobile devices, and chances are that a large portion of the visitors of your website have used their phone or tablet to get to it. In this article you will find 50 articles, tools and resources, which will help you learn what responsiveness is, and how to apply these techniques to your ….

Read More

Building a Web App From Scratch With AngularJS

AngularJS is an amazing front-end framework that has a very novel approach to building web applications, completely unlike any of the other frameworks you might be used to. In this course we’ll take a look at all the core components of Angular, and how they work together to build a complete application. We’ll be building an address book, starting from nothing at all and ending…

Read More

Effective Event Binding with jQuery

If you’ve used jQuery much at all, then you’re probably already familiar with event binding. It’s fairly basic stuff, but dig a little deeper and you’ll find opportunities to make your event-driven code less brittle and more manageable…

Read More

JavaScript Regular Expression Parser & Visualizer

Regulex is a javascript regular expression parser and visualizer.

  • Written in pure JavaScript. No backend needed.
  • You can embed the graph in you own site through html iframe element.
  • Detailed error message. In most cases it can point out the precise syntax error position.
  • No support for octal escape. Yes it is a feature. ECMAScript strict mode doesn’t support octal escape in string,but many browsers still support octal escape in regex. I make things easier. In regulex, DecimalEscape will always be treated as back reference. If the back reference is invalid, e.g. /\1//(\1)//(a)\2/,or DecimalEscape appears in charset(because in this case it can’t be explained as back reference, e.g. /(ab)[\1]/), Regulex will always throw an error.

Website Demo

Resizing and Cropping Images with JavaScript and Canvas

Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.

Website Demo