HTML/CSS

webサイトのページ内でよく使用する矢印や三角形などを、画像を読み込むのではなく、CSSを利用して設置したい場合もあると思います。 三角形、矢印、大なり記号、チェックマーク、吹き出し、ステップ表示をCSSのborderプロパティを利用して作成する時の記述例などを紹介します。

HTML/CSS

Webサイトのセクションの区切り等で背景色の切り替わりが斜めになっているようなデザインがありますが、 このような斜めの背景をCSSで作るにはtransformやclip-pathを利用する方法が考えられます。 今回は、これら二つを使って斜めの背景を作る方法を具体的な記述例と併せて紹介していきたいと思います。

WebDesign

Webデザインにおいて、カラーユニバーサルデザインに配慮して出来るだけ多くの人に見分けやすい配色を選ぶために利用できるツールを紹介します。

JavaScript/jQuery

クリックで文字列をクリップボードにコピーすることができるJavaScriptライブラリ「clipboard.js」の使い方を紹介します。

WordPress

WordPressサイトにフォームを設置できるプラグインにはいろいろなものがありますが、今回はユーザーが送信する前に入力内容を確認することができる「MW WP Form」というプラグインを使ったフォームの設置方法を紹介していきたいと思います。

WebDesign

デザインカンプとコーディング結果とを重ねて見て比較することができるブラウザの拡張機能”PerfectPixel”を紹介します。

HTML/CSS

tableのレイアウトをパソコンでの表示とスマートフォンでの表示とで切り替えたい時など、ディスプレイの幅が違う時でもtableのレイアウトをcssで適切に表示させたい時の方法を紹介します。

WordPress

WordPressサイトのセキュリティ向上に役立つプラグイン”SiteGuard WP Plugin”を紹介します。

HTML/CSS WebDesign

ファビコンを作成してホームページに設定する方法を紹介します。

HTML/CSS

ハンバーガーメニューのボタンをcssを利用してつくる時の記述例を紹介します。