発行
Web制作の仕事についたばかりのルーキー（新入社員）のための、おすすめCodeGrid記事ガイドを作成しました。今回は主にHTMLやCSSなどの実装を担当する方を対象としています。
エディタのインデントや文字コード、改行コードなどを一括で設定し、異なるエディタ間でも共有できるEditorConfig。プロジェクトによって設定を変えたり、チームで開発環境を統一するのに重宝します。
2回に渡って解説したFlexboxのプロパティを使って、実践的なレイアウト例を解説します。よく見かける、いわば普段の業務で頻出するレイアウトですので、これからの実装にも役立つでしょう。
発行
アイコンフォントCSSの生成をSassのmixinを作ってより効率的に行う方法を解説します。前回、解説したgulpでの自動化と組み合わせれば、作業の効率化と、質の向上につなげることができます。
フレックスアイテムにflex-growやflex-shrinkを設定すると、フレックスコンテナの範囲内で伸びたり、縮んだりします。このときひとつひとつのアイテムの長さがどのように決まるのか解説します。
BabelはES6の新しい構文は変換してくれますが、APIの変換はしません。これを解決するPolyfillの使い方、またさまざな環境でのBabelの使用方法を併せて解説します。
発行
アイコン画像素材から、それらをまとめたフォントファイル生成、フォントを配したCSSファイルの書き出しまでをgulpを使って自動化します。より効率的にアイコンフォントファイルを管理します。
この記事では、CSS Flexible Box Layout Moduleによるカラムレイアウトの仕様を解説します。フレックスコンテナと、フレックスアイテム、それぞれに設定できるプロパティを紹介します。
BabelはブラウザにまだサポートされていないようなJavaScriptの次世代の標準機能を、現在のブラウザでも使えるようにするNode.js製のトランスパイラです。Babelがどのような働きをするか解説します。
発行
Web Fontsファイルにはアイコンなどのベクターデータを登録できます。Web FontsにするとCSSでの装飾などが簡単に行えます。記事では簡単なWebアプリを利用したファイル生成方法を紹介します。
Browserifyが関わる処理が単純ならコマンドラインで十分ですが、その他にもタスクがあり、複雑になる場合はgulpのタスクに組み込んで使うのが便利です。gulpへの組み込み方法などを解説します。
シリーズの最終回はVue.jsを使ったアニメーション機能を紹介します。CSSやJavaScriptを用いたアニメーションを登録し、DOMの追加、削除のタイミングで実行することができます。