background preloader



Related:  generateur js

jQuery TwentyTwenty Plugin Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them! Download TwentyTwenty The Problem We recently needed a way to showcase the visual differences between two images. by gunnar-t jQuery-Plugin for creating complex forms (table-based) with usage of bootstrap and (optional) Font-Awesome. Introduction Why a new plugin for building html forms? Because I was tired of building (complex) forms by hand and needed some lib for my projects that could handle the following: Display a bunch of form elements in a (sometimes) complex gridHave an "edit" and a "view" modeSimple add validation or other event handler on form elementsUse the excellent bootstrap design and optional font awesome for "nicer" form uiHave the ability to use elements spanning over some rows/cells of the grid (rowspan and colspan)

4.5. Creating templates like a professional (HTML and CSS) This section only shows what you can do to improve the layout of an HTML document in general. You should read this if you want to change an HTML template manually. If you are creating an HTML template, we highly recommend that you use the template editor. Pictip jQuery PicTip is a plugin that adds handy tooltips to your images, slideshows, sliders and more. Features Easy configuration and customization Easy integration with slideshows, sliders, 360 views, and more Support for captions and bubble tooltips Add any content type to tooltips/captions Event type options (hover/click) Change tooltip position relative to spot Create spots with your own HTML markup CSS transitions/Animations are supported Built with performance in mind Responsive-friendly Very small (just 4kb minified) Try the demo

jQuery flexImages Plugin Overview and Features Released under the MIT License. Source on Github (changelog). Compatible with jQuery 1.7.0+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. No dependencies except the jQuery library. Ridiculously tiny: 1.2 kB of JavaScript - less than 0.6 kB gzipped Source images/objects can have any size Works with more than just images, e.g. videos, iframes and plain text Responsive Equal margins between images controlled via CSS No cropping or reordering AJAX ready, e.g. for infinite scrolling Support for lazy loading of images and iframe contents Layout options to control e.g. the maximum number of rows - or whether or not to display an incomplete (last) row.

CSS and jQuery Points of interest Use this resource to highlight the points of interest of your products. Just a click to open a brief description of each point, allowing your user to get a deep and fast understanding of your product features. Browser support ie Chrome Firefox Safari Opera 9+ Let’s say you want to showcase the best features of your new app, and you want users to learn what your app is capable of right from the design screens. A possible approach is by using points of interest, accordingly distributed over the design preview. The main advantage is that people will get familiar with some of your product features even before starting to use them. SweetAlert So... What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert.

Tweet to Download Files using jQuery & Twitter API Today I’m going to tell you how to ask your visitors to share your content on social media without any costs. Everyone knows that Twitter plays a important role in the thousands of different social media marketing strategies run by companies worldwide. Report says 175 million tweets every single day. Simple things: styling ordered lists This blog started as a scratch pad of simple solutions to problems I encountered. So why not go back to basics? It is pretty easy to get an ordered list into a document. All you have to do is add an OL element with LI child elements: