background preloader

Jquery plugins

Facebook Twitter

Kamens/jQuery-menu-aim. Socialite.js. Grunticon: A Grunt.js plugin for managing and delivering sharp icons to all devices. Posted by Scott on 08/31/2012 Topics: announcements css icon design progressive enhancement Note: Grunticon was formerly named Unicon.

Grunticon: A Grunt.js plugin for managing and delivering sharp icons to all devices

Creating sharp-looking icons and background images in our client work has always been more complicated than we want it to be, and with the growing popularity of higher-definition screens, it's only getting harder. What we really want is a way to efficiently manage and serve vector icons so they'll be crisp on displays of all resolutions, while delivering them in a way that is fast and non-blocking (for performance), and with appropriate fallbacks for older devices. Grunticon: A mystical CSS icon solution. 40 New jQuery Plugins for Web Developers. InShare2 We always work hard to get the best and freshest information for our readers and now it’s a good time to share with you some new and cool jQuery plugins.

40 New jQuery Plugins for Web Developers

For those, who use these plugins in everyday work or some projects this showcase might be very handy! jKit - jQuery based UI Toolkit - Basics. A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things!

jKit - jQuery based UI Toolkit - Basics

Learn how simple it is to use jKit, you definitely don't have to be a programmer! Including the library <script type="text/javascript" src="jquery-1.9.1.min.js"></script><script type="text/javascript" src="jquery.jkit.1.2.16.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $('body').jKit();});</script> Basic Usage (HTML) jKit uses the the "data-jkit" attribute to inject it's functionality into your html. Data-jkit="[slideshow:interval=4000;speed=250;animation=fade]" Let's have a closer look at what's inside the attribute: data-jkit="[command:option=value;anotheroption=anothervalue][anothercommand]" The first thing is always the jKit command which you want to execute.

Data-jkit="[command:option1=value1;option2=value2;option3=value3]" Conditionizr: the conditional free legacy, retina, script and style loader. 7 Newly Released jQuery Plugins for Developers. jQuery is well known name amongst developers, it is one of the most popular JavaScript languages and googled subject over internet. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

7 Newly Released jQuery Plugins for Developers

Every month we bring some new useful jQuery plugins for our readers which will aid and benefit them into optimizing and enhancing their web projects. Here at SkyTechGeek we are showcasing 7 Useful recently released jQuery Plugins which will enable you to optimize and enhance your web applications as well as any new features you may be considering adding to your website. Mega Drop Down Menu Showcase and Solutions.

Introduction Mega Drop Down Menu has been a growing trend in web design.

Mega Drop Down Menu Showcase and Solutions

For sites that involve a lot of pages and/or products, this type of menu may able to improve user experience and usability of the entire website. Typically, a mega menu contains product images, brief description, navigation items. As a result, mega menu is famous in e-commence websites and you will notice it in the following design showcase. Solutions (Free and Premium) jQuery Plugins That Handle Touch Events - 43 Items. A lot of issues emerged with the launch of the innovative smartphones that had touch screens, based on touch events and how they are managed through a mobile browser or on various websites.

jQuery Plugins That Handle Touch Events - 43 Items

Along with the so called problem came the solution, the latter being represented by one or more jQuery plugins that would handle touch events in a certain matter to avoid bugs or to give a certain functionality to the smartphone user who is visiting a website or using an app. 14 Handy jQuery Code Snippets for Developers. The jQuery dev team has been releasing code updates frequently since the project began.

14 Handy jQuery Code Snippets for Developers

JavaScript developers have never had an easier framework to code on frontend interfaces. For anybody just getting started in web development you can be certain to run into some jQuery code on the web. I have put together a series of 14 helpful jQuery code snippets you may save and copy to use at your own discretion. These are merely blank templates you can edit to change variables and parameters matching your own script. I’m sure even experienced developers may find some of these snippets beneficial and shaving off time during code sessions. Unheap – A tidy collection of jQuery plugins. Адаптивные изображения для сайтов в стиле Responsive Web Design. Краткое содержание: с помощью Adaptive Images можно автоматически загружать маленькие изображения на мобильные платформы, а на десктоп — большие.

Адаптивные изображения для сайтов в стиле Responsive Web Design

Посетители со смартфона вряд ли будут рады фотографии 1280×800 пикселей и размером в 3 мегабайта. Примерно так же не будут рады пользователи настольного компьютера, разглядывая миниатюрные изображения 300×200 пикселей. Как же угодить всем? Для каждого устройства — свой размер изображения Необходимо показывать оптимизированные по объему и размеру изображения именно для устройства посетителя. Преимущества Легко и быстро интегрируется в сайт;Не требует изменений в коде;Работает с отключенным JavaScript;Автоматическое создание уменьшенных изображений. Установка. Abitgone/jQuery-Plugins. Привлекательные экспериментальные плагины на JavaScript. Вступление Я безумно люблю различные эксперименты на JS.

Привлекательные экспериментальные плагины на JavaScript

Они словно позволяют заглянуть нам в будущее, и посмотреть, каким захватывающим и футуристичным оно будет. Когда вы будете просматривать приведенную подборку, вы наверняка вспомните про еще недавнего короля — Adobe Flash, а затем осознаете, насколько быстро CSS и JavaScript лишили его трона. Современные браузеры позволяют нам использовать множество различных эффектов и анимаций без сильных тормозов. Однако слово «экспериментальный» подразумевает ряд ограничений, как например некорректное отображение в некоторых браузерах (IE), кроме того, подобные плагины будут, скорее, отличным концептуальным дополнением для персональных страниц, а не для использования в больших проектах.

Responsive-content. A jQuery plugin that helps you serve different content to different devices.

Responsive-content

Responsive Content is used to load content that is appropriate to the current device's screen size. It is typically used alongside Responsive Design techniques. Note however that Responsive Design and Responsive Content act on different levels: given a particular screen width, the former applies a particular styling to the same content - whereas the latter actually loads different content. It can be used subtly - for example to cause smaller images to be loaded on smaller devices - or to deliver radically different content to different screen widths or device capabilities.

How it works Responsive Content is a coarse-grained content loader, designed to pull an entire block of HTML into the "content" area of a page. Sly - jQuery plugin. Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites.

Fresco - A Beautiful Responsive Lightbox. jBar Plugin, the jQuery call to action bar : Todd Motto: Front-End Web Developer & Graphic Designer in Wiltshire, UK. jBar is a simple and lightweight jQuery notification bar that’s been revisited and rewritten (18.11.2012) as an official plugin, which serves up loads of easy customisable options. The jBar allows you to create a simple call to action and bring it forward for the user to see at the top of your website. The user can then toggle the visibility of the bar by clicking the ribbon. Overview jBar was created to provide a lightweight plugin to replace the restrictions provided by Hellobar and allow easy implementation and customisation for you or your client’s websites. Hellobar you also have to pay for if you want an unbranded version, which is no fun. Features The jBar sits at the top of your website, and is fully customisable.

The rest of the options are up to you: type: ‘fixed’ – Two options for the jBar, fixed or static positioning. Delay: ’1000′ – In milliseconds, change to anything you like. Cycle2. Overview Cycle2 is a versatile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest. Highlights: Supports all browsers Declarative: no scripting needed! 20 Must See CSS3 and jQuery Tutorials. It is really fascinating to see how much the web design development has evolved over the last two years.

Although, HTML will not be fully implanted until 2014 , many web designers/developers, companies and web enthusiasts are using HTML5 and CSS3 in their products and apps. In this post we are sharing 20 recent web design tutorials that explore the true potential of HTML5, CSS3 and with a mix of good old jQuery. 3D Flipping Circle with CSS3 and jQuery Codrops shows you how to create 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Creating a 3D Rotating Menu with CSS3 Using CSS3 property 3D transforms, this tutorial show you how to create a neat effect on a website menu. StickyMojo contained fixed position sticky sidebar jquery plugin. StickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE. Background After looking around for a contained fixed position sticky sidebar for our blog we found that there were few options that handled all of the intricacies of cross-browser support, window resizing, and smoothness. One of the solutions that many people have come up with is to have the sidebar be positioned absolutely, then animate the top property. The problem with a simply "fixed" positioned element is that it doesn't react well to a scroll or window resize.

14 Must See New and Useful jQuery Plugins for Developers. jQuery is a fast Javascript library thatis used widely in web development and it gives great functionality and dynamism to websites.jQuery works like Javascript where it is used to help with the effects of your codes.We can say,with jquery you can do more with less code. Here on Designbeep,we regularly check for new and useful jQuery plugins and share them with our loyal readers.So today,we again have a greta jQuery plugin collection.I’m sure you will find useful ones for your future or existing projects. You may also take a look at our past jQuery plugins; Gridster.js Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. DdSlick - a jQuery plugin for custom drop down with images. With traditional drop downs i.e. using <select><option></option></select> you are limited to only text and value. But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value.

Take a look at the following demos in action. 1Basic Drop down using JSON Source: When using JSON to populate, the plugin requires the specific data format. 2Render from HTML select options //Make it slick! 26 Examples of jQuery Plugins in Website Design. BlocksIt.js - Dynamic Grid Layout jQuery Plugin. Tutorial - jQuery.my plugin. Raw data from controls must be tested to meet restrictions before they are stored. Vertical rhythm made easy. Flexie. 6 New jQuery Techniques to Spice Up Your Design Content. Jquer.in jquer.in » An extensive and visual collection of jquery plugins listed according to its category.

60 jQuery Plugins You Should Try Today. jQuery, a cross-browser JavaScript library has come a long way in simplifying the client-side scripting of HTML. Since its release in Jan 2006, it has been the popular JavaScript library in use today. Great New jQuery Plugins And Other Resources For Web Designers. FlexSlider 2 Beta - Basic Carousel. jQuery NailThumb.

Experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develop a functionality that enable your user to load avatars of the right height and width, and still you'll be able to present them nicely in the size/sizes your layout need. Most of all you'll be able to change those sizes whenever you want without the need for your users to upload a new one, or even manage different sizes/ratio for different layouts with no drawbacks on the avatar chosen. Take a look at the avatar demo What this is not? jQuery Picture – A tiny plugin to add support for responsive images. Select2 2.0. 85 Awesome jQuery Slider Plugins.

jQuery для начинающих. Stroll.js - CSS3 Scroll Effects. jQuery slideViewerPro 1.5.