Articles by "html5"
Showing posts with label html5. Show all posts

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.
A vanilla, lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

Features


  • Lightweight
  • No jQuery dependency
  • Configurable sorting
  • Flexible styling
  • Fast search/filtering
  • Clean API
  • Right-to-left support
  • Custom templates
Check out demo and developer site


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

Today we’d like to share some isometric grid styles with you.
The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations.
 The second demo shows some ideas for “static” grids that are not scrollable but that serve more kind of a decorative purpose.
Demo

Download


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

tooltipster


A flexible and extensible jQuery plugin for modern tooltips by Caleb Jacob and Louis Ameline under MIT license.
Compatible with Mozilla Firefox, Google Chrome, IE6+ and others.
Requires jQuery 1.10+
demo

downlad

tooltipsy.com



jQuery tooltip plugin for control-obsessed designers.
demo
downlad

qtip2.com


qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework.
Building on 1.0's user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all... it's completely free under the MIT/GPLv2 licenses!

demo
downlad

tipsy



Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.

demo
downlad

Tipr 


Tipr displays attractive tooltips, and it's around 2KB, CSS included. The tooltips can appear above or below almost any HTML element. It also reacts to the size of the viewport.

demo
downlad

protip


49 position
Live refresh of tooltip options.
Live element checking (element removed? -> tooltip should disappear).
Gravity: find a better position if it won't fit to the screen.
DOM targets: append into the root or into another target element.
Placements: outside, inside, border, center
Click activated and sticky tooltips.
Custom HTML content
Interactive tooltips
In/Out delays
Auto-hide
Icon support
Skins, sizes, schemes
Animations support
Mixins (CSS only, JS based coming soon)
Custom event callbacks
UMD Support
demo
downlad


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.
Hi tody iam going to show css3 grid layout system for your moderns website development scenario.
old website designers were achieve this responsive grid system as their own design patterns ,but now a days this job is very easy by using ready made CSS Grid Layout Framework. 2014 Best Bootstrap Alternatives-Change Design Into Responsive. 10+ Stylish Jquery Datetime Picker Plugin For Web And Mobile Application Developers
how i can find best responsive Grid Layout Framework ?
Best Grid Layout Framework mach all the below aspects .
  • Fluid Layout
  • Mobile First
  • Responsive
  • Fixed Gutter etc.
In this article i will take some of those Layout Frameworks.


Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development.It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.


Semantic is a UI component framework based around useful principles from natural language.
Key Features
  • 50+ UI elements
  • 3000 + CSS variables
  • 3 Levels of variable inheritance (similar to SublimeText)
  • Built with EM values for responsive design
  • Flexbox friendly

  • Light as a feather at ~400 lines & built with mobile in mind.
  • Styles designed to be a starting point, not a UI framework.
  • Quick to start with zero compiling or installing necessary.

Responsive modifiers enable specifying different column sizes, offsets, alignment and distribution at xs, sm, md & lg viewport widths.

Simple Grid was created for developers who need a barebones grid. Simple Grid works well with 1140px layouts but easily adapts to any size of layout. With fluid columns, Simple Grid is responsive down to mobile.

Simple Grid is a 12-column, lightweight CSS grid to help you quickly build responsive websites. Download the CSS stylesheet, add the appropriate classes to your markup, and you're off to the races. It’s that simple.

he Responsive Grid System isn't a framework. It's not a boilerplate either. It's a quick, easy & flexible way to create a responsive web site.



Continue reading
Subscribe to: Posts (Atom)