デザインのメモ

slickを使って全画面表示のスライドショーってできますかー レスポンシブを考えて『background』で対応してみましょうー 【実装】全画面表示（background対応） しっかりレスポンシブ対応したいので『bac

...

Lightboxプラグイン『fancybox3』の使い方と、制作に役立つ実装サンプルをまとめました。とってもモバイルファーストに設計されているのでとってもおすすめです。 モバイルファーストですねー 共有ボタンもありますよ

...

あ、iPhoneで見るとちょっとズレてますー そんな時はブラウザの高さを自動で取得しちゃえばOKですよー 画像を画面いっぱいに表示する（ブラウザサイズを自動で取得してiOS対策） See the Pen 【jQuery】

...

jQueryの遅延（少し遅らせて表示させる、最近よく見かけるあれです）プラグイン『inview.js』の使い方と、制作に役立つ実装サンプルをまとめました。CSSのアニメーションと組み合わせることでサイト制作の幅がとっても

...

jQueryの遅延プラグイン『inview.js』と、画像の遅延表示ができる『lazysizes.js』を組み合わせるととてもいい感じだったので備忘録です。 ふわーっとできますかー 画像の読み込みを遅くして、コンテンツも

...

横並びの要素の高さを揃えてくれるプラグイン『matchHeight.js』の使い方と、制作に役立つ実装サンプルをまとめました。「flexboxの中にあるこの部分の高さを揃えたいのだけど！」って言う時にはとってもおすすめで

...

スマホだとクリッカブルがズレますー そんな時は『RWD Image Maps』を使いましょうー 【実装】丸でクリッカブルしてみました 画像サイズ（widthとheight）の指定は必須です。 See the Pen 【j

...

4月号のランキングですねー 春らしいデザインが多かったですー デザインのことでは、その月にX（旧Twitter）で紹介した中から「いいね」がいっぱい付いたWebデザインを7つ選ぶランキング企画を毎月やっています。今回は2

...

3月号のランキングですねー 春の気配を感じるデザインですー デザインのことでは、その月にX（旧Twitter）で紹介した中から「いいね」がいっぱい付いたWebデザインを7つ選ぶランキング企画を毎月やっています。今回は20

...

ローディングをまとめてみました。おしゃれなサイトさんはローディングを組み込んでいるなー、と思う今日この頃です。意外と簡単なのでお時間ありましたら組み込んでみてくださいませ。 ローディングを設定したいのですが難しいですかー

...

あのー、下からふわっと出したいのですが、場所指定ってできますかー？ 場所指定、できますよー 【サンプル】指定した場所までスクロールすると下からふわっと出てくる まずはスクロールですねー See the Pen 【jQue

...

番号をふりたいんですけどー あー、擬似要素を使ってのリスト化ですねー サンプル一覧 1段目／1からはじまる2段目／0からはじまる3段目／01からはじまる4段目／001からはじまる See the Pen CSS / co

...

2月号のランキングですねー まだまだ寒い季節でしたー デザインのことでは、その月にX（旧Twitter）で紹介した中から「いいね」がいっぱい付いたWebデザインを7つ選ぶランキング企画を毎月やっています。今回は2024年

...

ん、ハンバーガー？ 三本線がハンバーガーに見えるからってことらしいですよ クリックエフェクト サンプル集 いろんなハンバーガーメニューのクリック時のエフェクトを作ってみる。動きがわかりやすいようにゆっくり動くように指定。

...

画像は使わないんですか？ CSSだけで簡単にできますよー 三角アイコン 疑似要素「:before」でテキストの横に三角アイコンをつけています。 See the Pen CSSだけで、三角アイコン by 125naroom

...

1月号のランキングですねー 新年らしいデザインもありましたー デザインのことでは、その月にX（旧Twitter）で紹介した中から「いいね」がいっぱい付いたWebデザインを7つ選ぶランキング企画を毎月やっています。今回は2

...

jQueryのアコーディオン実装サンプルを作りました。サイト制作でよく使うものをまとめました。 いろいろありますねー いろいろあるのでまとめましたー アコーディオン、シンプル版 See the Pen アコーディオン、シ

...

12月号のランキングですねー 年末らしいデザインもありましたー デザインのことでは、その月にX（旧Twitter）で紹介した中から「いいね」がいっぱい付いたWebデザインを7つ選ぶランキング企画を毎月やっています。今回は

...

今回は2023年の年間ベスト10ですねー 1年分から選んだ10個ですー デザインのことでは、その月にX（旧Twitter）で紹介した中から「いいね」がいっぱい付いたWebデザインを7つ選ぶランキング企画を毎月やっています

...

11月号のランキングですねー 秋深まる季節でしたー デザインのことでは、その月にX（旧Twitter）で紹介した中から「いいね」がいっぱい付いたWebデザインを7つ選ぶランキング企画を毎月やっています。今回は2023年1

...

指定した場所で出したいのですよー そして指定した場所で消したいのですねー 実装サンプル See the Pen 【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える、実装サンプル by 125n

...