JavaScript

JavaScript

【JavaScript】入力された電話番号に自動でハイフンを追加するTips

電話番号のハイフン入力が必須のフォームでハイフンの入れ忘れが多くて困ってる、との相談が。人間は忘れる生き物なので、そらそうだ。それならハイフンを自動で追加することはできないものか? と思い、作成しました。紹介するコードをコピペで使えますので...
CSS

画像下揃えでテキストを回り込ませる方法

ある日、支給されたデザインを確認したときに画像とテキストが下揃えになったテキスト回り込みに出会いました。普通floatでテキストを回り込ませると上の図のように、画像が浮くことでそこにテキストが回り込み、画像の高さ分を超えたテキストは幅いっぱ...
JavaScript

【初心者向け】デベロッパーツールでエラーが出て困っているあなたと私へ。

デベロッパーツールにエラーが出てしまって困り果てている人へ、根本的な対処法をお伝えします。 今回のエラーの定義 デベロッパーツールの「コンソール」タブで表示される、この赤いエラーのことを指します。 ※画像はChrome 左にエラーの内容、右...
HTML

レスポンシブのとき、viewportタグをjsで振り分け

レスポンシブ対応だけど、タブレットはPCと同じ見た目でいいのになー、ということありませんか?そんな時のための備忘録です。 viewportをjsで切り分け デバイスごとにviewportを書き換える方法です。 ちなみに > 0と言う記述はt...
スポンサーリンク