CSS シンプルなログインページのデザイン
この記事について
環境HTML + CSS目的ロゴが左上、入力フォームが中央にあるだけのシンプルなログインページをつくる結果flexbox で上下左右中央ぞろえにできた
サイトのロゴとタイトルが左上ログイン情報が画面の中央にあ...
CSS
CSS CSS フルスクラッチで書くとき気をつけることページ全体の骨組み【手順２】
この記事について
環境HTML + CSS目的フルスクラッチで書くときの body 内の骨組みをまとめる結果wrapper の書き方と、ヘッダー・フッターを画面幅いっぱいにする方法を整理
つまずきポイント要約
html...
CSS CSS「………」などが改行しなくてはみ出る場合の対処法
この記事について
環境CSS目的「………」などの連続記号が改行せずはみ出るのを防ぐ結果word-wrap / overflow-wrap : break-word で解決
「………」などが改行しなくてはみ出る場合の対処法
...
CSS 【CSS】iphoneでbrタグを含む長文をうまく選択する方法
この記事について
環境iphone + CSS目的brタグをまたぐ選択で範囲が広がりすぎるのを防ぐ結果brをやめて CSS（content:"\A"）で改行して解決
つまずきポイント要約
brタグをまたいで選択すると希...
CSS iphoneのブラウザで文字列を選択できない → cssの#content重複が原因だった
この記事について
環境iphone（safari）+ CSS目的長タップしても選択・コピーのポップアップが出ないのを解消結果2つのcssファイルに #content が重複していたのが原因。片方を消して解決
つまずきポイント要...
CSS 【CSS】android4.xでposition:fixedで上下左右中央揃え
この記事について
環境android4.x + CSS目的position:fixed で上下左右中央揃えにする結果top/left 50% + transform:translate(-50%,-50%) でできた
つまずき...
CSS 【JQuery】スマホでhoverを使う
この記事について
環境jQuery + CSS（iPhone / android）目的スマホでタッチした瞬間に hover の見た目を出す結果hover（PC用）と touchstart/touchend（スマホ用）の両方を jQu...
CSS textareaで一部の文字だけ装飾する(contenteditableで代用)
この記事について
環境HTML5、css目的textarea内の一部の文字だけ装飾したい結果contenteditable=trueを付けたdivで代用して解決
つまずきポイント要約
textareaそのものの部分装飾...
CSS 【css】フッターの文字を上下左右ともにセンタリング
この記事について
環境css目的フッターの文字を上下左右ともにセンタリングする結果inline-block化＋text-alignで左右、display:table-cell＋vertical-alignで上下をセンタリング
...
CSS 【css】white-space: nowrapがずっと改行しない(タグの境目に改行がなかった)
この記事について
環境css、html目的white-space: nowrapを指定したspanを、画面幅に応じてspanの境目で折り返させる結果htmlコード上でspanタグの境目に改行を入れたら希望通りに折り返した
つま...