CSS Tools, Frameworks & Libraries

CSS is one of the most important parts of Web Design and Development. It is the style guide of your HTML, without it there is no Visual Aesthetics and no User Experience. Below is a list of some of the resources available on the internet for CSS Development.

Animation Libraries

Animate Plus

Animate Plus is a CSS and SVG animation library for modern browsers. Animate Plus is performant and lightweight (3KB gzipped), making it particularly well-suited for mobile.

Tuesday

It’s a quirky CSS Animation Library developed at Shakr.

Motion UI

Motion UI includes more than two dozen built-in transition and animation classes that make prototyping easy. When you move to a production environment, the library gives you total control over how your effects work.

Utilities & Tools

sanitize.css

sanitize.css makes browsers render elements consistently and allows you to style with today’s best practices out-of-the-box.

PurifyCSS

Detects which CSS selectors your app is using and creates a file without the unused CSS.

CSS Toolkits

CSSGram

Simply put, CSSgram is a library for editing your images with Instagram-like filters directly in CSS.

Flickity

Flickity makes galleries, sliders, & carousels that feel lively and effortless.

Marx

Marx is a CSS stylesheet to be used in any projects. If you don’t need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you.

Drop

Drop.js is a powerful Javascript and CSS library for creating dropdowns and other floating displays.

ai2html

ai2html is an open-source script for Adobe Illustrator that converts your Illustrator documents into html and css.

Responsive Web Frameworks & UI Kits

Juiced

Juiced has many of the same layout features that you know and love, but improves upon them with better mobile targeting, custom column ordering, better alignment options, understandable HTML, and less boilerplate styles.

Primer

Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS.

Basscss

Basscss is a lightweight collection of base element styles and immutable utilities designed for speed, clarity, performance, and scalability.

Wee

A lightweight front-end framework for logically building complex, responsive web projects.

Web-Based CSS Tools & Apps

CSS Gradient Animator

A CSS generator to create beautiful animated gradients for use on your website.

FilterBlend

FilterBlend is a playground for the new CSS background-blend-mode and filter properties.

.resizr

Test your responsive web page and check your CSS media queries.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s