125naroom
© 2025 125naroom
2ページ目
2
/
2024
【jQuery】アコーディオン実装サンプル10選
jQueryのアコーディオン実装サンプルを作りました。サイト制作でよく使うものをまとめました。 いろいろありますねー いろいろあるのでまとめましたー アコーディオン、シンプル版 See the Pen アコーディオン、シ
jQuery
デザインのメモ
11
30
2023
【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える
指定した場所で出したいのですよー そして指定した場所で消したいのですねー 実装サンプル See the Pen 【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える、実装サンプル by 125n
7
31
【Google Chrome】ショートカットキーまとめ（Windows or Mac）
クロームでF5（更新）ってどうするんでしたっけ？ あー、Macですか？わかるわかる、なんだっけ？ってなりますよねー よく使うChromeのショートカットキー 内容 Windows Mac ページを更新 F5 Comman
デザインツール
4
25
【CSS】見出しデザインをまとめてみる（左右に線を引くとか）
見出しのデザインをまとめてくださーい わ、わかりましたー 左右に線を引く よく見かけますね。線を引いて、背景白のテキストを乗せるって感じですね。 See the Pen 【CSS】見出しデザイン（左右に線を引く） by
CSS
21
【CSS】animationを使って流れるテキストとかを作ってみる
CSSだけで流れるテキストって作れますかー？ できますよー。animationを使ってやってみましょうー。 流れるテキスト animationを使う。動きの速度調整が少し難しい。幅は指定する。全体幅も明記してもいいが、し
10
9
2025
SPONSORED LINK
広告
google
23
【CSS】『shape-outside』でテキストの回り込みを円形にしてみる
文章の回り込みって丸くできないですかー？ あー、円形に回り込みですねー、できますよー テキストの回り込みを円形にしてみる floatが必須です。shape-outsideは、円形の『circle()』の他に楕円の『ell
22
【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のメモにコピペするとスタイルもくっついてきちゃうんですが何とかなりませんかねー？ 「ペーストしてスタイルを合わせる」の設定をすればできますよー 「システム環境設定」で設定します 少しアレンジすると便利です
3
【HTML】コメントアウトしたいけど、すでにコメントアウトが中にあるときのコメントアウト方法（styleタグで実装）
あのー、コメントアウトしたいのですが、すでにコメントアウトが中にあるときってどうやってコメントアウトすればいいですかー？ あー、そのパターンはstyleタグを使えば簡単にできますよー 頑張ってコメントアウトするならこちら
【jQuery】アコーディオン、エリア外からのアンカーでアコーディオンが開く、そしてアンカー場所へ移動する。
あのー、アンカーリンクのボタンを押したらアコーディオンが開いてその中にあるアンカーリンクの場所にスルスルーと移動させたいのですが可能ですかね？ なんだかややこしそうですが、やってみましょうかー さっそく実装してみる Se
29
【Windows10】ファンクションキーをロックする（F1～F12をよく使う場合はおすすめです）
あのー、DELLのノートパソコンを使っているのですが、F5とかfnキー押しながらって面倒なんですがー あー、面倒なときはファンクションキーをロックしちゃいましょうー ファンクションキーをロックする（F1～F12をよく使う
20
Webサイト制作で使う専門用語の読み方をまとめました
Ajaxって何て読むんですか？アジャックス？ エイジャックスです。Web用語をちょっとまとめてみますねー Web用語の読み方 用語 読み方 adobe アドビ adsense アドセンス ai エーアイ Ajax エイジ
18
【CSS】『プロパティ』と『値』の読み方をまとめました
widthって何て読むんですか？ 英語の発音だとウィスですが、わたしはウィドゥスと読んでますよー。ちょっとまとめてみますねー よく読み間違えてしまうのを先にまとめてみました プロパティ or 値 読み方 absolute
13
【Twitter】便利な検索方法をまとめてみました
ツイッターの200以上のいいねを調べたいのですが、どうやって検索すればいいですかー？ おー、なるほどー。ちょっとまとめてみますねー ブラウザで検索する場合（高度な検索機能を使う） ツイッターの検索バー（検索窓）に検索語句
【Twitter】Proアカウントへの移行後、個人アカウントに戻す方法
Twitter Proにしてみたんですが、あんまりよくわからないから元に戻したいのですがどうすればいいですかー？ お、簡単に戻せますよー 元に戻す方法（アカウントの移行の手順） こうしてこうすれば解決です。 ▽ プロフィ
【HTML】ファイル（PDF）を表示せずにダウンロードする
あのーPDFもダウンロードできるようにしたいんですけどー あー、なるほどー、エクセルとかワードと同じ感じってことですねー リンクをクリック！ → ブラウザに表示！ HTML リンクをクリック！ → ダウンロード！ クリッ
