CSS-上下中央揃えについて

CSS – 上下中央揃えについて

CSS-上下中央揃えについて   サイト制作していてボックスの上下中央に配置したいとき、すんなりと出来ないことが多々ありますので、調べてみたことを記録。 実際の画面(ソース)確認は http://mizukaz […]

css-見出しサンプル

css – シンプルな見出しのデザインいろいろ

cssのみのシンプル見出しのデザインいろいろ なんとなく見出しいろいろサンプル作ってみただけです。 css のみで出来るものだけで、シンプルなものから疑似要素使ったものまで画像など一切使っておりません。 疑似要素を使えば […]

displayflex

CSS3 – floatはいらない2 – display: flex;

CSS3でフレキシブルレイアウトしたいときに簡単に使える『display:flex;』 段組レイアウトでフロートしてるとカラム落ちしてしまったり、記述がややこしく各要素の高さも揃わないなど難しいことがありました。 fle […]

CSS3 – floatはいらない – display:box;

CSS3でフロートレイアウトしたいときに使える『display:box;』 もうfloatはいらない! 2カラム、3カラムレイアウト時floatで横並びにしていましたが、高さが揃わず苦労することがありました。 displ […]

HTML5&CSS3 – 対応ブラウザ

HTML5&CSS3対応ブラウザについてのメモ 2014年10月28日にW3C勧告。今更ながら対応ブラウザについて調べてみた。 [fmbip.com] 各項目ごとに対応非対応を確認出来るサイト。 Chromeは2 […]

ナビを展開

HTML – ナビを展開する

HTMLとCSSだけでナビゲーションメニューを展開させる jQueryを使ったナビゲーションの展開は綺麗、そしてその方法は沢山あるけれど、HTMLとCSSだけでどーやるの? ってことで調べてみたのでメモ。 項目2つだけど […]