JS library

Facebook Twitter

jQuery++ No More Powerpoint I Have Impress.js. In this tutorial you will learn how you don't need to use the old powerpoint presentation software now we have Impress.js.

No More Powerpoint I Have Impress.js

What Is Impress.JS Impress.js is a presentation framework which uses all the new features of CSS3 transforms and CSS transitions to create unique presentations. The idea of Impress.js came from viewing new unique presentations from prezi.com. Lately on Github Impress.js has become very popular and I believe you will start seeing many companies create presentations by using this framework. Impress.js Demos The best way to understand what Impress.js can do is to see some of the presentations that have already been created using the framework.

Here is a list of presentations for you to enjoy, they are all much better than using the boring old powerpoint presentations. Official Impress.js Demo CSS 3D transforms CSS 3D Transforms What The Heck Is Responsive Web Design? What The Heck Is Responsive Web Design? Digibury Digibury Wakame Wakame Asynchronous JavaScript Asynchronous JavaScript. Create your own Javascript Library. Create your own javascript library in these fun, easy steps!

Create your own Javascript Library

Background We all know about the performance benefits of putting all of our javascript/jQuery calls into .js files, so that browsers will cache the whole chunk on the client-side. It’s even more tempting to put all of our complicated jQuery calls into a single file, thus further enhancing performance by reducing HTTP requests (i.e. the browser doesn’t have to download so many files). However, have you ever taken a look at a site using the jQuery Cycle plugin on the homepage? If you open up the debugging console (firebug), go to a page without the slideshow, and I bet you’ll see a little message in the console like: [cycle] terminating; too few slides: 0 This is because the cycle init code, while correctly put inside the DOM-ready function, is still being called on every page, regardless of whether it has a slideshow or not.

Solution Library Shell The Code //hide by default $advancedSearch.slideUp(’3000′); Extensions Examples References. Seven JavaScript Things I Wish I Knew Much Earlier In My Career. Advertisement I’ve been writing JavaScript code for much longer than I care to remember.

Seven JavaScript Things I Wish I Knew Much Earlier In My Career

I am very excited about the language’s recent success; it’s good to be a part of that success story. I’ve written dozens of articles, book chapters and one full book on the matter, and yet I keep finding new things. Here are some of the “aha!” Moments I’ve had in the past, which you can try out rather than waiting for them to come to you by chance. Shortcut Notations One of the things I love most about JavaScript now is shortcut notations to generate objects and arrays. Var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4; The same can be achieved with: Much shorter, and you don’t need to repeat the name of the object. The other handy shortcut notation is for arrays. Var moviesThatNeedBetterWriters = new Array( 'Transformers','Transformers2','Avatar','Indiana Jones 4' ); The shorter version of this is: var direction = x < 200 ?

JSON As A Data Format Resources. JavaScript : organiser son code en modules. Creating your own JavaScript Library. One of the phases I went through while learning about JavaScript was the intense desire to write my own library, similar to jQuery (but massively scaled down).

Creating your own JavaScript Library

My library has gone through several major revisions — and more than one complete re-write, but now is exactly what I started out hoping it would be: functional, clean, small, and a solid learning experience. I’d like to share what I learned from this project, and I hope you share back with me through the comments! Finished project demo Step 1: Identify the purpose of your library This might just be one of the toughest parts of the whole process! Pick one particular function, or aspect of web development/design that you would like your library to handle. I decided my library would be a simple way to manipulate elements visually. Step 2: Mock-up how would use the library You always mock-up a webpage before you start building it right? Have you ever mocked-up your code? We can also tell some design patterns: Step 3: Code up an outline.