125naroom
© 2026 125naroom
9ページ目
4
/
15
2019
【CSS】かわいいタグをつくる
タグのデザインどんなのがいいですかー いろいろ作ってみますねー サンプル See the Pen CSS / tag by 125naroom (@125naroom) on CodePen. さいごに おー また追加し
CSS
デザインのメモ
8
【CSS】ホバーエフェクト実装サンプル集（画像編）
画像のホバーってできますか？ できますよー サンプル 使えそうなホバー（:hover）さん。画像編です。LP作成時に役立ちます。 See the Pen 【CSS】ホバーエフェクト実装サンプル集（画像編）- image
3
20
【WordPress】プラグインなしで人気記事（ランキング）を載せる
人気ランキングページを作りたいです 作りましょうー プラグインを使えば簡単ですが ワードプレスでランキングを載せるならプラグインを使うほうが便利だと思います。ただ少し重くなったりします。 このサイトのランキングページはプ
WordPress
18
【WordPress】アドセンスのレスポンシブ広告、スマホでもはみ出さないようにする
はみだしますー よくないですねー はみ出してる Googleアドセンスの広告のコーディングって少々面倒だったりする。やたらと主張してくるわけです。スマホだと、はみ出す。はみ出してくるんです。綺麗にコーディングしてるのにな
2
25
【JavaScript】PCとiPadだけviewport設定なしにする
レスポンシブできないときってー viewport設定をなしにしましょうー JavaScript サイト作成時、レスポンシブにしたくてもできないときがあります。そんなときは、PCとiPadのときだけ、viewport設定な
JavaScript
9
22
2026
SPONSORED LINK
広告
google
【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
17
【CSS】プラスとマイナスをつくる
プラスってCSSで作れますかー？ 作れますよー プラス See the Pen CSSだけで、プラスをつくる by 125naroom (@125naroom) on CodePen. HTML CSS マイナス See
12
2018
【jQuery】スマホ、タブレットでhoverを有効にする
スマホでホバーってできますか？ あー、こんな感じだったら可能ですよー jQuery サンプルではaタグを指定。PCのときと同じ動きをしてくれるというもの。※ タッチ = touchstart さいごに おー タッチしたと
jQuery
【 jQuery】プラグイン『tabs.js』で簡単にタブ切り替え
あのー、簡単にタブを作りたいのですがー じゃあ、プラグインを使って簡単に作ってみましょう 簡単にタブを作ってみる（プラグイン使用） See the Pen 【 jQuery】プラグインのtabs.jsを使って簡単にタブ切
【JavaScript】iPhoneとAndroidだけ別のURLにリンクさせる
iPhoneとAndroidだけ別のURLに飛ばせますかー？ 飛ばせますよー JavaScript さいごに おー、できましたー スマートフォン用の専用ページがある場合はJavaScriptで対応できますねー
10
26
【CSS】ラインの下に三角をつくる
ラインの下に三角を作りたいのですよー おー、擬似要素で作ると簡単ですよー つくる See the Pen ラインの下に三角をつくる by 125naroom (@125naroom) on CodePen. さいごに で
【CSS】しましま（縞模様）をつくる
画像を使わずに、シマシマ模様を作ってみる。グラデーションを使うと簡単。いろいろな場面で使える。 サンプル 縦しましま（縦縞） See the Pen CSSだけで、しましま（縞模様）をつくる、縦しましま（縦縞） by 1
【CSS】ベンダープレフィックス 必要なもの不要なもの
ベンダープレフィックス。そろそろ必要ないかと。 ベンダープレフィックスの種類 ベンダープレフィックス不要 ※ アルファベット順※ 随時追加 ベンダープレフィックス必要 ※ アルファベット順※ 随時追加 必要か不要かを確認
5
【CSS】タブレット、スマホ表示の時は:hoverを不要にする
あ、:hoverが残ってる。そんなときの記述。問題点は、iPad Proのような大きなタブレットは悩むところだったりしますが。 CSS サンプル iPad Pro横向きサイズの「1367px」以上を指定。PCの画面を縮め
【CSS】Flexbox 最後の行を左寄せにする（space-between使用時）
4カラムの場合。before擬似要素、after擬似要素で空白のボックスを作る。 サンプル See the Pen 【flexbox】justify-content: space-between / Last line,
CSSflexbox
19
【CSS】transform（トランスフォーム）の基点（原点）
transform:rotateで少し回転（角度を変える）。transform-originで基点をleft、topに指定。基点は自由に変えることができる。左下を基点にするなら、left、bottom。 サンプル See
14
【CSS】Flexbox 上下中央揃え
block要素を上下中央揃え（真ん中）にする。ベンダープレフィックスなしで動作する。IE11問題なし。 サンプル See the Pen flexbox > 上下中央揃え by 125naroom (@125nar
【CSS】セレクタまとめ、最初・最後・奇数・偶数・何番目
疑似クラスのまとめ。:first-child疑似クラスは、要素内で最初に書かれている子要素にスタイルが適用される。 最初 :first-child 最後 :last-child 奇数番目 :nth-child(odd)
30
【CSS】line-heightの単位は必要ない
あれ、line-heightの単位ってなんだっけ？ って思い調べてみる。 メモ line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。 line-height1.
