125naroom
© 2025 125naroom
3ページ目
11
/
3
2021
SVGのアイコンをWebフォントにする（IcoMoonの使い方）
あのー、SVGの画像をフォントにしたいんですけどー おー、できますよー。Webフォントにしちゃいましょうー IcoMoonの使い方 では早速スタートです。 『IcoMoon App』をクリック。 アイコンを選びます。 『
デザインツール
デザインのメモ
10
30
【jQuery】CDNの種類をまとめてみました
CDNってどれ使ったらいいのですかー？ うーん、ちょっとまとめてみますねー CDNの種類、5選 jQuery公式サイトに記載がある5種類を紹介します。公式に載っているので安心ですね。 jQueryのCDN Googleの
jQuery
29
【Dreamweaver】コードビューオプションで非表示の文字（スペースとか）を表示する
あのー、ドリ（Dreamweaver）でスペースの表示ってどうするんでしたっけ？ あー、また忘れちゃいましたかー。よく忘れちゃいますよねー ん、どうするんだっけ？（こんなとき） Dreamweaverで作業するとき、非表
28
【jQuery】タブを効率良く作ってみる（複数設置、プラグインなし）
1ページにタブを3個くらい置きたいのですがー おー、なるほどー。じゃあ、プラグインなしで作ってみますねー とりあえずタブを1個作ってみる（プラグインなし） 今回のテーマ。 See the Pen 【jQuery】タブを効
4
【jQuery】モーダルプラグイン『Remodal』の実装サンプル集
モーダルプラグイン『Remodal』の使い方と、制作に役立つ実装サンプルをまとめてみました。 シンプル設計で軽量なので簡単に使えます。以前はプラグインを使わずにモーダルにしていたのですが、あまりにも使い勝手がいいのでモー
31
2025
SPONSORED LINK
広告
google
9
17
【jQuery】ページ内リンクでスムーズスクロール（スクロール位置の調整も簡単にできる）
jQueryを使うとするするとスクロールして移動させることができます。視覚的にもとても良いのでおすすめです。また、グローバルメニューの固定などの影響で移動先が隠れてしまった（ズレた）時には簡単に調整することができます。
1
【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
25
【jQuery】動画を全画面表示にして中央に表示する、スマホでも崩れない
動画をどーんと表示したいのですができますかー？ できますよー 【サンプル】動画を全画面表示にして中央に表示する 動画の上にタイトルを置いてみます。スクロールできますー。 See the Pen 【jQuery】動画を全画
5
【2021年最新】参考になるWebデザインのギャラリーサイト
おしゃれなデザインを作りたいのですよー まずはギャラリーサイトを参考にしてみましょうー おすすめ Webデザインって煮詰まる時はとっても煮詰まりますよね。煮詰まりすぎた時には、ギャラリーサイトさんを参考にしましょう。 サ
デザインのこと
13
【CSS】Flexbox、flex-direction: column;とflex-grow: 1;を使ってボタンの位置を合わせる
ボタンの位置を揃えたいですー flex-directionとflex-growの組み合わせで揃いますよー 実装してみる 「詳しくはこちら」のボタンの位置を同じにしてみます。これ、なにげに難しいです。 ポイントは flex
CSSflexbox
【CSS】シンプルなボタンデザイン実装サンプル集
ボタンだー いろんなボタンをまとめましたー しっかり企業系のボタン BUTTON シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルな四角ボタン、左に
2
12
【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
【CSS】使える背景パターン、実装サンプル25選（コピペで簡単です）
あのー、水玉模様の背景をCSSで作りたいのですがー なるほどー、できますよー。工夫次第でいろんな背景が作れます。いろんなパターンまとめましたー 背景パターン / 方眼紙 ver.1 See the Pen 【CSS】Ba
【CSS】注釈（※、*1）を記載するときのインデント合わせ（頭合わせ）
あのー、注釈の時に頭を合わせてって言われたんですけどどうしたらいいですかー？ では２パターン紹介しますねー、お好きな方でー ul（リスト）とtableの仕組みを使って揃えるパターン ulをtableにしてリスト化して揃え
【CSS】tableをレスポンシブ対応する、2列を1列に切り替える
tableを1列にレスポンシブしたいんですけどー CSSだけで簡単にできますよー 2列を1列に切り替える ブレイクポイントの設定 601px以上は2列。600px以下は1列。 See the Pen 【CSS】table
