Webデザイン
-
CSS3のブレンドモードを利用して、君もベテランブレンダーになろう。
こんにちは。 30度を超す日もあり初夏の趣きもあるこの頃ですが、 CSS3のブレンドモード（描画モード）にはまっております。 いいですね。ブレンドモード。 繰り…
-
Webデザインの提出にかかる手間を少なくする方法
ゴールデンウィーク真っ只中ですが、いかがお過ごしでしょうか。 僕は仕事と、子供たちの世話や遊び相手に追われる日々です…。 Webデザイン・デザインカンプの提出を…
-
画面の中央から割れるような動きの「Fullscreen Slit Slider」プラグインでインパクトアップ
画面の中央にスリットが入り、割れてスライドする動きのjQueryプラグイン「Fullscreen Slit Slider」をご紹介します。 ダイナミックな動きで…
-
コンテンツスライダーに最適な万能カルーセルパネル「slick.js」
狭い領域を効果的に活かせるコンテンツスライダーはよく案件に出てきます。高性能なカルーセルプラグイン「slick.js」は使い勝手がいいです。 まずはデモをご覧く…
-
スマホのフリックにも対応する次世代jQueryスライダー「Slider Pro」
2016年現在、jQueryスライダーはホントに沢山ありますが、その中でも秀逸なコンテンツスライダー「Slider Pro」に出会いましたのでご紹介します。 ま…
-
CSSで画像に白黒やセピアなどの効果をかける方法
白黒やセピア色など、エフェクトを加えた画像は、 今まではPhotoshopなどで効果をつけたものを作成してアップするのが普通でしたが、最近ではCSSで直接効果を…
-
スマホに最適なスワイプメニューを実装できる「Snap.js」の使い方
ご無沙汰しております。 Webデザイナーの菅です。 Facebookのように横から展開するメニューを実装できるjQueryプラグイン「sidr」の使い方 以前、…
-
前後左右の画像を表示しつつスライドするカルーセルスライダー「jQuery FilmRoll」
めっきり春っぽくなってきました。 毎年の如くこの季節は花粉症に悩まされる日々、 強風の日とかマジきついです。 コンテンツスライダーで、前後の要素（画像）を表示さ…
-
スマホのレスポンシブにも対応したjQueryスライダー「glide.js」の使い方
スマホやタブレットのタッチデバイスにも対応した レスポンシブjQueryスライダー「glide.js」がとてもよかったので 使い方とデモ・サンプルをご紹介します…