125naroom
© 2024 125naroom
4
/
2024
【jQuery】 ローディング、実装サンプル集
ローディングをまとめてみました。おしゃれなサイトさんはローディングを組み込んでいるなー、と思う今日この頃です。意外と簡単なのでお時間ありましたら組み込んでみてくださいませ。 ローディングを設定したいのですが難しいですかー
jQuery
デザインのメモ
3
【jQuery】指定した場所までスクロールすると下からふわっと出てくる
あのー、下からふわっと出したいのですが、場所指定ってできますかー? 場所指定、できますよー 【サンプル】指定した場所までスクロールすると下からふわっと出てくる まずはスクロールですねー See the Pen 【jQue
22
【CSS】counter-incrementを使って擬似要素をリスト化する
番号をふりたいんですけどー あー、擬似要素を使ってのリスト化ですねー サンプル一覧 1段目/1からはじまる2段目/0からはじまる3段目/01からはじまる4段目/001からはじまる See the Pen CSS / co
CSS
1
【CSS】ハンバーガーメニュー実装サンプル集(クリック時のエフェクトも集めました)
ん、ハンバーガー? 三本線がハンバーガーに見えるからってことらしいですよ クリックエフェクト サンプル集 いろんなハンバーガーメニューのクリック時のエフェクトを作ってみる。動きがわかりやすいようにゆっくり動くように指定。
2
20
【CSS】三角アイコンと矢印アイコンをつくる
画像は使わないんですか? CSSだけで簡単にできますよー 三角アイコン 疑似要素「:before」でテキストの横に三角アイコンをつけています。 See the Pen CSSだけで、三角アイコン by 125naroom
SPONSORED LINK
広告
google
【jQuery】アコーディオン実装サンプル10選
jQueryのアコーディオン実装サンプルを作りました。サイト制作でよく使うものをまとめました。 いろいろありますねー いろいろあるのでまとめましたー アコーディオン、シンプル版 See the Pen アコーディオン、シ
11
30
2023
【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える
指定した場所で出したいのですよー そして指定した場所で消したいのですねー 実装サンプル See the Pen 【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える、実装サンプル by 125n
7
31
【Google Chrome】ショートカットキーまとめ(Windows or Mac)
クロームでF5(更新)ってどうするんでしたっけ? あー、Macですか?わかるわかる、なんだっけ?ってなりますよねー よく使うChromeのショートカットキー 内容 Windows Mac ページを更新 F5 Comman
デザインツール
25
【CSS】見出しデザインをまとめてみる(左右に線を引くとか)
見出しのデザインをまとめてくださーい わ、わかりましたー 左右に線を引く よく見かけますね。線を引いて、背景白のテキストを乗せるって感じですね。 See the Pen 【CSS】見出しデザイン(左右に線を引く) by
21
【CSS】animationを使って流れるテキストとかを作ってみる
CSSだけで流れるテキストって作れますかー? できますよー。animationを使ってやってみましょうー。 流れるテキスト animationを使う。動きの速度調整が少し難しい。幅は指定する。全体幅も明記してもいいが、し
23
【CSS】『shape-outside』でテキストの回り込みを円形にしてみる
文章の回り込みって丸くできないですかー? あー、円形に回り込みですねー、できますよー テキストの回り込みを円形にしてみる floatが必須です。shape-outsideは、円形の『circle()』の他に楕円の『ell
【CSS】Webフォントのちらつきをなくす方法
一瞬だけ別のフォントが表示されるのですがー ちらつきをなくす方法を紹介しますねー Webフォントの『ちらつき』の原因 Adobeフォントやgoogleフォントなどの『Webフォント』を使うと、サイトを開いた時に一瞬だけ別
16
【CSS】tableの行(列)を『sticky』で固定したときにスクロールしても線が消えないようにしてみる
tableの項目を固定したのですが、線が消えちゃいますー ちょっとした工夫が必要ですねー tableの『行』を固定してスクロールする(失敗作) See the Pen 【CSS】テーブル(table)の行を固定してスクロ
12
2022
【jQuery】規約を一番下までスクロールするとボタンが押せる
規約を一番下までスクロールするとボタンが押せるようにしたいのですができますかー? ふむふむなるほど、よく見かけますねー、活性化ですねー、できますよー。 規約を一番下までスクロールするとボタンが押せる、実装 一番下までスク
8
26
【HTML】リスト『ol』の順番を途中から始める方法(順番を逆にもできる)
リストなんですが、3番目から始めるとかってできますか? できますよー。start属性を使うのが一番簡単ですねー start属性を使ってみる これが一番簡単ですね、『ol』にstart属性をつけて数字を指定するだけです。
HTML
6
【JavaScript】SimpleBarを使ってスクロールバーを実装する(簡単にカスタマイズできます)
スクロールバーをオリジナルで作ってほしいって言われたんですけど、作ってみたらブラウザによって変わっちゃうんですけど何とかなりませんかねー? 『SimpleBar』を使えば簡単にできちゃいますよー 【サンプル】縦スクロール
JavaScript
17
【CSS】『mix-blend-mode』の実装サンプル、画像の白背景を消す(透過させる)など
画像の白背景をCSSで透過できたりしますかー? できますよー 『mix-blend-mode』を使うとこんな感じになります(実装サンプル) 白背景を透過させるなら「multiply」がいい感じです。画像と背景の色バランス
5
24
【Mac】スタイル(書式)を解除してコピペする方法
あのー、Macのメモにコピペするとスタイルもくっついてきちゃうんですが何とかなりませんかねー? 「ペーストしてスタイルを合わせる」の設定をすればできますよー 「システム環境設定」で設定します 少しアレンジすると便利です
【HTML】コメントアウトしたいけど、すでにコメントアウトが中にあるときのコメントアウト方法(styleタグで実装)
あのー、コメントアウトしたいのですが、すでにコメントアウトが中にあるときってどうやってコメントアウトすればいいですかー? あー、そのパターンはstyleタグを使えば簡単にできますよー 頑張ってコメントアウトするならこちら
【jQuery】アコーディオン、エリア外からのアンカーでアコーディオンが開く、そしてアンカー場所へ移動する。
あのー、アンカーリンクのボタンを押したらアコーディオンが開いてその中にあるアンカーリンクの場所にスルスルーと移動させたいのですが可能ですかね? なんだかややこしそうですが、やってみましょうかー さっそく実装してみる Se
29
【Windows10】ファンクションキーをロックする(F1~F12をよく使う場合はおすすめです)
あのー、DELLのノートパソコンを使っているのですが、F5とかfnキー押しながらって面倒なんですがー あー、面倒なときはファンクションキーをロックしちゃいましょうー ファンクションキーをロックする(F1~F12をよく使う