HTML 【HTML】動画（videoタグ）の枠線を消す方法
なぜかPCのchromeとかiPhoneのsafariだと出ちゃう枠線。
必要かな？と思うけど、白背景に白い動画とかだと要るのか。。。
でもvideoタグに枠線は要らないなぁ。
デフォルトで消えてたら...
HTML 
javascript 【jQuery】要素があるかを判定する方法
jQueryで特定要素が有るか調べる方法のご紹介です。
jQuery
if($("特定要素").length) {
// 特定要素が有る時
} else {
// 特定要素が無い時
}
解説
「$(...
javascript 【jQuery】特定の要素が表示されていたらを判定
jQueryで表示・非表示の判定って結構使います。
エラーテキストが表示されてたらとか、特定の画像が表示されてたらとか、友達のLINE見たら自分からの通知が非表示になってたりとか
判定するところってい...
CSS 【CSS】テキストを選択した時の背景や文字色を変更する方法
カーソルで文字を選択した時、なにも指定しないと青い背景で白文字になるけど、サイトのカラーに合わないなぁと思ったら変えよう！
ページ全体を同じ感じにするときは、CSSで「::selection」の中に選...
javascript 【jQuery】パスワードの表示・非表示を切り替える方法
フォームのパスワードを入力する時、自分で打ったパスワードを見たい時ってあるよね。
同じパスワードを２回打つフォームもあるし、健忘症な自分は、
どんなパスワードを打ったかすぐ忘れちゃうので、表示できる機...
CSS CSSで太字～細字の調整方法
なんとな～くだけど、タイトルは見やすく「太字」。テキストは読みやすく「細字」。
みたいにある日本語のウェブサイトの文字ルール。そんなルールも扱えなくちゃ従えないじゃない。
基本を押さえるために、学習は...
CSS CSSで角丸四角の作り方
ボダンや画像など、やんわりと表現したいときや、流行りのデザインっぽさを取り入れたいときに使うのがCSSのborder-radius。
border-radiusには2つの書き方があり「border-r...
CSS 【CSS】iPhoneでsubmitボタンのスタイルをリセットする方法
作ったサイトをPCのchromeデベロッパー機能で確認して即、OK！即、提出した後、ウェブ担当者から
「送信ボタンがiPhoneで見ると変なんですけど…。」って確認不足で脇汗出ちゃうやつ。
iPho...
javascript 【jQuery】今日の日付と、今の時間を取得
昔懐かしいウェブサイトには、サイドバーに今の時間とか「〇〇〇人目の訪問者です」とか表示されてましたね。
今のサイトでも今日の天気とか取得してたり、今日の日付と時間ってよくみる技術な気がします。
そこで...
javascript 【jQuery】HTMLの書き換え方
ボタンを押した時などのユーザーのアクションによってHTMLを書き換える方法のご紹介です。
HTML要素内のテキストを書き換える方法
テキストだけを書き換える方法です。
$(".demo").text(...
javascript jQueryでn秒後に処理を実行する方法｜setTimeout()
jQueryで少し待ってから処理を実行する方法のご紹介です。
setTimeout(function() {
// 1秒（1000ms）後に処理
}, 1000);
これで1秒（1000ms...
php PHPでメディアクエリ｜スマホ・タブレット・PCの切り分け
CSSやjQueryでは、よくやるメディアクエリの指定。
PHPでも同じことができる！
PHPでメディアクエリする時、いい点はブラウザでソースを表示した時、他のコードがソースに表示されないからきれいに...
javascript jQueryでメディアクエリの指定方法｜ユーザーエージェントで判定
jQueryでユーザーエージェントからメディアクエリを行う方法のご紹介です。
ユーザーエージェントを取得し、表示を切り替えるデモとjQueryです。
様々なデバイスやデベロッパーツールで確認してみてく...
javascript jQueryでメディアクエリの指定方法｜画面幅で判定
jQueryで画面幅からメディアクエリを行う方法のご紹介です。
画面幅を取得し、横幅によって表示を切り替えるデモとjQueryです。
画面を広げたり縮めたりしてみてください！
DEMO
これは、表...
javascript jQueryでブラウザの横幅・高さを取得する方法｜初回読み込み時、リサイズ時に取得
まずは、ウィンドウの横幅と高さを取得します。
DEMO
横幅：px
高さ：px
// ウィンドウの横幅
var width = $(window).width();
// ウィンドウの高さ
...