125naroom
© 2026 125naroom
3ページ目
1
/
5
2022
【jQuery】下に固定要素を置くのでフッターの下を自動でズラす
ページの下に申し込みボタンをずっと表示させたいのですがフッターが隠れちゃうのですよねー、どうにかなりませんかねー？ 自動でフッターの下をズラしちゃいましょうー さっそく実装してみる See the Pen 【jQuery
jQuery
デザインのメモ
12
23
2021
【HTML】aタグのリンクを無効にする、スタイル（CSS）はそのままで
aタグのリンクだけを無効にできたりしますかー？ できますよー、いろんな方法があるのでお気に召すのでどうぞー 簡単にtabindexだけを使う（href属性は使わない） うーん、これ、とってもおすすめです。IEでも問題ない
HTML
11
25
Web制作のチェックにおすすめ！Chromeの拡張機能6選！
チェックに使えるクロームの拡張機能を教えてくださーい いいですよー、簡単便利なの6つありますよー HTMLエラーチェッカー HTMLエラーチェッカーは、 HTML差分(diff)チェックツール HTML差分(diff)チ
デザインツール
3
SVGのアイコンをWebフォントにする（IcoMoonの使い方）
あのー、SVGの画像をフォントにしたいんですけどー おー、できますよー。Webフォントにしちゃいましょうー IcoMoonの使い方 では早速スタートです。 『IcoMoon App』をクリック。 アイコンを選びます。 『
10
30
【jQuery】CDNの種類をまとめてみました
CDNってどれ使ったらいいのですかー？ うーん、ちょっとまとめてみますねー CDNの種類、5選 jQuery公式サイトに記載がある5種類を紹介します。公式に載っているので安心ですね。 jQueryのCDN Googleの
2026
SPONSORED LINK
広告
google
29
【Dreamweaver】コードビューオプションで非表示の文字（スペースとか）を表示する
あのー、ドリ（Dreamweaver）でスペースの表示ってどうするんでしたっけ？ あー、また忘れちゃいましたかー。よく忘れちゃいますよねー ん、どうするんだっけ？（こんなとき） Dreamweaverで作業するとき、非表
28
【jQuery】タブを効率良く作ってみる（複数設置、プラグインなし）
1ページにタブを3個くらい置きたいのですがー おー、なるほどー。じゃあ、プラグインなしで作ってみますねー とりあえずタブを1個作ってみる（プラグインなし） 今回のテーマ。 See the Pen 【jQuery】タブを効
4
【jQuery】モーダルプラグイン『Remodal』の実装サンプル集
モーダルプラグイン『Remodal』の使い方と、制作に役立つ実装サンプルをまとめてみました。 シンプル設計で軽量なので簡単に使えます。以前はプラグインを使わずにモーダルにしていたのですが、あまりにも使い勝手がいいのでモー
9
17
【jQuery】ページ内リンクでスムーズスクロール（スクロール位置の調整も簡単にできる）
jQueryを使うとするするとスクロールして移動させることができます。視覚的にもとても良いのでおすすめです。また、グローバルメニューの固定などの影響で移動先が隠れてしまった（ズレた）時には簡単に調整することができます。
【jQuery】アコーディオンでおしゃれなQ&Aを作ってみる
おしゃれなQ&Aを作りたいのですよねー こんなんどうでしょー アコーディオンでおしゃれなQ&Aを作ってみる 今回のテーマ。 transitionで簡単なアニメーションをつけてみる。 See the Pen
8
20
【CSS】打ち消し線（delタグ）をカスタマイズする
打ち消し線を二重線にできますかー？ できますよー いろんなパターンを実装してみる 簡単に<del>タグで囲っちゃえば打ち消し線はできるのですが、文字サイズが違うテキストに打ち消し線をつけると線が切れちゃいます
CSS
【Windows 10】共有サーバー（NAS）の共有フォルダにアクセスできなくなった時の対処法
ん、共有フォルダに繋がらない あらら、資格情報が削除されちゃったかもしれませんねー 共有サーバー（NAS）に繋がらなくなった！ テレワークな今日この頃、急に共有フォルダに繋がらなくなりました。おっと、仕事ができないぞ。
【デザインツール】ブックマークレットで本番環境とテスト環境のURLを簡単に切り替える
あのー、簡単にURLを切り替えたりできますかー？ おー、ブックマークレットすれば簡単にできますよー ブックマークレットって？ ブックマークの進化版って感じです。URLの代わりにプログラム（JavaScript）を登録する
7
27
【jQuery】プラグインを使わずにモーダルを作ってみる
プラグインを使わずにモーダルってできますか？ ふむふむ、やってみましょうー プラグインを使わないモーダルのサンプル スマホでも問題ない。IEでも問題ない。完成ですー。 See the Pen 【jQuery】プラグインを
6
【jQuery】動画を全画面表示にして中央に表示する、スマホでも崩れない
動画をどーんと表示したいのですができますかー？ できますよー 【サンプル】動画を全画面表示にして中央に表示する 動画の上にタイトルを置いてみます。スクロールできますー。 See the Pen 【jQuery】動画を全画
【2021年最新】参考になるWebデザインのギャラリーサイト
おしゃれなデザインを作りたいのですよー まずはギャラリーサイトを参考にしてみましょうー おすすめ Webデザインって煮詰まる時はとっても煮詰まりますよね。煮詰まりすぎた時には、ギャラリーサイトさんを参考にしましょう。 サ
デザインのこと
13
【CSS】Flexbox、flex-direction: column;とflex-grow: 1;を使ってボタンの位置を合わせる
ボタンの位置を揃えたいですー flex-directionとflex-growの組み合わせで揃いますよー 実装してみる 「詳しくはこちら」のボタンの位置を同じにしてみます。これ、なにげに難しいです。 ポイントは flex
CSSflexbox
【CSS】シンプルなボタンデザイン実装サンプル集
ボタンだー いろんなボタンをまとめましたー しっかり企業系のボタン BUTTON シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルな四角ボタン、左に
2
【CSS】background-colorを透過する時の備忘録（IE11対策）
IE11で確認すると透過になってないですー そういうときは、rgbをrgbaにチェンジですー 実装 See the Pen 【CSS】background-colorを透過する時の備忘録（IE11対策） by 125na
【CSS】ul、olの改行位置を揃える（リセットCSSを使用している場合）
リセットCSSを使うとリストがなんか変になるのですがー 簡単にスタイルを整えてあげましょうー ulの場合 簡単に。 See the Pen 【CSS】リストの改行位置を揃える（リセットCSSの場合）、ulの場合 by 1
22
2020
【特集】おしゃれなサイト、やさしいサイト vol.8
たまに泣くとやさしい気持ちになるのってなんなんでしょー？ クリームパン食べますかー？ おしゃれなサイト、やさしいサイト 2020年ももうすぐ終わりです。12月のベスト3です。やさしい気持ちで新年を迎えたいですね。 UNA
