月別: 2016年10月

Accelerated Mobile Pagesの解説

AMPとは AMP(Accelerated Mobile Pages)とは、モバイル端末でのWebページの閲覧を高速化するためのサービスで、GoogleとTwiiterの共同開発のプロジェクトです。 2016年2月にGo… もっと読む »

Gitのホスティングサービスの解説

Gitは、プログラムのソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムです。 何度も編集を重ねその度にバックアップを取るのは大変だったり、複数人で作業する際のトラブルを防止するためなど、エンジ… もっと読む »

CSS擬似要素 before, afterの解説

CSSの擬似要素である、beforeとafterについて解説します。 それぞれ指定した場所の前後に文字や画像を入れることができ、どちらも使い方は下記の通りです。   before   after これ… もっと読む »

HTML5で登場した新要素の解説

メインコンテンツの要素 ページ内の主となるコンテンツを明確にできる要素として、main,article,sectionの3つの要素が追加されました。 main <main></main>はページ内… もっと読む »

flexboxの解説

flexboxは複雑なウェブページやウェブアプリを製作するにあたりとても便利なレイアウトモジュールです。 flexboxを使用するにはflexコンテナーが不可欠であり、CSSで[display:flex]と指定すれば要素… もっと読む »

CSS3 擬似クラスの解説

擬似クラスとは、特定の状態にある要素に対してスタイルを適用させるものです。 多くの種類がありますが、基本的な6つを紹介していきます。   :first-child 親要素の一番最初の直下の要素にのみにスタイルを… もっと読む »

CSSセレクタの解説

セレクタとはスタイルを適用する対象を指定するための記号です。 たくさんの種類がありますが、基本的なものをいくつか解説していきます。   1.ユニバーサルセレクタ *を記述して全てのスタイルに適用するさせることが… もっと読む »

SASS,LESS,PostCSSの違いと使い方

SASS,LESS,PostCSSの3つの言語それぞれのメリットデメリット、使い方をまとめます。 SASS SASSは現在最も主流とされており、通常のCSSと比較すると、変数、算術演算、ネスト、ミックスイン、外部ファイル… もっと読む »