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

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.

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

장애물을 보는 사람은 많지만
목표를 보는 사람은 적다.
역사는 후자의 공로를 후세에 남기지만
전자에게 돌아가는 보상은 세인의 망각이다.
- 알프레드 아르망 몽타페르 (Alfred Armond Montapert)

실제로 모든 올림픽 선수들, 모든 위대한 지도자들,
끔찍한 사고나 죽음의 질병에서 살아남은 많은 생존자들은
거의 전부가 희망적이고 낙관적인 태도를 지닌 사람들입니다.
그들은 자신들의 삶의 목표를 생각하고 거기에 집중합니다.
그들은 승리를 생각합니다.
장애물이 있으면 그것을 뛰어 넘는 자신의 모습을 상상합니다.
(‘바보들은 항상 결심만 한다’에서 인용)

놀라는 것도 능력이다

“설령 고약한 이웃이 있더라도 그저 너는
더 좋은 이웃이 되려고 노력해야 하는 거야.
착한 아들을 원한다면 먼저 좋은 아빠가 되는 거고,
좋은 아빠를 원한다면 먼저 좋은 아들이 되어야겠지.
남편이나 아내, 상사 부하직원의 경우도 마찬가지야.
간단히 말해서 세상을 바꾸는 단 한 가지 방법은
바로 자신을 바꾸는 거야.
- ‘어린왕자, 두 번째 이야기’에서

갈등 관계에 처할 경우 대부분 상대가 변화해야 문제가 풀린다고 생각해
상대를 변화시키려는 노력을 다하게 됩니다.
그러나 그건 불가능에 가까울 정도로 어려운 일입니다.
오히려 쉬운 것은 내가 변화하는 것입니다.
내가 먼저 변화하면 의외로 쉽게 갈등도 해결되고
경우에 따라서는 상대도 바뀌는 기적을 경험하게 됩니다.

그대는 황제!


시인이여!
사람들의 사랑에 연연해하지 말라.
그대는 황제!
홀로 살으라, 자유의 길을 가라.
자유로운 지혜가 그대를 이끄는 곳으로
사랑스러운 사색의 열매들을 완성시켜 가면서
고귀한 그대 행위의 보상을 요구하지 말라.


- 푸시킨의 시〈시인에게〉중에서 -


* 저도 이따금
글을 쓰다가 낙심이 들 때
일부러 찾아 암송하는 푸시킨의 시입니다.
그때마다 조용히 위로받고 힘을 얻습니다.
그리고 다시 자유의 길, 지혜의 길을
홀로 걷습니다. 홀로 걷는 자!
그대는 시인입니다.
황제입니다.

Fluidity: Making HTML 100% responsive

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.

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">