Gridlex: Flexbox grid system

Gridlex is a simple flexbox grid system. There are three different ways to use it: the basic way where you add a class; the precise, cell-by-cell way; or the automatic, where you just tell it how many cells you want in the grid.

Gridlex

Just a Flexbox Grid System

v. 2.0.5

The concept is simple: you need to wrap your .col in a .grid.

What can we expect?

• Basically each column is the same width as every other cell in the grid.
• But you can add sizing classes to individual columns.
• For responsive designs, you can add classes based on media-queries.
• Top, bottom, or middle. For the grid. And for the columns.
• Grids can be nested. Always. Directly in a column.

Less, Sass, CSS?

I just wanna use it in my page!

To use Gridlex out of the box, call the gridlex.css or gridlex.min.css file in your project :

.

CSSketch: Add CSS support to Sketch 3

CSSketch adds CSS support to Sketch 3 to speed up your workflow. Just attach a stylesheet to your designs to quickly change colors and shadows, lay out your design, and more.

 Sass, Compass

CSS with superpowers

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

GitHub : https://github.com/sass/sass

http://sass-lang.com/

Guide : http://sass-lang.com/guide

• Compass라는 강력한 라이브러리가 css3 지원, 이미지 스프라이트 자동화 등 막강한 기능을 더해준다

Compass : http://compass-style.org/

Neutron is a Sass framework that lets you create clear, flexible, semantic website layouts. It includes powerful features while maintaining a simple syntax.

레퍼런스 사이트 

https://dribbble.com

http://www.slideshare.net/theresaneil/mobile-design-strategic-solutions

http://m.naver.com/

ofcgwt

http://code.google.com/p/ofcgwt/

Overview

The OFCGWT project provides a simple to use chart widget for GWT based on Open Flash Chart 2. The library includes the needed flash insertion, update and manipulation methods for the chart widget. It also includes a POJO model for the chart elements and components that assist in the generation of the JSON to provide the correct chart data for OFC 2.x API.

The project has released a beta of version 2.x and a stable 1.3.x release - with over 12,000+ downloads !!

Note: A beta of v2.0 (GWT 1.6 support) does contain breaking API for those coming from the 1.X version of OFCGWT - it contains new refactored events and a new chart factory, better attach/detach support, new charts features(new Horizontal Stack Bar Chart, enhanced animations based on OFC Ichor with DZ fixes and patches).

Current Status

• 2009-Apr-21: Version 2.0.1 beta released.

Demo

• New Std Demo - Added Transparent Image Bar Chart
• Events Demo - onClick Events Demo showing drill-down

Note: Source code for both demos and more is available in the SVN (click the source tab above and browse to the /trunk/test folder).

Material UI is a CSS framework and set of React components that incorporate Google’s Material Design. Components include buttons, drop downs, menus, switches, toolbars, and more.

.

Motherplate: A bare bones responsive boilerplate

Motherplate is a bare bones HTML5, CSS3, and SCSS responsive boilerplate. It doesn’t include any visual styling or components, just bare bones CSS to get started with.

A bare bones responsive SCSS boilerplate for web designers