2015年50个流行的CSS和JavaScript工具、库和框架

jopen 7年前

想要跟上当下最新的Web设计趋势并不容易。每天都会有新的工具、库和框架出现。本文,我们会总结2015年出现的优秀的CSS和JavaScript工具、库和框架。

CSS Libraries & Toolkits

Fileicon, a collection of pure CSS file icons.
2015年50个流行的CSS和JavaScript工具、库和框架

Marx, the stylish CSS reset with no Javacript or Classes. Just raw CSS.
2015年50个流行的CSS和JavaScript工具、库和框架

Transformicons – Animated icons, symbols and buttons using SVG and CSS.
2015年50个流行的CSS和JavaScript工具、库和框架

sanitize.css makes browsers render elements consistently and allows you to style with today’s best practices out-of-the-box.
2015年50个流行的CSS和JavaScript工具、库和框架

Loaders.css, a collection of performance-focused pure css loading animations.
2015年50个流行的CSS和JavaScript工具、库和框架

SassyFlags is a simple library for adding flags to your websites.
2015年50个流行的CSS和JavaScript工具、库和框架

Primer, the CSS toolkit and guidelines that power GitHub.
2015年50个流行的CSS和JavaScript工具、库和框架

Flickity, a CSS library that makes galleries & sliders feel lively and effortless.
2015年50个流行的CSS和JavaScript工具、库和框架

Pushy, a responsive off-canvas navigation menu using CSS transforms & transitions.
2015年50个流行的CSS和JavaScript工具、库和框架

CSS Stats, a tool that will visualize useful stats about your CSS.
2015年50个流行的CSS和JavaScript工具、库和框架

Flexbox Tools

flexbox in 5 minutes, an interactive tour of all the major features of the CSS property: flexbox.
2015年50个流行的CSS和JavaScript工具、库和框架

Flexbugs, a community-curated list of flexbox issues and cross-browser workarounds
2015年50个流行的CSS和JavaScript工具、库和框架

cssPlus, a robust, fast and cross browser layout scaffolding based on Flexbox.
2015年50个流行的CSS和JavaScript工具、库和框架

Responsive Web Frameworks

flexible.gs, a responsive and flexible grid system CSS framework (CSS, Sass, LESS and Stylus).
2015年50个流行的CSS和JavaScript工具、库和框架

Rin, a lean, gulp-based HTML and SASS boilerplate for better front-end coding.
2015年50个流行的CSS和JavaScript工具、库和框架

Wee, a lightweight front-end framework for logically building complex, responsive web projects.
2015年50个流行的CSS和JavaScript工具、库和框架

spaceBase, a Sass-based responsive CSS framework.
2015年50个流行的CSS和JavaScript工具、库和框架

Decorator, a new HTML, CSS, and JavaScript front-end framework.
2015年50个流行的CSS和JavaScript工具、库和框架

Rebar, a new Sass / Stylus grid framework.
2015年50个流行的CSS和JavaScript工具、库和框架

Lost, a SCSS or Stylus fractional grid system built with calc().
2015年50个流行的CSS和JavaScript工具、库和框架

RWDGRID, a responsive grid system based on the 960 grid system.
2015年50个流行的CSS和JavaScript工具、库和框架

Manhattan, a clean, lightweight and customisable CSS grid system.
2015年50个流行的CSS和JavaScript工具、库和框架

Material Design Frameworks

Material, a HTML5 UI framework based on Material Design.
2015年50个流行的CSS和JavaScript工具、库和框架

LumX, the first responsive front-end framework based on AngularJS & Material Design specs.
2015年50个流行的CSS和JavaScript工具、库和框架

MUI, a lightweight Material Design web framework.
2015年50个流行的CSS和JavaScript工具、库和框架

Random CSS Stuff

icono, a set of pure CSS icons with only one element.
2015年50个流行的CSS和JavaScript工具、库和框架

CSS Gradient Animator, a web-based tool for generating animated gradients.
2015年50个流行的CSS和JavaScript工具、库和框架

localFont, a web app for implementing localStorage web font caching in seconds.
2015年50个流行的CSS和JavaScript工具、库和框架

Web Font Load – The easiest way to install all of the Google Web Fonts on OSX.
2015年50个流行的CSS和JavaScript工具、库和框架

ai2html, an open-source script for Adobe Illustrator that converts Illustrator documents into HTML and CSS.
2015年50个流行的CSS和JavaScript工具、库和框架

JavaScript Libraries & Frameworks

Marx, the stylish CSS reset with no Javacript or Classes. Just raw CSS.
2015年50个流行的CSS和JavaScript工具、库和框架

Sprint, a tiny, lightning fast jQuery-like library for modern browsers.
2015年50个流行的CSS和JavaScript工具、库和框架

Svidget.js, a JavaScript framework for building fantastic SVG widgets.
2015年50个流行的CSS和JavaScript工具、库和框架

Challenger.js, a drop-in JS library that adds interactive programming pop-up challenges to any page.
2015年50个流行的CSS和JavaScript工具、库和框架

Vorlon.JS, an open source, extensible, platform-agnostic tool for remotely debugging and testing JS.
2015年50个流行的CSS和JavaScript工具、库和框架

Layzr.js, a small, fast, modern, and dependency-free library for lazy loading.
2015年50个流行的CSS和JavaScript工具、库和框架

Clusterize.js, a tiny vanilla JS plugin to display large data sets easily.
2015年50个流行的CSS和JavaScript工具、库和框架

Elevator.js, a "back to top" button that behaves like a real elevator.
2015年50个流行的CSS和JavaScript工具、库和框架

egg.js, a simple javascript library to add easter eggs to web pages.
2015年50个流行的CSS和JavaScript工具、库和框架

epicGrid, a pure, lightweight, responsive Javascript solution for building grid systems.
2015年50个流行的CSS和JavaScript工具、库和框架

ramjet.js, a library that morphs DOM elements from one state to another with smooth transitions.
2015年50个流行的CSS和JavaScript工具、库和框架

ItemSlide.js, a simple JavaScript touch carousel with support for touch swiping & mousewheel scrolling.
2015年50个流行的CSS和JavaScript工具、库和框架

Plumin.js – Create and manipulate fonts using Javascript.
2015年50个流行的CSS和JavaScript工具、库和框架

Smiley.js, a script for rotating smiley faces on your site to the correct viewing.
2015年50个流行的CSS和JavaScript工具、库和框架

vivus.js, a lightweight JavaScript class that allows you to animate SVGs.
2015年50个流行的CSS和JavaScript工具、库和框架

Rimg – A pure JS responsive image solution for browsers that support mediaqueries.
2015年50个流行的CSS和JavaScript工具、库和框架

Animsition, a simple and easy jQuery plugin for CSS animated page transitions.
2015年50个流行的CSS和JavaScript工具、库和框架

Unicoder.js, a JS library that converts text to some of the more artistic unicode alphabets.
2015年50个流行的CSS和JavaScript工具、库和框架

Space.js, an HTML-driven JavaScript library for narrative 3D-scrolling.
2015年50个流行的CSS和JavaScript工具、库和框架

cta.js, a lightweight library for animating your "action-to-effect" paths.
2015年50个流行的CSS和JavaScript工具、库和框架

Awesomplete, an ultra lightweight, highly customizable and simple autocomplete jQuery plugin.
2015年50个流行的CSS和JavaScript工具、库和框架

Select or Die, a jQuery plugin to style <select> elements.
2015年50个流行的CSS和JavaScript工具、库和框架

Textures.js — a set of SVG elements for data visualization.
2015年50个流行的CSS和JavaScript工具、库和框架

datedropper, a jQuery plugin that offers an easy way to manage dates for input fields.
2015年50个流行的CSS和JavaScript工具、库和框架

underline.js, a Javascript library that sets out draw and animate the most perfect and playful text underline.
2015年50个流行的CSS和JavaScript工具、库和框架

lory.js, a touch enabled minimalistic slider written in vanilla JavaScript.
2015年50个流行的CSS和JavaScript工具、库和框架

snabbt.js, a minimalistic Javascript animation library that will translate, rotate, scale, skew and resize elements.
2015年50个流行的CSS和JavaScript工具、库和框架

Slideout.js, a touch slideout navigation menu for your mobile web apps.
2015年50个流行的CSS和JavaScript工具、库和框架

JavaScript Garden, a collection of docs about the quirkier parts of JavaScript.
2015年50个流行的CSS和JavaScript工具、库和框架

Web-Based Apps

Epic Favicon Generator, a tool for generating 20 favicon sizes.
2015年50个流行的CSS和JavaScript工具、库和框架

gitgoodies, a collection of shortcuts for the Git commands you use everyday.
2015年50个流行的CSS和JavaScript工具、库和框架

CIRCULUS.SVG, an SVG circular menu generator.
2015年50个流行的CSS和JavaScript工具、库和框架

CSS Ruler, a handy web-based tool for exploring CSS lengths.
2015年50个流行的CSS和JavaScript工具、库和框架

Stickshift – A clean & modern SQL data interface.
2015年50个流行的CSS和JavaScript工具、库和框架

T3 JavaScript Framework, a minimalist JavaScript framework that provides core structure to code.
2015年50个流行的CSS和JavaScript工具、库和框架

SVGOMG, a web-based app for optimizing and configuring SVGO.
2015年50个流行的CSS和JavaScript工具、库和框架

HTML Arrows, a clean and colorful place for all HTML symbol codes.
2015年50个流行的CSS和JavaScript工具、库和框架

.resizr, a simple app for testing your CSS media queries.
2015年50个流行的CSS和JavaScript工具、库和框架

A super simple Pie Menu Generator.
2015年50个流行的CSS和JavaScript工具、库和框架