WordPress 営業日カレンダーを簡単に設置できるプラグイン「Biz Calendar」
WordPressを使用して企業や店舗サイトを作成するような場合、営業日をひと目で確認できるように「Biz Calender」を使用して営業日カレンダーを設置してみるのもいいかもしれません。Biz C...
WordPress 
jQuery jQueryを利用する際に知っておくと便利なイベントあれこれ
jQueryを扱う上で、よく使用するイベントを簡単にまとめておきます。イベントって何？イベントとは、サイトを閲覧しているユーザーが、マウスボタンをクリックしたりスクロールをしたり、Webページ自体を開...
CSS display:noneとvisibility:hiddenの違い
基本的なことかもしれませんが、今一度「display:none」と「visibility:hidden」の違いについてメモしておきます。display:noneコード自体は存在したままで、要素自体は表...
jQuery レスポンシブ対応メニュー用jQueryプラグイン「meanmenu.js」
ウィンドウサイズが小さい場合に、自動的にナビゲーションを変形させてくれるjQueryプラグイン「meanmenu.js」のご紹介です。PCやタブレットで表示する際は、ナビゲーションを横並びに配置してお...
CSS 要素をブルブル((((；ﾟДﾟ))))震えさせるCSSプラグイン「CSShake」
CSSを使ってクラス名を指定するだけで要素をブルブル((((；ﾟДﾟ))))震えさせることができる「CSShake」というプラグインを使ってみました。CSSを読み込んで、クラス名を指定するだけで利用で...
jQuery マルチデバイスに対応してタブからアコーディオン表示に切り替える「Easy Responsive Tabs to Accordion」
PC・タブレット・スマートフォンなど、マルチデバイスに最適化する軽量なjQueryプラグイン「Easy responsive tabs」をご紹介します。スクリーンサイズが小さくなる際に、タブ表示からア...
jQuery レスポンシブ対応のjQueryプラグイン「Glide.js」スライドショー
スマートフォンやタブレット端末のスワイプにも対応し、かつレスポンシブなスライドショーが実現できるjQueryプラグイン「Glide.js」をご紹介します。横幅100%のイメージスライドショーを手軽に実...
CSS ウィンドウサイズによって違うイメージ画像をCSSで切り替える
レスポンシブに対応できる小技として、PCなどの大きなウィンドウサイズで見た場合と、スマホなどの小さなデバイスで見た場合で表示する画像イメージを切り替える方法を試していきたいと思います。（※ここで基準と...
jQuery jquery.easie.jsを利用しスクロールの余韻を残す
現状最新版のFireFoxで見られるような、画面のスクロール動作でちょっとした余韻を残すアクションを加えてみたい時には、jquery.easie.jsを使って実現が出来ます。デモサンプル// // 1...
jQuery リストをひとつずつ遅延表示させるjQuery
同じような要素を並べて表示する箇所などで少しばかりリッチ感を出したいな～ってときに、各要素を遅延表示させたりすることで単純な一覧表示よりも動きがあっていいかもしれません。jQueryを使ってリストを簡...
SERVICE かんたんにPDFを圧縮してくれる「smallpdf」
サイト上にPDFのデータを表示したいときに、元となるPDFデータが重すぎたので、圧縮出来ないかな～と思っていたら、とってもかんたんに圧縮できる無料ツールを見つけました。それが「simplepdf」です...
HTML パララックスサイト基本的なこと
2012年頃から多くのWebサイトで採用され始め、当初はその流行の波はすぐに過ぎ去ると思われていましたが、今でもパララックスの手法を扱ったサイトデザインが新しく生み出されもし、色々なサイトで見かけられ...
CSS マウスオーバーで画像を拡大・縮小表示 scale()
サイト内のサムネイル画像などに動きを持たせたい時の一例として、マウスオーバーで画像を拡大ズームや縮小表示を、CSSのtransformプロパティのscale値で指定することができます。▼サンプルを見な...
CSS floatで横並びにしたリストをセンタリングする方法
複数の<li>タグをfloatで横並びに配置した際に、全体の<ul>をセンタリング表示したい時ってありますよね。例えば、ページネーションなどがいい例ですが、よくあるセンタリングの指定方法の横幅を指定し...