Resources, Tools และ Plugins สำหรับคนทำเว็บ

CSS tools and resources

Some CSS classes to move your DOM! Impressive effects with minimum of effort.

CSS3 Animations with special effects. Just include the CSS style: magic.css or include the mynified version: magic.min.css

Hover.css

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

typebase.css

Typebase.css is a minimal, customizable typography stylesheet.

Materialize

A modern responsive front-end framework based on Material Design

Material UI

A CSS Framework and a Set of React Components that Implement Google’s Material Design

CSS Shrink

A CSS minifier built because CSS is on the critical path to rendering pages. It must be small! Or else!

Power To CSS

A well designed CSS framework, based on the principles of SMACSS and DRY.

Flexbox Grid

A grid system based on the flex display property. A neat grid system that you can start using today.

jQuery plugins

pagePiling.js

pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections.

fullPage.js

A simple and easy to use plugin to create fullscreen scrolling websites.

Animsition

A simple and easy jQuery plugin for CSS animated page transitions.

Flickerplate

A cool jQuery plugin that lets you flick through content.This plugin is included within Webplate .

ScrollMe

A jQuery plugin for adding simple scrolling effects to web pages

Slidebars

Slidebars is a jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website.

Magneticmediajs

A JavaScript and CSS solution to display media content in a stylish mobile-ready overlay fashion.

SVGMagic

A jQuery plugin that searches for SVG images on your website and creates PNG versions if the browser doesn’t support SVG.

Simple jQuery CSS3 slider

A simple slider that does what a simple slider has to do: slide slides!

CSS experiments

Pull Menu

Menu Interaction Concept. Just pull down and release to jump between pages.

Responsive Mail UI

t’s responsive until pretty darn small but i haven’t actually tested it on mobile devices.

Blurred Background CSS

Create blurred version of the background, and set the background property both of them to be cover sized and fixed.

Apple zoom out effect

Interesting effect that Apple used for a presentation of a product that designers managed to recreate.

CSS-only Weather App Concept

Dribbble rework of an original shot by Sergey Valiukh. Impressive at least.

Firewatch Parallax in CSS

The parallax header on the Firewatch website in CSS. It was originally meant as a daft experiment.

UI kits

Bootstrap 3 Vector UI Kit

This UI Kit contains all Twitter Bootstrap 3 UI controls in vector format,

Summer UI Kit

Summer is a UI kit for designers and web developers that can be downloaded for free.

Sally Blocks

PSD blocks and elements for fast and simple creating of responsive websites.

Flat UI Kit

Nice and modern UI kit that will surely be of use for you. Download and use it.

Awesome UI Kit

Useful UI kit with few but interesting design elements, just good to make quick designs.

Free Flat UI Kit

Free .sketch UI kit for those who use Sketch App and want an UI kit in their toolkit.

Icons

Themify Icons

Themify Icons is a complete set of icons for use in web design and apps, consisting of 320+ icons.

Linea

A free outline iconset featuring 730+ Icons. Coded and designed by Dario Ferrando.

OPEN ICONIC

An open source icon set with 223 marks in SVG, webfont and raster formats

Touch Icon Set

A free collection of 340 touch icons designed at 24 x 24 pixels and scaled up for retina.

Icon Works

The icon pack TTF, EOT, WOFF, and SVG font files that are ready for you to use in your web projects.

150 outlined icons

A simple but useful icon set, completely free now and ever. Icons available in PSD, AI, SVG, Webfont format.