フロントエンド側のトレンド

今回は前回書いた記事とは別で、

フロントエンドのトレンドを記載していきます。

このふたつについては、基本的に説明は不要かと思います。

この2つは難易度もそれ程ではなく、基本的なスキルになります。

CSS3は従来のCSSで出来なかった、グラデーション、アニメーション、移動、回転、などができるようになり、動きを付けることが出来るようになってきました。

CSSのメタ言語になります。CSSを使いやすく、便利に記述できる。

変数も使えるのは便利です。

JavaScriptのライブラリで、簡単にJsを使えるようになります。

スライドショーやスムーススクロールができる。こちらのほうが、CSS3よりも細かく指定できます。

学習コストはかなり低い部類になります。

軽快、多機能、豊富なプラグインとテーマ、多言語対応など、非常に便利。

HTML+CSSの速度を鬼上げします。
とにかくタイピングが減る。

鬼上げの代表格。自動化してくれるタスクランナーです。

例えばファイルを保存したと同時にブラウザを自動リロード、Sassnoコンパイル、画像とCSSを圧縮などを一瞬で行ってくれる。[grunt]と比較されがち。

こちらのほうが処理が少し速い印象を持ちます。

バージョン管理ができる「Git」。学習コストは少し高いものの、

それだけの価値がある。

index.html以降が複数になったときなど、

問題解決にお勧めいたします。

このあたりはトレンドであって、

これらができればといった話ではありません。

Flashがなくなることもあり、

動きのあるサイトへの対応が変わってきています。

前回紹介したシネマグラフや、動画の背景への埋め込み、

ロード時間を考慮したJsでの記載など、選択肢は多岐にわたります。

様々なやり方ができてきていますが、

基本的にはロードが短く動きが軽いものを作成するためにも、

ライブラリを有効に活用するべきですね。