発行
CodeGridメールマガジンが100号を迎えることができました。そこで、これまであまり公には話してこなかった、事業としてのCodeGridや、今後の事業展開を、社長の中村が書き綴っています。
これまでfloatで実現していた段落レイアウトをdisplay: tableで実現するだけでなく、さらに、その特性を活かした応用例を紹介します。日常業務でも使えそうなサンプルを用意しました。
HTMLテンプレート設計法のひとつ、BEMを解説します。BEMはJavaScriptなども含む、包括的な設計の方法論ですが、記事では、主にHTMLとCSSの設計概念にフォーカスします。
発行
2014年4月にWindows XPのサポートが終了し、業務で対応すべきブラウザがIE8もしくは、IE9以上に変化してきます。この記事ではIE8以降で使えるマルチカラムレイアウト手法を解説します。
OOCSSにおける重要な概念「ストラクチャ」と「スキン」を、少し複雑な設計をサンプルとして解説します。モジュールの粒度や、ストラクチャとスキンの切り分けの参考にしてください。
これまでの記事で触れてこなかったMarionette.jsの便利機能や、執筆現在の最新版における機能の補足解説をします。これからMarionette.jsを使いこなすために役立つ情報です。
発行
今年1月からピクセルグリッドに参加したフロントエンド・エンジニア 中島直博に、仕事の行方を聞きました。コミュニティに積極的に参加したことが結果的に、道を拓くことになったようです。
OOCSSの設計概念のひとつ、モジュールの関係を「ストラクチャ」と「スキン」で整理するという考え方を解説します。単純な構造のサンプルを使って説明しますので、概念をしっかりおさえましょう。
Marionette.Layoutは、Marionette.Regionをラップして機能を拡張したコンポーネントで、View表示の「枠」の役割を果たします。コードの記述方法を統一し、統一したい所作を記述することができます。
発行
Fluent Conference 2014レポートの最終回。エンジニアの外村が参加したセッションから、JavaScriptのフレームワークの重要な機能、テストの使用用途など印象深かったことをレポートしています。
HTMLテンプレートを設計する上で、基礎と考えられる概念のひとつOOCSSを取り上げます。オプジェクト指向のCSSとは何か？ 今回はその考え方の基本をまずおさえましょう。
ItemViewをまとめて扱うことができるCollectionViewと、ItemViewとCollectionViewの特性を併せ持つCompositeViewを解説します。両者とも、親子関係のあるViewを扱うのに長けています。