こんにちは、CSSが好きなフロントエンドエンジニアのナユです。 絵文字 / Emoji Advent Calendar 2016 11日目の記事です。 （仮タイトルから内容が変わっちゃいました。すみません＞＜） 10日目の湊川あいさんとわかばちゃんコンビに続いて、絵文字でわかるシリーズです。 ##はじめに コーディングをするにあたり、近年よく「コンポーネント指向のCSS設計」という言葉を耳にします。 しかし、参考になるコード量も少なく、あったとしてもよくあるUIをコーディングしてみよう、といったものが大半です。 本稿は、「CSS設計を勉強したいけれど参考資料が少ない…」とお悩みの人に少しでもお手伝いができればと思って書かれています。 少々難しい点があるかもしれませんが、ご質問などはコメントもしくはtwitter(@nayucolony)までリプライをくださいませ！ 内容 本稿は、Emoji

Frontrend Advent Calendar 2014 - Qiitaの24日目。たぶん。知らんけど。 ちょっと前になるが12/13にバンクーバーで開催されたThe Style & Class Conference 2014に参加してきた。前日にSmashing Conferenceが、ウィスラーというバンクーバーから比較的近い所で開催されていて、本当はそっちに行きたかったんだけど高額なため、地元コミュニティのほうにだけ参加した。ウィスラーの方の記事は@ygoto3が書いてたっぽい。 Smashing Conferenceで登壇していたJohn Allsopp氏やVal Head氏もこのカンファレンスで登壇するということで、『なんだ、ウィスラーのついでかよー』と思い全然期待してなかったのだが、行ってみたらカンファレンス全体の構成などすごく考えられていて、とても素晴らしいカンファレンス

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！ 白石 俊平（HTML5 Experts.jp編集長） 人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ！ Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザインを採用しました。ただこれは「流行りに乗った」のではなく、テーマの一つとして提供されているという位置付けのようです。 例えば以下は、Bootstrap3のボタングループです。 レスポンシブWebデザインの全面採用 以前までのBootstrapは、レスポンシブWebデザイン

The following post is by Kitty Giraudel, a regular contributor here. In the grand CSS-Tricks tradition, Hugo found a cool effect on the web and dug into how he could re-create it in a smart way. A couple of days ago, I saw this pen by Hugo Darby-Brown which intented to reproduce the MetaFizzy effect by David DeSandro in pure CSS with the help of Sass. Hugo did a great job and probably the most imp

The Conference CSSConf is a conference dedicated to the designers, developers and engineers who build the world’s most engaging user interfaces. The presenters push the boundaries of what is possible — talking about the latest technologies, cutting edge techniques, and tools. CSSConf 2016 takes the show on the road anew, bringing two days of talks from experts around the community to Boston! Part

UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.

.css-day { date: 'June 6 & 7'; speakers: 14; /* Single-track */ venue: Zuiderkerk; /* Amsterdam, NL */ } /* SOLD OUT! */ Watch all sessions CSS Day is a focused, advanced CSS conference. Our attendees and speakers are a mix of CSS designers, developers, spec writers and browser vendors, who take pride in what they know and do. We are a conference with an informal vibe and plenty of breaks, where a