なんにもない日の頭の中はこんなもんだったりする

ウェブ、のーと

magazine

ウェブ制作時のメモ書きをまとめています。

【jQuery】ページ内リンクでスムーズスクロール（固定ヘッダーがあったら）
【CSS】簡単に固定できるposition: sticky;の実装サンプル集
【CSS】Flexboxの使い方と実装サンプル集
【CSS】スマホでリンクをタップした時に色を変える方法
【特集】おしゃれなサイト、やさしいサイト
【CSS】背景画像を固定したおしゃれなLP（ランディングページ）を作ってみよう
【jQuery】固定した背景画像がスクロールで切り替わる実装サンプル（スマホでも切り替わります）
【WordPress】知ってる？『options.php』でいろんな設定ができるんだって
【jQuery】Lightboxプラグイン『Colorbox』の実装サンプル集
【JavaScript】スワイプができるlightbox系プラグイン『PhotoSwipe』の実装サンプル集
【特集】おしゃれなサイト、やさしいサイト
【WordPress】medium_largeサイズの画像の追加と自動生成の停止
【WordPress】TwitterなどのSNSシェアボタンの設置方法（オリジナル編）
【JavaScript】オンマウスで別の画像に切り替える
【jQuery】スクロール途中から追尾（fixed）、指定位置（class）で消える
【CSS】レスポンシブ対応の三角形を作る
【WordPress】別サイトにアイキャッチ画像付きの新着記事を表示する（RSSフィードで簡単に）
【WordPress】『ブロックした悪意あるログイン試行』の対策には、Site Guard WP Plugin（プラグイン）で解決
【特集】おしゃれなサイト、やさしいサイト
【jQuery】チェックボックスにチェックを入れるとボタンが活性化する
【jQuery】モーダルプラグイン『Remodal』の実装サンプル集
【jQuery】スライダープラグイン「slick」実装サンプル集
【CSS】input、textareaのCSSを初期化する（iOS対策）
【jQuery】class（クラス）の追加と削除
LINE風の吹き出しの会話をCSSで作ってみる
【jQuery】slick を使ってスライドショー（横幅いっぱい＋前後のスライドを半透明にする）
【デザインツール】Adobe Creative Cloudのフォント(Typekit)が使えなくなった時の対処法
【CSS】シンプルなボタンデザイン実装サンプル集
【jQuery】タブ切り替え実装サンプル集（上下連動、下タブを押すとスクロールして上に、 外部ページからのリンクIDも可能）
【jQuery】ページ内リンクでスムーズスクロール（スクロール位置の調整も簡単にできる）
【jQuery】アコーディオン実装サンプル10選
【CSS】olのリストで①、②、③（丸数字）を表示させる
【デザインツール】よく使う環境依存文字をまとめました
【jQuery】テキストをクリップボードにコピーする方法のあれこれ
【CSS】背景（background）を2色にする
【CSS】吹き出しをつくる、三角の部分をちょっと曲げて素敵にする
【CSS】ホバー（マウスオーバー）実装サンプル集（画像の明度を上げる編）
【デザインツール】拡張子を一括で簡単に変更する、『.jpeg』→『.jpg』とか
Googleさんの画像圧縮ツール「Squoosh」がいいですね
【CSS】ローディングアニメーション実装サンプル集