【実例あり】Flexboxを使ってWEBサイトを制作しよう
CSS3で一番の変化といえば、Flexboxですよね。 今までは、Floatなどを使ってレイアウトを変更させるのが一般的でした。 しかし、Floatとには様々な問題があり、扱いが難しいことが欠点です。 CSS3から登場したFlexboxを使えば簡単に要素を横並びにできます。 おそらく、要素の並び方を変更するときはFlexboxを使うのが主流になると思われます。 なので、今のうちにFlexboxを習得しましょう。 今回は、 Flexboxを使って制作したサンプルサイトを例にして説明します。 サンプルサイトを見てFlexboxを理解しよう まずは、今回紹介するサイトのコードを記載します。 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FlexBoxサンプルサイト</title> <link
ベンダープレフィックスの整理整頓｜Web制作 W3G
Updated 2014.03.23 / Published 2013.10.25 2013年はGoogleがApple主導で開発していたWebkitから分離し、ChromeとOperaがレンダリングエンジンをBlinkへと切り替える大きな出来事がありましたので、ブラウザベンダーが勧告予定のCSS仕様の先攻実装を示すベンダープレフィックス（接頭辞）の整理整頓についてまとめてみましょう。 各情報の出典としてはCan I useを利用しており、各UA名称部分はIEはデスクトップ版Microsoft Internet Explorer, Chromeはデスクトップ版Google Chrome, Firefoxはデスクトップ版Mozilla Firefox, Safariはデスクトップ版Safari, Operaはデスクトップ版Opera, iOSはiOS Safari, AndroidはAndr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
