125naroom
© 2025 125naroom
6ページ目
8
/
30
2019
【jQuery】slick を使ってスライドショー（横幅いっぱい＋前後のスライドを半透明にする）
正直、簡単かなと思っていましたが、結構時間がかかってしまったので備忘録も兼ねて。ポイントは、「overflow: hidden;」と「overflow: visible;」です。 横幅いっぱいでー 並んでるスライドショー
jQueryslick
デザインのメモ
28
Adobe Creative Cloudのフォント(Typekit)が使えなくなった時の対処法
フォントが使えないですー わ、緊急事態だ 事象 先日、Adobeのフォントが急に使えなくなってしまいました。パソコンを再起動してもダメだったのでかなり焦りました。 解決方法は意外と簡単だった さいごに フォント復活しまし
デザインツール
7
19
【CSS】olのリストで①、②、③（丸数字）を表示させる
lのリストで①、②、③（丸数字）ってできますかー できますよー サンプル①、簡単バージョン See the Pen 【CSS】olのリストで①、②、③（丸数字）を表示させる、簡単バージョン by 125naroom (@
CSS
18
【HTML】よく使う環境依存文字をまとめました
環境依存文字ってなんですかー 簡単に言うと、環境に依存してる文字ですねー よく使う記号の環境依存文字 表示 数値参照 表示 数値参照 < < > > « « »
HTML
17
【jQuery】テキストをクリップボードにコピーする方法のあれこれ
クリップボードにコピーする。 簡単かなと思ったけど、とても難しかったです。 ブラウザによって全然挙動が違うことに驚きました。 いろいろ試してみた結果をまとめています。 アドレスをコピーできたらいいなとか、たまにですが あ
jQuery
31
2025
SPONSORED LINK
広告
google
6
【CSS】背景（background）を2色にする
背景を2色ってできますか？ 『background』の『linear-gradient』をうまく使うとCSSだけでコーディングできますよー 半分、上と下 See the Pen CSSだけで、背景を2色にする、縦の半分こ
13
【CSS】吹き出しをつくる、三角の部分をちょっと曲げて素敵にする
今回は、吹き出しの三角の部分をちょっと曲げて素敵にしてみました。シンプルに三角だけなら簡単なのですが、「LINE風にしたい」というご要望がありまして。シンプルに疑似要素の「:before」「:after」を使って重ねるこ
5
【CSS】ホバー（マウスオーバー）実装サンプル集（画像の明度を上げる編）
ホバーってなんですか？ マウスオーバーともいいますねー opacity、一択だと思っていた 画像をホバー（マウスオーバー）すると光るやつ。ほんとは半透明にしてるだけだから透過して背景次第でなんだかなということがよくあった
拡張子を一括で簡単に変更する、『.jpeg』→『.jpg』など
あ、トントンですね はい、トントンです ん、なんで？ Skype（スカイプ）で画像を送ると『.jpg』が『.jpeg』になってた。困る。拡張子書き換えるの面倒だな。で、バッジで対応しようと。 バッジを作る メモ帳があれば
16
Googleさんの画像圧縮ツール「Squoosh」がいいですね
画像を軽くしたいですー 画像を軽くしましょうー Squooshとは ブラウザ上（Webサイト）に画像をドラッグ＆ドロップするだけで簡単にな画像圧縮ができる。しかもほぼ劣化しない。Webサイトを作っている人にはとてもおすす
10
【CSS】ローディングアニメーション実装サンプル集
ローディングアニメーション、待ち時間のあれですね。使えそうなものを随時追加してこうと思います。 ぐるぐるぐるぐるー ぐるぐるぐるぐるー サンプル See the Pen CSS3 / loading animation
4
22
【2019年最新】参考になるWebデザインのギャラリーサイト
優しいデザイン探しています では探してみましょう おすすめ WEBサイトを作るとき、参考になるまとめサイトさんです。LPを作るときは、何も閃かなかったときはざざざーっと見て目がとまるサイトをチェックしたりしています。いい
デザインのこと
【CSS】css-doodle を使って雨を降らせてみる
雨だー css-doodleで雨を降らしてみますねー サンプル See the Pen <css-doodle> Rain by 125naroom (@125naroom) on CodePen. css-
15
【CSS】かわいいタグをつくる
タグのデザインどんなのがいいですかー いろいろ作ってみますねー サンプル See the Pen CSS / tag by 125naroom (@125naroom) on CodePen. さいごに おー また追加し
【CSS】ホバーエフェクト実装サンプル集（画像編）
画像のホバーってできますか？ できますよー サンプル 使えそうなホバー（:hover）さん。画像編です。LP作成時に役立ちます。 See the Pen 【CSS】ホバーエフェクト実装サンプル集（画像編）- image
3
20
【WordPress】プラグインなしで人気記事（ランキング）を載せる
人気ランキングページを作りたいです 作りましょうー プラグインを使えば簡単ですが ワードプレスでランキングを載せるならプラグインを使うほうが便利だと思います。ただ少し重くなったりします。 このサイトのランキングページはプ
WordPress
【WordPress】アドセンスのレスポンシブ広告、スマホでもはみ出さないようにする
はみだしますー よくないですねー はみ出してる Googleアドセンスの広告のコーディングって少々面倒だったりする。やたらと主張してくるわけです。スマホだと、はみ出す。はみ出してくるんです。綺麗にコーディングしてるのにな
2
25
【JavaScript】PCとiPadだけviewport設定なしにする
レスポンシブできないときってー viewport設定をなしにしましょうー JavaScript サイト作成時、レスポンシブにしたくてもできないときがあります。そんなときは、PCとiPadのときだけ、viewport設定な
JavaScript
【CSS】IE11だけ表示崩れしたときのCSSハック
IE11だけ IE10以降 「*::-ms-backdrop, 」を外すとIE10以降に適用される。
1
29
【WordPress】ユーザーのプロフィール情報を改行する
改行できます？ ユーザーのプロフィール情報の改行ですねー 「プロフィール情報」欄でHTMLタグを使えるようにする function.phpに追記するとHTMLタグが使えるようになります。 参照 さいごに あ、できましたー
24
【CSS】吹き出しをつくる
ふきだしー ふきだしー 吹き出し（下） See the Pen CSSだけで、ふきだしをつくる by 125naroom (@125naroom) on CodePen. HTML CSS 吹き出し（上） See the
