반응형
반응형
60 free resources

 

http://feeds.dzone.com/~r/dzone/frontpage/~3/Wd-jTMIXOOI/60_free_resources_you_really_must_try.html

 

 

Mmenu

This jQuery plugin creates slick, app-like sliding menus for mobile sites.

A-showcase-of-must-have-tools-for-webdesigners_001

Fabric textures

These 5 cloth textures are free to download as JPGs.

A-showcase-of-must-have-tools-for-webdesigners_002

Fitgrd

This is a lightweight and cool looking responsive grid.

A-showcase-of-must-have-tools-for-webdesigners_003

Horizontal menu

This is a horizontal slide-out menu with a grid based submenu.

A-showcase-of-must-have-tools-for-webdesigners_004

Upload form

This is a mini Ajax upload form.

A-showcase-of-must-have-tools-for-webdesigners_005

Minimalistic (free for personal use)

Minimalistic is a minimal WordPress theme with nice brushstroke patterns.

A-showcase-of-must-have-tools-for-webdesigners_065

Mobile application UI kit

This mobile application UI kit is downloadable as a PSD.

A-showcase-of-must-have-tools-for-webdesigners_006

Flat icon set

Who can have too many flat icon sets?

A-showcase-of-must-have-tools-for-webdesigners_007

Flatilicious icons

Seriously, who can have too many?

A-showcase-of-must-have-tools-for-webdesigners_008

Fries

Create an Android-like UI with HTML, CSS and JavaScript

A-showcase-of-must-have-tools-for-webdesigners_009

Linecons

48 fully scaleable vector icons.

A-showcase-of-must-have-tools-for-webdesigners_010

Windows

A jQuery plugin for fullscreen scrolling windows.

A-showcase-of-must-have-tools-for-webdesigners_011

Slider

A useful free slider with gliding backgrounds.

A-showcase-of-must-have-tools-for-webdesigners_012

Transit

Super smooth CSS transitions and transforms for jQuery.

A-showcase-of-must-have-tools-for-webdesigners_013

FastCache

The fastest PHP object caching system ever, apparently.

A-showcase-of-must-have-tools-for-webdesigners_014

Beag

A set of useful mobile app UI elements.

A-showcase-of-must-have-tools-for-webdesigners_015

Mixitup

A CSS3 and jQuery filter and sort plugin.

A-showcase-of-must-have-tools-for-webdesigners_016

Pricing table

A minimal pricing table for designers and developers.

A-showcase-of-must-have-tools-for-webdesigners_017

Cesium

This is a JavaScript library for creating 3D globes in a web browser.

A-showcase-of-must-have-tools-for-webdesigners_018

Bootstrap magic

Use this to create your own Twitter Bootstrap theme.

A-showcase-of-must-have-tools-for-webdesigners_019

Map icons designer

Icons for Google maps, suitable for map applications.

A-showcase-of-must-have-tools-for-webdesigners_020

Transparent UI kit

This is a layered UI kit in a PSD.

A-showcase-of-must-have-tools-for-webdesigners_021

Topcoat

A CSS kit for lightweight web apps.

A-showcase-of-must-have-tools-for-webdesigners_022

Controls settings

A useful PSD flat control panel.

A-showcase-of-must-have-tools-for-webdesigners_023

CSS modal

A modal builder in pure CSS.

A-showcase-of-must-have-tools-for-webdesigners_024

Sassaparilla

This is a quick way to jump-start responsive design projects.

sassaparilla

Beach UI

A minimal UI kit in the form of a PSD.

A-showcase-of-must-have-tools-for-webdesigners_026

Retina-ready menu

This is a responsive, touch-friendly menu with three layouts for different browsers.

A-showcase-of-must-have-tools-for-webdesigners_027

Flexisel

A responsive carousel jQuery plugin.

A-showcase-of-must-have-tools-for-webdesigners_028

W2UI library

As set of connected jQuery plugins designed for front end use.

A-showcase-of-must-have-tools-for-webdesigners_029

Dark Accordion

A stylish navigation menu in a PSD.

A-showcase-of-must-have-tools-for-webdesigners_030

Skel.js

A frontend framework for building responsive sites.

A-showcase-of-must-have-tools-for-webdesigners_031

Magnific Popup

A responsive jQuery lightbox plugin.

A-showcase-of-must-have-tools-for-webdesigners_032

Nice Less buttons

A set of buttons made in CSS.

A-showcase-of-must-have-tools-for-webdesigners_034

Multipurpose website template

A beautifully designed PSD for any purpose.

A-showcase-of-must-have-tools-for-webdesigners_035

Two.js

A 2D drawing API.

A-showcase-of-must-have-tools-for-webdesigners_036

Flat UI login form

A trendy login and register form.

A-showcase-of-must-have-tools-for-webdesigners_037

Ecommerce flat

A flat ecommerce UI kit in PSD format.

A-showcase-of-must-have-tools-for-webdesigners_038

Brand identity

A layered PSD for presenting logo and identity design.

A-showcase-of-must-have-tools-for-webdesigners_039

Animation fill code

An app to fill in the necessary code for CSS3 keyframe animations.

A-showcase-of-must-have-tools-for-webdesigners_040

Countable.js

This script adds live paragraph, word, and character counting to an html element.

A-showcase-of-must-have-tools-for-webdesigners_041

Github Archiveroom

Explore your Github archive in 3D.

A-showcase-of-must-have-tools-for-webdesigners_042

iPhone 5 flat

A flat iPhone 5 mockup.

A-showcase-of-must-have-tools-for-webdesigners_043

HoverMenu

An easily accessible menu anywhere on your page.

A-showcase-of-must-have-tools-for-webdesigners_044

SLY

A JavaScript library for one-directional scrolling.

A-showcase-of-must-have-tools-for-webdesigners_045

Flatstrap

A bootstrap skin using flat design techniques.

A-showcase-of-must-have-tools-for-webdesigners_046

Packery

A JavaScript plugin for bin-packing layouts.

A-showcase-of-must-have-tools-for-webdesigners_047

Snaps theme

A free portfolio theme for WordPress.

A-showcase-of-must-have-tools-for-webdesigners_048

Easy responsive tabs

A jQuery plugin that optimises horizontal or vertical tabs.

A-showcase-of-must-have-tools-for-webdesigners_049

CSS social share button

A flat social tooltip button.

A-showcase-of-must-have-tools-for-webdesigners_050

Knockout

Use Knockout to simplify dynamic JavaScript UIs using the MVVM pattern.

A-showcase-of-must-have-tools-for-webdesigners_051

Magazine mockup

A PSD template ideal for showcasing your projects.

A-showcase-of-must-have-tools-for-webdesigners_055

Weather icons

A great set of weather icons in PSD format.

A-showcase-of-must-have-tools-for-webdesigners_056

Flat icons set

Another set of icons, this time delivered as .png files.

A-showcase-of-must-have-tools-for-webdesigners_057

Social media icon set

A free set of social media icons.

A-showcase-of-must-have-tools-for-webdesigners_058

Simple icons

Another set of free icons.

A-showcase-of-must-have-tools-for-webdesigners_059

Icon hover effects

Round icon hover effects, this time with CSS transitions.

A-showcase-of-must-have-tools-for-webdesigners_060

Percentage bars

Flat style percentage bars built with CSS.

A-showcase-of-must-have-tools-for-webdesigners_061

Twitter UI

A Twitter client UI built in CSS and HTML.

A-showcase-of-must-have-tools-for-webdesigners_063

Music widget

A flat widget music player with simple animations.

A-showcase-of-must-have-tools-for-webdesigners_064

반응형
반응형

1. jQuery Tippy

Tippy is a jQuery plugin that makes it very easy for the users to create simple, flexible and powerful tooltips for website using jQuery. Tippy is highly customizable with default options carefully configured to make it easy for anyone to get started.

best-jquery-plugins

Download | Demo

2. jQuery Color Picker Sliders

It is an advanced color selector with support for human perceived lightness. It works in all modern browsers and on touch devices and it’s responsive. This color picker sliders works internally in the CIE Lab color space represented with the CIE Lch color model.

best-jquery-plugins

Download | Demo

3. SKDZoom – Stylish image zoomer

SKDZoom is a jQuery stylish CSS3 image zoomer with rounded box and Lens zoom support. Easily customizable color and other options.

best-jquery-plugins

Download | Demo

4. jquery tags plugin

This is a jquery plugin that promises to help developers visualize their tags in a neat UI that too with just a single line of code.
best-jquery-plugin

Download

5. Simple HTML5 Music Player

Simple HTML5 music Player as it indicates is dedicated to music lovers. Its a skin-able HTML5 Audio player offering a custom design alternative to the generic browser rendered player. It requires jQuery 1.8+ for proper functioning.

best-jquery-plugins

Download

6. jQuery Dashboard Portal

jQuery plugin for Dashboard with layout enables users to add forms, presentation, an manage projects depending upon the need.

best-jquery-plugins

Download | Demo

7. Image Scale

Inspired from Sproutcore SC.ImageView, the image scale jQuery plugin lets you scale images to fit or fill any target container via two simple properties viz scale and align.

best-jquery-plugins

Download

8. Code Callout

Code Callout allows you to create links in your webpages thereby enabling you to highlight and comment on a Gist embedded in the page. When the user clicks the link, the page scrolls to the indicated lines, highlights them and pops up a note. Also you need not start reading all over again you can easily start from where you left by simply clicking the button.

Download

9. Flapper

Flapper is a jQuery plugin that replicates the split-flap well known as Solari displays that are common in train stations and airports. Flapper jQuery plugin can help display words or numbers, with or without formatting them. Available in six sizes, two color themes, and two animation styles Flapper is written entirely in HTML and CSS to let the users make it appear as they desire.

best-jquery-plugins

Download | Demo

10.Mikes Modal Library

Mike Modal Library is for creating a Facebook like modal box to be used. It features an image on the left and content on the right. The image scales to the largest size possible while still fitting in your monitors resolution.

Download

11. Ideal Postcodes jQuery Plugin

The Ideal Postcodes jQuery plugin lets you quickly add postcode lookups on a form using Royal Mails Postcode Address File. If the user wishes to look for a valid postcode, a dropdown menu is displayed and the selected address is piped into appropriate fields.

best-jquery-plugins

Download | Demo

12. jQuery List Selection

This jQuery is for file managing style rich selection for lists of elements.

Download

13. jQuery Reactify

Make browser click events trigger immediately on iOS and Android with the jQuery Reactify. Clone the repository, place jquery.reactify.js to your project’s JavaScript folder, add <script type=”text/javascript” src=”js/jquery.reactify.js”></script> to your HTML and add a script that enables reactify with jQuery.

Download

14. FailSafe

Its a jQuery Plugin that makes your App Robust. Also, it protects your App from lost Internet connectivity and low battery level. When a user loses Internet connectivity or the system charge goes down, this plugin shows a very user-friendly message to the user.
best-jquery-plugins

Download | Demo

 

반응형
반응형
Semantic CSS With Intelligent Selectors

 

 

http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/

반응형
반응형

Docker: Self-sufficient containers from any application

docker

반응형
반응형

Progression.js: Create friendlier forms

Progression.js is a jQuery plugin that makes it easy to add real-time hints to your forms. It also lets you include project updates for each field.

progression.js

 

반응형
반응형

20 Fresh jQuery Plugins

 

AnimatedScroll: jQuery Plugin for Animating Scroll

AnimateScroll is a beautiful jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.

jQuery Plugin for Animating Scroll

Demo Download

Echo.js: Simple JavaScript Image Lazy Loading

Echo.js is a simple image lazy loading library, it’s less than 1KB minified. Lazy-loading works by only loading the assets needed when the elements ‘would’ be in view, which it’ll get from the server for you upon request, which is automated by simply changing the image src attribute.

Echo.js: Simple JavaScript Image Lazy Loading

Demo Download

Multi-Level Push Menu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.

Multi-Level Push Menu

Demo Download

jQuery Flat Shadow: Create Long Shadows Flat UI

Long shadow effects are widely used to create a depth for any element in flat design. jQuery Flat Shadow is a plugin which can add this fading shadow to everything targeted.

jQuery Flat Shadow - Create Long Shadows Flat UI

Demo Download

tidyTime.js: Display More Friendly Time with jQuery

tidyTime.js takes any regular time and changes it into more human friendly dialogue such as “It’s just gone noon. It’s quarter past 8 in the evening, it’s nearly half past 4 in the afternoon, it’s just gone 25 to 6″ and more. By adding additional text before and after the time you are able to create powerful friendly interaction with users.

tidyTime.js: Display More Friendly Time with jQuery

Demo Download

Taggd: jQuery Plugin to Tag Images

Taggd is a jQuery plugin that help you create tags on images with, or without a popup!

Taggd: jQuery Plugin to Tag Images

Demo Download

UIKIT: Lightwight Front-end Framework

UIkit is a front-end framework, built by YOOtheme, for creating cross-browser and responsive layouts faster.
It is lightweight, has a modular structure and uses LESS for styles + jQuery for the JavaScript.

UIKIT: Lightwight Front-end Framework

Demo Download

slimMenu: Multi-Level Responsive Menu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. It converts an unordered list with any depth into a menu with sub-menus and, for smaller screens, the menu becomes a drill-down navigation. It is touch-friendly and has several options for customization like the animation or its speed.

slimMenu: Multi-Level Responsive Menu

Demo Download

Tabulous.js: Create Tabs with Effects

Tabulous.js is a lightweight jQuery plugin that simplifies creating them with a plain HTML structure. The tabs created can be styled with CSS and multiple switching effects exist (slide, scale, scale up and flip).

Tabulous.js: Create Tabs with Effects

Demo Download

Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin

Owl Carousel is a jQuery plugin that allows us to create responsive carousel sliders so quickly. The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.

Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin

Demo Download

Summernote: WYSIWYG Editor on Bootstrap

Summernote is a super simple WYSIWYG editor on Bootstrap. It’s open source and easy to install. Lightweight (Summernote: 30Kb), Smart User Interaction, Customize by Initializing options, Safari, Chrome, Firefox, Opera ,Internet Explorer 9+ (IE8 support coming soon)

Summernote: WYSIWYG Editor on Bootstrap

Demo Download

flipLightBox: Responsive Lightbox jQuery Plugin

flipLightBox is a responsive Lightbox that is extremely easy to implement and doesn’t require additional stylesheets, scripts or libraries.The coolest feature of flipLightBox is that it has optional flip effect as each lightbox image opens and closes.

flipLightBox: Responsive Lightbox jQuery Plugin

Demo Download

jquery.arbitrary-anchor.js: Smooth Scrolling For Any Element On Page With jQuery

With jquery.arbitrary-anchor.js , you can easily create useful and neat dynamic anchor scrolling by simply adding a jQuery/CSS selector after the hash (#) in your page’s URL. This plugin extends the normal anchor functionality, that is, an anchor tag with a name value attribute will still get scrolled to as normal. The same goes for an element with an ID which matches the hash. This little plugin will take care of everything else.

Smooth Scrolling For Any Element On Page With jQuery

Demo Download

Minified.js: Lightweight JavaScript Library

Minified.js is a very strong alternative to these frameworks and it comes with an impressive size, less than 4kb minified. Minified.js is a client-side JavaScript library, comparable to jQuery and MooTools in scope. Its features include DOM manipulation, animation, events, cookies and HTTP requests.

Minified.js: Lightweight JavaScript Library

Demo Download

RTP.Slider.js: Touch Enable and Responsive Slider Plugin

RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

RTP.Slider.js: Touch Enable and Responsive Slider Plugin

Demo Download

Tabby: Lightweight and Mobile First Toggle Tabs

Tabby is a lightweight JavaScript and CSS kit for mobile-first toggle tabs. It’s style-light so you can easily modify it to fit your design.

Tabby: Lightweight and Mobile First Toggle Tabs

Demo Download

Sticky-Kit: jQuery plugin for Making Smart Sticky Elements

Sticky-Kit is a very handy jQuery plugin that simplifies creating/managing such sticky elements and comes with features for complex use.

Sticky-Kit: jQuery plugin for Making Smart Sticky Elements

Demo Download

S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations

S Gallery makes use of HTML5′s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features. Once an item is clicked and focused, it is possible to browse others with prev-next buttons or via keyboard.

Responsive jQuery Gallery Plugin with CSS3 Animations

Demo Download

On Scroll Effect Layout: Beautiful Scroll Effects

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.

There is an example effect defined and also some media queries for dealing with smaller screens.

On Scroll Effect Layout: Beautiful Scroll Effects

Demo Download

반응형

+ Recent posts