background preloader

Dropzone.js

Dropzone.js
The typical way of using dropzone is by creating a form element with the class dropzone: That's it. Dropzone will find all form elements with the class dropzone, automatically attach itself to it, and upload files dropped into it to the specified action attribute. The uploaded files can be handled just as if there would have been a html input like this: If you want another name than file you can configure dropzone with the option paramName. If you're using component don't forget to require("dropzone"); otherwise it won't be activated.

http://www.dropzonejs.com/

Related:  JS/jQueryFront-endHTML5前端設計Java Script

10 Useful jQuery Lightbox Plug-ins We are certain that you are already familiar with the concept of jQuery LightBox plugins. These plugins are basically used to focus the images, video or html content in a unique way on the webpage that you are currently viewing. There are many plugins available online for you to choose from and the best part is that they are pretty snappy because not a lot of coding is involved when these plugins are designed. Some of these plugins differ in features though as you will learn here. Some of these plugins resize themselves automatically and some don’t. On the other hand some plugins would zoom in while others will not.

fragmention fragmention is an experimental extension to a URL to link and cite individual words or phrases of a document using double-hash anchors (##). Editor Kevin Marks License Per CC0, to the extent possible under law, the editors have waived all copyright and related or neighboring rights to this work. 30+ jQuery Plugins For Scrolling Effects With CSS Animation - ninodezign.com One of the trendiest techniques to have fun with is scrolling. A bit of website animation can be fun and enticing to new visitors, animated page elements do not offer major alterations on content, but can provide a more extraordinary user experience. Many website developers use different ways of scrolling to make their websites more alluring and interesting to their viewers so that they don’t get bored. To save all the web developers lots of time and trouble of searching for such JQuery plugins of scrolling effects we bring you 30+ jQuery plugins for scrolling effects with CSS animation.

How to Drag and Drop in JavaScript JavaScript excels at modifying the DOM of a Web page, but we usually only do simple things with it, such as creating image rollovers, making tabs, etc. This article is going to show you how to create items on your page that you can drag and drop. There are several reasons you might want to encorporate this drag and drop ability into your Web pages. One of the simplest reasons is to reorganize Data. As an example, you might want to have a queue of items that your users can reorganize. presentation tool based on the power of CSS3 transforms and transitions in modern browsers Aren’t you just bored with all those slides-based presentations? Don’t you think that presentations given in modern browsers shouldn’t copy the limits of ‘classic’ slide decks? Would you like to impress your audience with stunning visualization of your talk? then you should try It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers.

How To Display Your Last Tweet Using Javascript And The Twitter API The other day I was working on a small project of mine, and it doesn’t use a content management system such as WordPress or Joomla. It’s just all html and css to style the pages. So I wanted to display my last tweet from twitter, and jazz it up using css. W3Cx - Free Courses from The World Wide Web Consortium (W3C) The World Wide Web Consortium (W3C) is an international consortium where Member organizations, a full-time staff, and the public work together to develop Web standards and guidelines designed to ensure long-term growth for the Web. W3C's goal is for the Web to connect humanity in a way that makes access to knowledge more efficient and equitable. Founded in 1994 by the inventor of the Web, Tim Berners-Lee, W3C has successfully overseen processes of issue raising, design, consensus building and testing resulting in over 335 technical standards that make the Web work. Success stories include HTML5, XML, CSS and Web accessibility guidelines.

Download jQuery UI Bootstrap Welcome! This is a live preview of jQuery UI Bootstrap - a project we started to bring the beauty of Twitter Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually.

Related: