background preloader

40 Awesome jQuery Plugins You Need to Check Out

Scrolling jQuery Waypoints Waypoints allows you to easily trigger JavaScript events at specific scroll points. Ever wonder how people build those amazing scrolling effects? skrollr Parallax scrolling for the masses. Charts, Animations & Tables Handsontable A minimalistic approach to an Excel-like table editor in HTML & jQuery. jQuery Sparklines jQuery Sparklines helps you build little inline charts that are supplied with information via HTML or JavaScript. Teamwork Gantt Build incredible Gantt charts with jQuery. DataTables A jQuery plugin for creating impressive, highly functional data tables. arbor.js Build crazy looking, futuristic, animated and modular graphs. Layout Wookmark jQuery Plugin Easily build a Msonry-like layout like the one seen on Wookmark. jQuery Masonry The original jQuery Masonry. Isotope An amazing layout plugin that allows for intelligent and dynamic grids of items that can be easily sorted and filtered. FitVids.JS gridster.js Freetile.js Another plugin for masonry-style layout. Related:  jqueryPlugins

Easy Responsive Tabs to Accordion Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. This tab has icon in consectetur adipiscing eliconse consectetur adipiscing elit. Suspendisse blandit velit Integer laoreet placerat suscipit. 25 Useful HTML5 Tools For Designers & Developers | Resources The latest version of HTML – HTML5, adds many cool new elements to the applications that are being developed. These days it has become important for the web developers to learn and use the intricate elements of HTML5 to develop web apps and iOS-friendly sites. Did you know that Google has developed a HTML5 version of YouTube? This further encourages the developers to explore the potential of the markup language. Here we have fresh HTML5 resources which are very useful for both designers and developers. Today’s we put together a list of twenty five useful HTML5 Tools and resources to help save you time and energy along the way. You may be interested in the following modern trends related articles as well. Subscribe to our RSS via email, simply enter your email address & click subscribe. HTML5 is making the web design more powerful in different areas. Here is the list of 25 HTML5 frameworks and Tools for front-end designing and development. Demo Download Demo Download Demo Download

JQuery Cycle Plugin Check out Cycle2, the latest in the Cycle line of slideshows. The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. The plugin provides a method called cycle which is invoked on a container element. Images are used in these demos because they look cool, but slideshows are not limited to images. Use the Effects Browser page to preview the available effects. For more about options, see the Options Reference page. Frequently Asked Questions Special thanks to Torsten Baldes, Matt Oakes, and Ben Sterling for the many ideas that got me started on writing Cycle in 2007.

jQuery Mobile | jQuery Mobile Dan Grossman | A Date Range Picker for Twitter Bootstrap While developing Improvely, having all the components of Twitter Bootstrap at hand pre-styled was a great time saver. I was in need of a dropdown menu to choose date ranges for reports, and wanted something that would match the existing dropdown and button styles of Bootstrap: thus came about this date range picker component. Download it at GitHub. For basic use cases like collecting event or reservation dates, you can attach it to a text input to pop up two clickable calendars to choose dates from. In 2013, the Date Range Picker was updated with many new options, including a time picker, min/max dates and max range, localization of all buttons/labels, dropdowns to jump between months/years and more. Usage: The examples below show how to use the (optional) options and callback parameters. Basic Date Range Picker Example Pre-defined Ranges & Callback

jquery ui accordion - multiple accordions expand/collapse all - style issues 70 Things Every Computer Geek Should Know. | Arrow Webzine The term ‘geek’, once used to label a circus freak, has morphed in meaning over the years. What was once an unusual profession transferred into a word indicating social awkwardness. As time has gone on, the word has yet again morphed to indicate a new type of individual: someone who is obsessive over one (or more) particular subjects, whether it be science, photography, electronics, computers, media, or any other field. How to become a real computer Geek? Little known to most, there are many benefits to being a computer geek. You may get the answer here: The Meaning of Technical Acronyms USB – Universal Serial BusGPU – Graphics Processing UnitCPU – Central Processing UnitATA- AT Attachment (AT Attachment Packet Interface (ATAPI)SATA – Serial ATAHTML – Hyper-text Markup LanguageHTTP – Hypertext Transfer ProtocolFTP – File Transfer ProtocolP2P - peer to peer 1. One of the best list of default passwords. 1A. 2. 3. 4.

D3.js - Data-Driven Documents Tutorial #4 - How to Speed Up jQuery (Make it Hound Fast) Written by Greg Sidelnikov Subscriber's Rights: You can share each individual episode with friends as you receive them. TABLE OF CONTENTS - In This Edition: Precursor The first rule of Javascript Performance The second rule of Javascript Perforamance Choosing the right context Precursor jQuery is an excellent choice for writing interactive web applications. As you learn more about jQuery, you will start writing more complex CSS selectors and you will discover more advanced functionality. When I learned my first computer language, C++, I also learned that you could write a program using pointers (references to an address in memory) that could literally crash your computer. A similar type of responsibility exists when writing jQuery code, but not many web developers are aware of it. jQuery selectors can't crash your computer. The jQuery development team were aware of this situation. The first rule of Javascript Performance is It's important that we minimize the number of DOM requests.

Bootstrap Date/Time Picker Introduction Simple date/time picker component based on the work of Stefan Petre, with contributions taken from Andrew Rowls and jdewit. Demo Code: Similar to above example, but in US date/hour format: Disables date picker: Disables time picker: The widget class provides 4 methods to manipulate dates: ‘getDate’/’setDate’ for working with UTC and ‘getLocalDate’/’setLocalDate’ for working with local dates: // Considering you are on a GMT-3 timezone and the input contains '2000-01-17 10:00'var localDate = picker.getLocalDate(); // localDate === 2000-01-17 07:00var utcDate = picker.getDate(); // utcDate === 2000-01-17 10:00//picker.setLocalDate(new Date(1998, 10, 11, 4, 30)); // input === 1998-10-11 07:30picker.setDate(new Date(Date.UTC(1998, 10, 11, 4, 30))); // input === 1998-10-11 04:30 The date value can be unset by passing ‘null’ to any of the ‘set’ methods or by erasing the input: The only event exposed is ‘changeDate’, which will expose ‘date’ and ‘localDate’ properties on the event object:

jQuery UI Accordion - How to remove style completly Fluid 960 Grid System | 16-column Grid Article Heading Subheading Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Heading 3 Heading 4 Heading 5 Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Heading 6 Epsum factorial non deposit quid pro quo hic escorol.

Related: