CSSのborderプロパティを使用して三角形、矢印などの図形を作成する方法
webサイトのページ内でよく使用する矢印や三角形などを、画像を読み込むのではなく、CSSを利用して設置したい場合もあると思います。 三角形、矢印、大なり記号、チェックマーク、吹き出し、ステップ表示をCSSのborderプロパティを利用して作成する時の記述例などを紹介します。
斜めの背景をCSSで作る方法
Webサイトのセクションの区切り等で背景色の切り替わりが斜めになっているようなデザインがありますが、 このような斜めの背景をCSSで作るにはtransformやclip-pathを利用する方法が考えられます。 今回は、これら二つを使って斜めの背景を作る方法を具体的な記述例と併せて紹介していきたいと思います。
テキストをクリップボードにコピーできる”clipboard.js”の使い方
クリックで文字列をクリップボードにコピーすることができるJavaScriptライブラリ「clipboard.js」の使い方を紹介します。
WordPressのプラグイン”MW WP Form”で内容確認画面つきのフォームをつくる
WordPressサイトにフォームを設置できるプラグインにはいろいろなものがありますが、今回はユーザーが送信する前に入力内容を確認することができる「MW WP Form」というプラグインを使ったフォームの設置方法を紹介していきたいと思います。
デザインカンプとコーディング結果とのズレを確認できる”PerfectPixel”
デザインカンプとコーディング結果とを重ねて見て比較することができるブラウザの拡張機能”PerfectPixel”を紹介します。
cssでレスポンシブなtableをつくる方法
tableのレイアウトをパソコンでの表示とスマートフォンでの表示とで切り替えたい時など、ディスプレイの幅が違う時でもtableのレイアウトをcssで適切に表示させたい時の方法を紹介します。
WordPressのセキュリティプラグイン”SiteGuard WP Plugin”
WordPressサイトのセキュリティ向上に役立つプラグイン”SiteGuard WP Plugin”を紹介します。