オブジェクト指向CSS（以下OOCSS）では「構造とスキンを分離する」という言葉を良く見かけます。 最初は具体的にイメージできなかったのですが、おそらくこういう事ではないかと思ったので、調べた事をまとめたいと思います。 サイト制作では、CSSの記述によって更新性などパフォーマンスに違いが出てしまいます。 柔軟に対応しようとして細分化しすぎるとインライン指定と似たものになりCSSの役割を活かず、セマンティックにしようとするとCSSが重複しがちです。 【インライン指定のようになってしまった例】 ・CSS .red { color: #FF0000; } ・html <div class="mainArea"> <h2 class="red">タイトル</h2> </div> 【セマンティックな例】 ・CSS .mainTtl01 { width: 700px; margin: 20px 0;
バンダイ ガールズトイ事業部は12月28日（土）、新商品「トゥインクルパクト」シリーズを発売します。1990年代に大ヒットした、コンパクト型のドールハウスです。無料のARアプリ「ようせいカメラ」と連動し、コンパクトの“中”に入ったような写真が撮れます。 ▽ トゥインクルパクト｜ガールズチャンネル｜バンダイ ▽ 404 ERROR Not Found 「トゥインクルパクト」シリーズは、手のひらサイズのドールハウスです。全長約8～9cmのコンパクトの中に、小さな人形1体が入っており、テーマに沿った小さな世界が表現されています。今回発売されるのは、「ハートのラブリールーム」「星のアイドルステージ」「まあるいケーキやさん」「クローバーの遊園地」の4種。コンパクト内の一部は、他のコンパクトと入れ替えることができます。価格は各1,575円（税込）です。 な、懐かしい……！ ARアプリ「ようせいカメラ」
ungitはnode.jsで動くグラフィカルなgitクライアントです Learn Git Branchingみたいな直感的なGUIで操作できるので とても分かりやすいです インストール 今回はnvmを使用してnode.jsを入れます $ git clone git://github.com/creationix/nvm.git ~/.nvm $ source ~/.nvm/nvm.sh $ nvm install v0.10.22 $ npm install -g ungit $ nvm use v0.10.22 ログイン時も有効にしたい場合は.bashrcに以下のように書いておきます if [ -d $HOME/.nvm/ ] then source ~/.nvm/nvm.sh nvm use v0.10.22 > /dev/null fi 起動 以下のコマンドで
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details » Not everyone can play with the latest specs, and there will always be edge-cases that require ma
FabLab Shibuyaは、ロフトの新業態「LOFT&」とコラボレーションし、デジタル加工工房「&FAB」を立ち上げることを発表した。この工房は東京都・渋谷の西武渋谷店 モヴィーダ館「LOFT&」7階に、11月29日よりオープンする。営業時間は12:00～21:00(受付は20:00まで)。 「&FAB」は、ペーパーカッターやレーザーカッター、UVプリンターなど、最新のデジタル加工機器を設置したデザイン工房。さまざまな企業やショップ、メディア、クリエイターとパートナーシップを組み、新しいことを生み出していくことを目的に生まれたロフトの新業態「LOFT&」のいちサービスとして展開される。 また、「&FAB」では、ロフト、およびこの新業態に協力する無印良品の商品を、デジタル加工機器を使って自分好みのデザインにすることができる。iPadで描いた絵や文字を商品に追加するなど、さまざまな方法でカ
768 px 100 px 200 px 200 px Fill: none Stroke: Solid 13pt #4990E2 Stop spec'ing by hand Design. Iterate. Spec. Sync. Add specs to your designs in an instant. Simplify your design to dev production with Specctr's panel and new automated annotation features. Now open source and free to use. Download Here Introducing Specctr 3.0 Spec in just a few easy steps! Our newest panel is better than ever. New
こんにちは。はてなブログディレクターの id:onishi です。 今年は、はてながブログサービス（はてなダイアリー・はてなブログ）を提供して10年という節目の年となりました。シンタックスハイライト機能や、はてなブログでのMarkdown対応などエンジニア向けの機能を数多く備えていることもあり、多くのエンジニアがブログを書く際にご利用いただいています。 そうしたエンジニアとブログの関係をあらためて考えてみようと、日本マイクロソフトの協賛によりブロガーイベント はてな エンジニアブロガー祭り を、2013年12月14日（土）に開催します！ メインのパネルディスカッション（第2部）では、豪華エンジニアをゲストスピーカーに、エンジニアがブログを書くことのメリットや、長年にわたって書き続ける意味、それを通して得られた体験などを語り合っていただきます。それに先立つ第1部では、はてなエンジニアがはてな
Installation Install the gem and run middleman init my_project to create a new Middleman site from the command line. See full install instructions Customize Your Site Check out the directory cd my_project. Middleman works right out of the box. Start reading the docs to find out what each directory is doing and how to customize your site. See advanced customizations Build and Deploy Running one com
##「あなたの」Sublime textについて教えて下さい！ Sublime text http://www.sublimetext.com/ もっとSublime textのことが知りたい 今年1年、Sublime textには随分お世話になってきました。 自分のやりやすいスタイルも見つけてきたつもりですが、が！ …自分の知らない便利機能がもっとあるはず …人の環境ってどうなってるのか知りたい あなたのSublime textについて教えてください！ たとえば おれのさぶらいむてきすとカラースキーマ おれのさぶらいむてきすとインストールパッケージ一覧 おれとさぶらいむてきすとと仕事 おれのさぶらいむてきすとショートカットのこれが好き おれとさぶらいむてきすとの出会い おれのさぶらいむてきすとうらわざ おれのさぶらいむてきすと環境 おれのさぶらいむてきすとがこんなに可愛いわけがない ルー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
