【CSS】プラスとマイナスをつくる
プラスってCSSで作れますかー？ 作れますよー プラス See the Pen CSSだけで、プラスをつくる by 125naroom (@125naroom) on CodePen. HTML CSS マイナス See
...
【jQuery】スマホ、タブレットでhoverを有効にする
スマホでホバーってできますか？ あー、こんな感じだったら可能ですよー jQuery サンプルではaタグを指定。PCのときと同じ動きをしてくれるというもの。※ タッチ = touchstart さいごに おー タッチしたと
...
【 jQuery】プラグイン『tabs.js』で簡単にタブ切り替え
あのー、簡単にタブを作りたいのですがー じゃあ、プラグインを使って簡単に作ってみましょう 簡単にタブを作ってみる（プラグイン使用） See the Pen 【 jQuery】プラグインのtabs.jsを使って簡単にタブ切
...
【JavaScript】iPhoneとAndroidだけ別のURLにリンクさせる
iPhoneとAndroidだけ別のURLに飛ばせますかー？ 飛ばせますよー JavaScript さいごに おー、できましたー スマートフォン用の専用ページがある場合はJavaScriptで対応できますねー
...
【CSS】ラインの下に三角をつくる
ラインの下に三角を作りたいのですよー おー、擬似要素で作ると簡単ですよー つくる See the Pen ラインの下に三角をつくる by 125naroom (@125naroom) on CodePen. さいごに で
...
【CSS】しましま（縞模様）をつくる
画像を使わずに、シマシマ模様を作ってみる。グラデーションを使うと簡単。いろいろな場面で使える。 サンプル 縦しましま（縦縞） See the Pen CSSだけで、しましま（縞模様）をつくる、縦しましま（縦縞） by 1
...
【CSS】ベンダープレフィックス 必要なもの不要なもの
ベンダープレフィックス。そろそろ必要ないかと。 ベンダープレフィックスの種類 ベンダープレフィックス不要 ※ アルファベット順※ 随時追加 ベンダープレフィックス必要 ※ アルファベット順※ 随時追加 必要か不要かを確認
...
【CSS】タブレット、スマホ表示の時は:hoverを不要にする
あ、:hoverが残ってる。そんなときの記述。問題点は、iPad Proのような大きなタブレットは悩むところだったりしますが。 CSS サンプル iPad Pro横向きサイズの「1367px」以上を指定。PCの画面を縮め
...
【CSS】Flexbox 最後の行を左寄せにする（space-between使用時）
4カラムの場合。before擬似要素、after擬似要素で空白のボックスを作る。 サンプル See the Pen 【flexbox】justify-content: space-between / Last line,
...
【CSS】transform（トランスフォーム）の基点（原点）
transform:rotateで少し回転（角度を変える）。transform-originで基点をleft、topに指定。基点は自由に変えることができる。左下を基点にするなら、left、bottom。 サンプル See
...
【CSS】Flexbox 上下中央揃え
block要素を上下中央揃え（真ん中）にする。ベンダープレフィックスなしで動作する。IE11問題なし。 サンプル See the Pen flexbox > 上下中央揃え by 125naroom (@125nar
...
【CSS】セレクタまとめ、最初・最後・奇数・偶数・何番目
疑似クラスのまとめ。:first-child疑似クラスは、要素内で最初に書かれている子要素にスタイルが適用される。 最初 :first-child 最後 :last-child 奇数番目 :nth-child(odd)
...
【CSS】line-heightの単位は必要ない
あれ、line-heightの単位ってなんだっけ？ って思い調べてみる。 メモ line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。 line-height1.
...
【CSS】px（ピクセル）とem（エム）
統一してくれないかなと思うわけです。 px（ピクセル）とem（エム）、さらには、%（パーセント）、さらには、rem（ルートエム） と言いつつも各々メリットもあるわけでうまく使っていかなくてはいかないわけで フォントサイズ
...