一些UI/UX在线工具收藏

相关博文

    一些比较常见的UI/UX网页工具,包括颜色选取、图像转换、JS工具等。

    DROPIFY – Override your input files with style

    Dropify is a tool that helps you create stylish input field. This is a great little tool if you are sick of plain inputs and want to showcase some of your design finesse. The plugin comes with a drag and drop default file style or you can add your own text or images for a truly custom look. You can also set the height of the input box, combine options, disable the input altogether, add a maximum file size or use events.

    DROPIFY UI Design Tool - Override your input files with style

    Demo Download

    HTML Color Codes

    Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.

    HTML Color Codes - UI Design Tool

    Demo Download

    Agile CSS3 Engine

    Agile uses javascript to generate pure CSS3. No canvas no webGL no svg.

    Agile CSS3 Engine - UI Design Tool

    Demo Download

    Readable jQuery Plugin

    Readable, a jQuery plugin to help you create optimally sized paragraphs for maximum readability. It conveniently marks the 45th and 75th characters of every paragraph tag when turned on so your line breaks fall somewhere in between those two numbers, the standard for optimum readability.

    Readable jQuery Plugin UI Design Tool

    Demo Download

    Squeezebox Portfolio Template

    An intro block that slides out to uncover a gallery of portfolio items.

    Squeezebox Portfolio Template UI Design Tool

    Demo Download

    Quick[select]: Selection of Common Options in Select Boxes

    A jQuery plugin for quick selection of common options in select boxes. Selectual. Select boxes are a two tap or click operation. They take the user out of the flow of the form, and there are certain answers that are more commonly chosen than others, such as a reply of “yes” or “no.” Or maybe you would prefer people to give a definite yes/no answer. This plugin provides the ability to bring those options outside of the select list.

    Quick[select]: Selection of Common Options in Select Boxes

    Demo Download

    Tagsort – dynamic tag-based element filtering

    A plugin that uses HTML5 data attributes to dynamically create interactive tags that can be used to filter and sort a set of tagged elements.

    Tagsort - dynamic tag-based element filtering

    Demo Download

    bLazy: Lightweight Lazy Loading Plugin

    bLazy is a lightweight lazy loading image script (less than 1.2KB minified and gzipped). It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data loaded if he/she doesn’t browse the whole page.

    bLazy: Lightweight Lazy Loading Plugin

    Demo Download

    bigfoot.js: Create Better Footnotes

    Bigfoot is a jQuery plugin to help you create better footnotes and make them a lot easier to use. Footnotes on the web can be a pain; you click a tiny number, get transported somewhere near the bottom of the page, find the footnote, and click on a link to go back where you can from.

    bigfoot.js: Create Better Footnotes

    Demo Download

    Chocolat.js: Free jQuery Lightbox Plugin

    Chocolat is a responsive jQuery lightbox plugin that allows you to display one or more images on the screen at a time. You can group images as a series of photos as a link or use thumbnails in a full-page or block-style design.

    Chocolat.js: Free jQuery Lightbox Plugin

    Demo Download

    Quick Add To Cart: Modern UX for a Product Gallery

    A handy snippet to let users customize a product directly from the products gallery, and add it to the cart.

    Quick Add To Cart: Modern UX for a Product Gallery

    Demo Download

    Dragula: Drag and Drop Plugin

    This little plugin makes drag and drop easier than you can imagine.

    Dragula: Drag and Drop Plugin UI Design Tool

    Demo Download

    underline.js: Draw and Animate the Text Underline

    A javascript library that sets out to do one simple job — draw and animate the most perfect and playful text underline, that’s exactly what underline.js does.

    underline.js: Draw and Animate the Text Underline

    Demo Download

    PhotoSwipe: Image Gallery Plugin for Mobile and Desktop Devices

    PhotoSwipe is an image gallery plugin for mobile and desktop devices with a modular, independent framework. All basic gestures are supported: flick to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls, double-tap to zoom.

    PhotoSwipe: Image Gallery Plugin for Mobile and Desktop Devices

    Demo Download

    发表新评论