n2sのブックマーク - はてなブックマーク

n2s id:n2s

ブックマーク / www.codegrid.net (3)

知っておきたいCSS設計法 | 第1回 OOCSSの基本
知っておきたいCSS設計法第1回 OOCSSの基本 HTMLテンプレートを設計する上で、基礎と考えられる概念のひとつOOCSSを取り上げます。オプジェクト指向のCSSとは何か？　今回はその考え方の基本をまずおさえましょう。はじめにこのシリーズでは、OOCSS（オーオーシーエスエス）、BEM（ベム）、SMACSS（スマックス）という3つのCSS設計概念の概要を解説します。HTMLとCSSをどのように書いていけばよいかは、過去に「CSSの設計」シリーズにまとめました。今回のシリーズは、その2014年度版とでもいうような内容になっています。というのも、CSSの設計を書いた頃と比較すると、さまざまな設計概念が広く知られるようになったものと思います。今回紹介するBEMやSMACSSが、その代表です。また、CSSのプリプロセッサSassのバージョンアップでは、BEMを意識したような機能なども追
n2s 2014/11/30
CSS

OOCSS
リンク
攻略！AngularJS 1.2 | 第1回 AngularJSとは
攻略！AngularJS 1.2 第1回 AngularJSとは第1回目はAngularJSとはどのようなことができるのか、どのような特徴があるのかを簡単なデモを用いて説明します。これから実装を理解するにあたってのベースとなる概要をおさえましょう。はじめに本シリーズではJavaScriptのアプリケーションフレームワークであるAngularJSの基本的な機能や使い方について解説します。初回は、AngularJSを使うとどのようなことができるのか、どのようなフレームワークなのかという点を簡単に紹介します。 MVWフレームワーク AngularJSは、Googleが開発を行っているJavaScriptのアプリケーションフレームワークです。いわゆる*MV**と呼ばれる種類のフレームワークで、Backbone.jsやEmber.js、Knockout.jsなどとよく比較されます。 *MV*
n2s 2014/07/11
javascript

AngularJS
リンク
Web制作者のための実践Git | 第1回適切な履歴の作り方
上記の例の場合、変更した箇所が近いため同じhunk（変更の塊）として表示されています。ですので、hunkをさらに分割する必要があります。そのためにはsを選択します。そうすると次のような表示になります。 Split into 2 hunks. @@ -1,5 +1,5 @@ <ul> <li><a href="/">Home</a></li> - <li><a href="/about.html">About</a> + <li><a href="/about.html">About</a></li> <li><a href="/help.html">Help</a></li> </ul> Stage this hunk [y,n,q,a,d,/,j,J,g,e,?]? 変更が分割されて閉じタグ忘れだけの変更が表示されています。ここでyを押してこの変更をステージングします。すると次は以下の表
n2s 2014/01/10
Git
リンク
1