タグ : CSS 基本構文

シンプルなHTMLの雛形を公開します。ちょっとした動作確認にどうぞ。

フロントサイドの人はHTMLの雛形なんて当たり前のように持っていると思うのですが、エンジニアがCSSやJavaScriptの確認をしようとすると、HTMLを用意するところから始めるという人が多いと思います。

そんな人のため(自分のため)にコピペで動くHTMLテンプレートを公開していきます。
続きを読む

FlexBoxの基本的な使い方

css
ボタンなどのレイアウトを横並びにさせる方法で以前でしたらfloatの方がよく使われていたと思うのですが、最近ではfloatの代わりにflexboxを使っているところも大分増えてきましたよね。

レイアウトの幅を自在に変えたり、右寄せしたりと比較的floatよりも簡単に扱える印象もあります。ただ古いIEには対応していなかったりと多少の懸念材料はあるものの、将来的にはflexboxのほうが主流になるのではないかと思います。

今回はそんなflexboxの基本的な使い方をソースコードを使って紹介していきます。

続きを読む

【CSS】最近よく見かける背景を固定してスクロールさせる方法

css

2013年くらいから、ポートフォリオサイトなどでよく見るようになった、背景画像を固定してスクロールさせる方法を紹介します。

言葉で説明するのが少し難しいのですが、画面をスクロールすると、画像が固定となって、あたかも下からニュキっと画像がスクロールするように見せるあれです。(トップの画像なような感じのやつです。)

言葉で説明しようとするとやはり難しいですね。
下の方にデモ画面がありますので、そちらから確認して下さい。
続きを読む