発行
プロジェクトの目的を明確にする10の質問セット「インセプションデッキ」。よりよい成果を出すインセプションデッキの作成は、作成する体制がキモです。これまでの実務経験を踏まえ解説します。
SassなどのCSSプリプロセッサではおなじみのCSSでの変数は、一部のブラウザではネイティブのCSSでも使用できます。この記事ではCSS Variablesの基礎と、変数を用いた実装のアイデアを紹介します。
フィルタはテンプレートでの表示を変換できます。既製フィルタの使い方、カスタムフィルタの作り方や使い方を解説します。フィルタをうまく使うと、ビューやコントローラーの見通しがよくなります。
発行
フロントエンド・エンジニアは単に実装段階に関わるだけでなく、企画段階から技術的な相談役として関わることも増えました。このようなプロジェクトで、どんなことができるのか考えてみましょう。
HTMLとCSSの力を最大限に引き出してみましょう。HTMLとCSSだけで実装されたタイピングゲームの仕組みには、さまざまな実装のヒントか隠されているのです。
AngularJSの主な概念のうち、複数の機能をまとめるモジュールと、ビューの振る舞いを定義するコントローラーについて解説します。AngularJS特有の文法や注意点もあわせて紹介します。
発行
この記事ではGIF、JPEG、PNG、それぞれの圧縮方式の詳細を解説しながら、どのような画像の圧縮が得意なのか、また不得意なのかを考えます。画像の軽量化のポイントとなる知識です。
SMACSSの5つのルールのうち、モジュール、状態、テーマの3つを解説します。5つのルールで運用することで、メンテナンスや機能追加により強いCSS設計をすることができます。
AngularJSのテンプレート機能のうち、基本的なものを解説します。今回の記事では、JavaScriptを1行も使わないサンプルばかりですが、双方向データバインディングが簡単に実装できるのがわかります。
発行
コンテンツの表示速度は重要な「機能美」のひとつだと言えます。この記事では、画像の圧縮方法を理解することで、表示速度の向上に寄与する画像の特徴を解説します。
CSSの設計方法のひとつ、SMACSS（スマックス）の基礎を学びます。今回はSMACSSの5つのルールのうち、ベースルールと、レイアウトルールを解説します。
第1回目はAngularJSとはどのようなことができるのか、どのような特徴があるのかを簡単なデモを用いて説明します。これから実装を理解するにあたってのベースとなる概要をおさえましょう。