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.
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 Grunticon is a Grunt.js task that efficiently manages icons and background images for delivery to a variety of browsers and devices.
The 3 files are necessary to support different browsers, and only one of the formats is intended to be served to a particular device, based on a browser's capabilities for SVG, data URLs. Output Samples. 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.
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!
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.
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. 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.
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.
Unheap – A tidy collection of jQuery plugins. Адаптивные изображения для сайтов в стиле Responsive Web Design. Краткое содержание: с помощью Adaptive Images можно автоматически загружать маленькие изображения на мобильные платформы, а на десктоп — большие.
Они словно позволяют заглянуть нам в будущее, и посмотреть, каким захватывающим и футуристичным оно будет. Responsive-content. A jQuery plugin that helps you serve different content to different devices.
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.
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! How it Works It's very simple really, even your grandmother could use it. 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.
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. You can even dynamically add and remove elements from the grid.Source & Demo. 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.
jQuery plugins can bring your website alive, and the very best part is that you don't need to code them yourself as there are numerous libraries and individual sites offering the code often for free. 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. Designers are constantly striving to create eye-catching and interactive layouts without losing the usability features that add significant importance to the user’s experience. Since there are various forms of techniques being used nowadays, it can be quite confusing when choosing the perfect one. Jquer.in jquer.in » An extensive and visual collection of jquery plugins listed according to its category. 60 jQuery Plugins You Should Try Today.