CSS

CSS内で外部CSSを読み込む方法

リセットCSSなどの絶対必要だけど忘れがちなCSSファイルは、CSSでサクッとインポートしちゃいましょう!書き方は以下の通りです。 CSS @import url("reset.css"); 外部CS...
CSS

Yes/No診断テストをjQueryで作りました!ダウンロードですぐに利用可能

いつも当ブログを見てくださりありがとうございます! 「Yes/No診断テスト」を自由に使っていただけるよう、jQueryで作成しました。 Yes/No診断テスト 再配布以外は著作権フリーで利用可能です...
javascript

【jQuery】複数の数値から最大値・最小値を出す方法

jQueryで沢山の数値から最大値や最小値を出す方法のご紹介です。 jQuery // 最大値を出す Math.max(100, 2, 44, 39, 87); // 「100」が出力される // ...
スポンサーリンク
javascript

【jQuery】数値から文字列、文字列から数値へ変換する方法

jQueryで数値から文字列に変換したり、文字列から数値へ変換する方法のご紹介です。 js上で計算する時、足し算したいだけなのに「"1" + 1 = 11」になったりする時あって困っちゃう。 そんな時...
CSS

CSSでダークモードに即対応。OSの画面設定をウェブでも利用しよう!

海外のサイトとか見てると、自分のiphoneの設定をダークモードにしてる時、勝手に暗いデザインで表示されてるのを見てどうやってやってるのか疑問だった。 きっとjsでデバイス情報を取得して、なにかしてる...
javascript

【jQuery】ローカルストレージへの保存方法と、遷移後に読み込む方法

phpを使わずに、jqueryだけで遷移前の値を保持したい場合、クッキー(cookie)を使うかローカルストレージ(localstrage)を使うか迷う時がある。 自分の場合は、クッキーには数キロバイ...
javascript

【jQuery】配列・連想配列の数を取得する方法

jQueryで配列の数を取得するには「.length」を使い、 連想配列の数を取得するには「Object.keys」と「.length」ます。 下のjQueryが利用方法になります。 jQuery /...
javascript

jQueryで1回だけ実行するイベントを設置する方法

jQueryで1回だけ処理をする場合、便利な「one」メソッドというのがある。 「one」メソッドとは、メソッド名のままですが「1度だけ」実行する処理のことを言います。 処理を繰り返したくない時などに...
HTML

修正したCSSが反映されない!?強制的にキャッシュを再読み込みさせる方法

ページデザインが完成してレスポンシブもばっちりと思って、提出すると「変わってないですが。。。」と言われてしまう。 キャッシュをクリアして再読み込みすればいいから「shift」を押して更新すれば良いじゃ...
HTML

【HTML】動画(videoタグ)の枠線を消す方法

なぜかPCのchromeとかiPhoneのsafariだと出ちゃう枠線。 必要かな?と思うけど、白背景に白い動画とかだと要るのか。。。 でもvideoタグに枠線は要らないなぁ。 デフォルトで消えてたら...
javascript

【jQuery】要素があるかを判定する方法

jQueryで特定要素が有るか調べる方法のご紹介です。 jQuery if($("特定要素").length) { // 特定要素が有る時 } else { // 特定要素が無い時 } 解説 「$(...
javascript

【jQuery】特定の要素が表示されていたらを判定

jQueryで表示・非表示の判定って結構使います。 エラーテキストが表示されてたらとか、特定の画像が表示されてたらとか、友達のLINE見たら自分からの通知が非表示になってたりとか 判定するところってい...
CSS

【CSS】テキストを選択した時の背景や文字色を変更する方法

カーソルで文字を選択した時、なにも指定しないと青い背景で白文字になるけど、サイトのカラーに合わないなぁと思ったら変えよう! ページ全体を同じ感じにするときは、CSSで「::selection」の中に選...
javascript

【jQuery】パスワードの表示・非表示を切り替える方法

フォームのパスワードを入力する時、自分で打ったパスワードを見たい時ってあるよね。 同じパスワードを2回打つフォームもあるし、健忘症な自分は、 どんなパスワードを打ったかすぐ忘れちゃうので、表示できる機...
CSS

CSSで太字~細字の調整方法

なんとな~くだけど、タイトルは見やすく「太字」。テキストは読みやすく「細字」。 みたいにある日本語のウェブサイトの文字ルール。そんなルールも扱えなくちゃ従えないじゃない。 基本を押さえるために、学習は...
タイトルとURLをコピーしました