未分類

Google Chromeデベロッパーツール | コードの文字サイズを元に戻す方法

Google Chromeデベロッパーツールに表示されているコードの文字サイズが小さくなってしまい、元に戻らなくなったことはありませんか? 元の文字サイズに戻すには、ショートカットコマンドで簡単に直す事ができるので、やり方を解説します。
jQuery

背景全体にスライドショーを設定!【jQueryプラグインVegas 】を実装してみた

「Vegas Background SlideShow」は背景にスライドショーを表示できるjQueryプラグインです。初期設定や使用方法、オプションについて解説します。
JavaScript

要素をクリックして色を変更する方法 JavaScript編

要素にJavaScriptを設定し、クリックすると色が変わるようにしましたので、手順を解説します。
未分類

ダミーテキスト lorem ipsum(ロレム・イプサム)について

印刷物やWebページのデザインを作成していると、見出しや文章がすべて揃っていないにもかかわらず、デザインを用意しなければならないときがありますよね。そのような時にダミーテキストを使いますが、今回はダミーテキストに慣習的に用いられる 「Lorem Ipsum (ロレム・イプサム)」について調べてみました。
HTML

WordPressでリンク先を別ウィンドウで表示する方法

WEBサイトのリンクをクリックすると、同じウィンドウで開かれる場合と、新たに別ウィンドウで開かれる場合があります。この記事ではWordPressを使って、別ウィンドウの表示する設定方法について解説しています。
JavaScript

JSライブラリ「YubinBango」で郵便番号から住所の自動入力をしてみた

入力フォームに郵便番号を入力すると、住所が自動的に表示されるJavaScriptライブラリ「yubinbango」について紹介します。class名を指定するだけのお手軽に実装することができます。
jQuery

jQuery slick(スリック)でスライダーを作成してみた

jQuery slick(スリック)を使い、カルーセルスライダーと呼ばれている、数枚の画像がスライドし切り替わっていくギャラリーを作成してみました。ファイルの入手からスライダーの作成、オプションの指定について解説しています。
WordPress

Font Awesome5をCocoonで使う方法を解説します

アイコンを表示するにはFont Awesomeを使うと簡単に表示することができます。今回は、Font Awesome5をCocoonで使う方法について解説します。
jQuery

画像に波紋を追加できる jQuery Rippleriaとは

ボタンや画像をクリックすると、水面に波紋が広がるような効果を追加できるjQueryプラグイン 「Rippleria」を実装してみましたので、手順をご紹介します。
jQuery

jQueryで画像切替表示を作成してみました

フリマアプリで出品されている商品画像のように、下に並べられた画像をクリックすると、メインの画像が切り替わるものをjQueryを使って作成してみました。