125naroom
© 2026 125naroom
8ページ目
11
/
14
2019
【JavaScript】オンマウスで別の画像に切り替える
オンマウスで別の画像に切り替えたいのですがー ほうほう 実装サンプル、JavaScriptだけで画像を切り替える 画像にマウスを置く（オンマウス）と画像が切り替わる実装サンプルです。 See the Pen JavaSc
JavaScript
デザインのメモ
10
31
【CSS】レスポンシブ対応の三角形を作る
CSSで三角形を作ることは意外と簡単だったりします。では、レスポンシブな三角形ってどうでしょう？ あ、なるほど。と思ったので記事にしてみました。 うーん、『％』を使う！ ちがいまーす、『vw、vh』を使いまーす レスポン
CSS
23
【WordPress】別サイトにアイキャッチ画像付きの新着記事を表示する（RSSフィードで簡単に）
別のサイトに新着記事を掲載したいのですが、アイキャッチ画像が表示されないですー なるほどなるほど、RSSフィードを取得する方法がシンプルでおすすめですよー デフォルト（標準）で出力されるフィードは？ ワードプレスのRSS
WordPress
16
【WordPress】『ブロックした悪意あるログイン試行』の対策には、Site Guard WP Plugin（プラグイン）で解決
わー わー 『ブロックした悪意あるログイン試行』事件 ある日、ワードプレスのダッシュボード（管理画面）に『ブロックした悪意あるログイン試行』が大変なことになっていました。 プラグインの『Jetpack』に任せていたので何
【特集】おしゃれなサイト、やさしいサイト vol.1
おしゃれでやさしいー おしゃれでやさしいって見ちゃいますねー おしゃれなサイト、やさしいサイト おしゃれなウェブサイト、やさしいウェブサイトをまとめました。まとめてみました、と言っても3つだけですが。10月のベスト3です
デザインのこと
9
22
2026
SPONSORED LINK
広告
google
26
【CSS】input、textareaのCSSを初期化する（iOS対策）
ちょっとメモですー よく忘れてしまうのでメモですー なぜ初期化？ iOS Safariではのフォーム要素（input,textarea）がデザイン通りにならないとこがあります。iOS Safariのデフォルトスタイルが優
【jQuery】class（クラス）の追加と削除
jQueryを使えば、class（クラス）の追加も削除も簡単にできます。 どんなときに使いますかー ボタンを押してスタイルを変えたい時とか便利ですよー 【addClass】class（クラス）の追加 指定の要素に『one
jQuery
6
LINE風の吹き出しの会話をCSSで作ってみる
CSSだけで、LINE風の吹き出しの会話を作ってみました。何かとよく使います。やはりレスポンシブにコーディングするのは難しいですね。シンプルに疑似要素の「:before」「:after」を使ってコーディングしています。角
8
30
【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 (@
18
【HTML】よく使う環境依存文字をまとめました
環境依存文字ってなんですかー 簡単に言うと、環境に依存してる文字ですねー よく使う記号の環境依存文字 表示 数値参照 表示 数値参照 < < > > « « »
HTML
17
【jQuery】テキストをクリップボードにコピーする方法のあれこれ
クリップボードにコピーする。 簡単かなと思ったけど、とても難しかったです。 ブラウザによって全然挙動が違うことに驚きました。 いろいろ試してみた結果をまとめています。 アドレスをコピーできたらいいなとか、たまにですが あ
【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』になってた。困る。拡張子書き換えるの面倒だな。で、バッジで対応しようと。 バッジを作る メモ帳があれば
Googleさんの画像圧縮ツール「Squoosh」がいいですね
画像を軽くしたいですー 画像を軽くしましょうー Squooshとは ブラウザ上（Webサイト）に画像をドラッグ＆ドロップするだけで簡単にな画像圧縮ができる。しかもほぼ劣化しない。Webサイトを作っている人にはとてもおすす
【CSS】ローディングアニメーション実装サンプル集
ローディングアニメーション、待ち時間のあれですね。使えそうなものを随時追加してこうと思います。 ぐるぐるぐるぐるー ぐるぐるぐるぐるー サンプル See the Pen CSS3 / loading animation
4
【2019年最新】参考になるWebデザインのギャラリーサイト
優しいデザイン探しています では探してみましょう おすすめ WEBサイトを作るとき、参考になるまとめサイトさんです。LPを作るときは、何も閃かなかったときはざざざーっと見て目がとまるサイトをチェックしたりしています。いい
【CSS】css-doodle を使って雨を降らせてみる
雨だー css-doodleで雨を降らしてみますねー サンプル See the Pen <css-doodle> Rain by 125naroom (@125naroom) on CodePen. css-
