css

[CSS] Code Guide by @mdo: Standards for sustainable HTML and CSS 2014.03.19
[CSS] Fluidity: Making HTML 100% responsive 2014.03.17
[CSS] Progre(c)ss: Pure CSS progress bars 2014.02.10
[CSS] Sublime CSS Completions: A more complete library 2014.02.07
[CSS] Normalize.css: A modern alternative to CSS resets 2014.02.07
[CSS] Pixate: Native iOS styles with stylesheets 2014.01.28

[CSS] Code Guide by @mdo: Standards for sustainable HTML and CSS

홍반장水_ 2014. 3. 19. 09:16

2014. 3. 19. 09:16

Code Guide by @mdo: Standards for sustainable HTML and CSS

Reference / Added on March 18, 2014

This Code Guide by @mdo is a fantastic guide to create sustainable, flexible, and durable HTML and CSS. It includes guidelines for syntax, attribute orders, classes, comments, and more.

Homepage: http://mdo.github.io/code-guide/
GitHub: https://github.com/mdo/code-guide

Standards for flexible, durable, and sustainable HTML and CSS. — http://mdo.github.io/code-guide/

저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[HTML5] Bumpkit: A library for the Web Audio API (0)	2014.09.05
[CSS] CSS-Flip: A CSS BiDi flipper (0)	2014.04.21
[CSS] Fluidity: Making HTML 100% responsive (0)	2014.03.17
[Responsive] Susy: Responsive grids for Compass (0)	2014.02.20
[CSS] Keyframer: A CSS3 animation tool (0)	2014.02.17

[CSS] Fluidity: Making HTML 100% responsive

홍반장水_ 2014. 3. 17. 19:19

2014. 3. 17. 19:19

Fluidity: Making HTML 100% responsive

Use → key to navigate

Fluidity is a tiny bit of CSS (107 bytes total) that fixes the part of HTML that isn’t completely responsive. It makes changes to the way images, tables, iframes, preformatted text, and canvas elements, so that they’re completely responsive.

Homepage: http://fluidity.sexy/
GitHub: http://github.com/mrmrs/fluidity

FLUIDITY

A fully responsive css framework that is impossibly small

HTML out of the box is almost 100% responsive. This stylesheet fixes that in 115 minified bytes. Let's make the web just a bit more responsive shall we?

Installing fluidity

Production

Just include this file in the head of your html file.

<link rel="stylesheet" href="css/fluidity.min.css">

Development

Or if you want to develop with the uncompressed version

<link rel="stylesheet" href="css/fluidity.css">

저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] CSS-Flip: A CSS BiDi flipper (0)	2014.04.21
[CSS] Code Guide by @mdo: Standards for sustainable HTML and CSS (0)	2014.03.19
[Responsive] Susy: Responsive grids for Compass (0)	2014.02.20
[CSS] Keyframer: A CSS3 animation tool (0)	2014.02.17
[Style] Responsive - http://mashable.com/2012/12/11/responsive-web-design/ (0)	2014.02.12

[CSS] Progre(c)ss: Pure CSS progress bars

홍반장水_ 2014. 2. 10. 09:35

2014. 2. 10. 09:35

Progre(c)ss: Pure CSS progress bars

Progre(c)ss makes it easy to create pure CSS progress bars. Just include the stylesheet, add the class to the appropriate element, and then add a data attribute.

Homepage: http://jh3y.github.io/progre-c-ss/
GitHub: https://github.com/jh3y/progre-c-ss/

pure css progress bars with minimal effort!

http://jh3y.github.io/progre-c-ss

Pure CSS progress bars with minimal effort

Usage

Include the stylesheet.
Add the class progrecss to your element (any element)
Add a data attribute data-progrecss defining the completion percentage (1 to 100).

저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[Style] Responsive - http://mashable.com/2012/12/11/responsive-web-design/ (0)	2014.02.12
[Design] Overthrow: An overflow: auto polyfill for responsive designs (0)	2014.02.10
[CSS] Sublime CSS Completions: A more complete library (0)	2014.02.07
[CSS] Normalize.css: A modern alternative to CSS resets (0)	2014.02.07
[CSS] Pixate: Native iOS styles with stylesheets (0)	2014.01.28

[CSS] Sublime CSS Completions: A more complete library

홍반장水_ 2014. 2. 7. 20:00

2014. 2. 7. 20:00

Sublime CSS Completions: A more complete library

This library of Sublime CSS Completions for Sublime Text is much more complete than those that come standard with Sublime Text. Currently only properties are autocompleted, though at some point in the future valid values may autocomplete as well.

GitHub: https://github.com/daneden/sublime-css-completions

저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[Design] Overthrow: An overflow: auto polyfill for responsive designs (0)	2014.02.10
[CSS] Progre(c)ss: Pure CSS progress bars (0)	2014.02.10
[CSS] Normalize.css: A modern alternative to CSS resets (0)	2014.02.07
[CSS] Pixate: Native iOS styles with stylesheets (0)	2014.01.28
[Style] 15 Free Under Construction and Coming Soon Website Templates (0)	2014.01.10

[CSS] Normalize.css: A modern alternative to CSS resets

홍반장水_ 2014. 2. 7. 09:30

2014. 2. 7. 09:30

Normalize.css: A modern alternative to CSS resets

Normalize.css is an HTML5-ready alternative to browser resets. It will make all elements render more precisely and uniformly across browsers, targeting only the styles that need normalizing by detecting browser defaults.

Homepage: http://necolas.github.io/normalize.css/
GitHub: https://github.com/necolas/normalize.css

normalize.css v3

Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.

The project relies on researching the differences between default browser styles in order to precisely target only the styles that need or benefit from normalizing.

View the test file

저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] Progre(c)ss: Pure CSS progress bars (0)	2014.02.10
[CSS] Sublime CSS Completions: A more complete library (0)	2014.02.07
[CSS] Pixate: Native iOS styles with stylesheets (0)	2014.01.28
[Style] 15 Free Under Construction and Coming Soon Website Templates (0)	2014.01.10
[CSS] Myth: A pure CSS preprocessor (0)	2013.12.26

[CSS] Pixate: Native iOS styles with stylesheets

홍반장水_ 2014. 1. 28. 09:07

2014. 1. 28. 09:07

Pixate: Native iOS styles with stylesheets

Pixate is a free framework that lets you style your native iOS views with stylesheets, making it easier to create powerful, engaging user experiences. It includes the Freestyle companion CSS toolkit, too.

Homepage: http://www.pixate.com/
Docs: http://www.pixate.com/documentation.html

저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] Sublime CSS Completions: A more complete library (0)	2014.02.07
[CSS] Normalize.css: A modern alternative to CSS resets (0)	2014.02.07
[Style] 15 Free Under Construction and Coming Soon Website Templates (0)	2014.01.10
[CSS] Myth: A pure CSS preprocessor (0)	2013.12.26
Background Check: Automatically change element colors (0)	2013.10.17

PREV 이전 1 2 3 4 5 6 7 8 ···10 NEXT 다음

긍정적 사고, 음식의 절제, 규칙적인 운동

css

[CSS] Code Guide by @mdo: Standards for sustainable HTML and CSS

Code Guide by @mdo: Standards for sustainable HTML and CSS

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] Fluidity: Making HTML 100% responsive

Fluidity: Making HTML 100% responsive

FLUIDITY

A fully responsive css framework that is impossibly small

Installing fluidity

Production

Development

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] Progre(c)ss: Pure CSS progress bars

Progre(c)ss: Pure CSS progress bars

Usage

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] Sublime CSS Completions: A more complete library

Sublime CSS Completions: A more complete library

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] Normalize.css: A modern alternative to CSS resets

Normalize.css: A modern alternative to CSS resets

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS] Pixate: Native iOS styles with stylesheets

Pixate: Native iOS styles with stylesheets

'프로그래밍 > Style & Design' 카테고리의 다른 글

+ Recent posts

티스토리툴바