【コピペOK】floatとFlexboxのCSSレイアウト比較例3選
みなさん、こんにちわ！ ジャングルオーシャンのラファエロです！！ つい最近、Webデザイン初心者の友人からこんなことを言われました。 「CSSでレイアウトしたいんだけど、ネットで調べてみるとfloatとかFlexboxとか出てきて意味わかんない(T ^ T)」 確かにCSSでのレイアウト方法を検索してみるとfloatを使った方法とFlexboxを使った方法が混在していて、Webデザイン初心者には分かりづらいですよね(^^;) ラファエロは断然Flexboxを使った方法をおすすめしていますが、実際のところfloatとFlexboxのどっちが簡単なのかサンプルコードを用意したので比較みましょう！ <nav> <ul> <li><a href="＃">Top</a></li> <li><a href="about/">About</a></li> <li><a href="service/">S
スマートスピーカーやNature Remoでスマート住宅にした結果
この記事ではスマートスピーカーをはじめとしたスマート家電をどのように使っているか、どのような方におすすめできるかということをお話ししています。 アメリカでは2018年末時点で約50%の家庭に普及していると推測されるスマートスピーカーですが、私がWeb制作者の方を対象に「スマートスピーカーが自宅にありますか？」とアンケートを採ったところ、意外とスマートスピーカーを持っていない方が多いということがわかりました。 Web制作者アンケート: スマートスピーカーが自宅にありますか？ — なつき (@Stocker_jp) 2018年7月29日 なお、電通デジタルの調査によると スマートスピーカーの普及率は6％ しかないそうで、所有していない理由は 「利用したことがない」や「どんなことができるのかよく分からない」 という方が多く、所有している方も （音楽、天気など）利用用途が一部の機能に集中している傾
サイト高速化に必須の link rel=preload とは？（使い方とサンプルHTML・CSS） | 株式会社ウェブ企画パートナーズ
サイト高速化にあたり Google の PageSpeed Insights と睨めっこをしている際、「キー リクエストのプリロード」という項目が出現しました。 キー リクエストのプリロード <link rel="preload"> を使用して、現在ページ読み込みの後のほうでリクエストしているリソースを優先的に取得することをご検討ください。 ↓こんな感じのです この改善がサイト高速化に効く使える技術であることがわかったのですが、なかなか理解しにくかったので、今回は <link rel="preload"> についてわかりやすく説明していきます。 これまでスルーしてしまっていた方は、これを機会に覚え、使いこなせるようにしてみましょう。 preload＝プリロードと読むそうです。 その名の通り、プリ＝先行、ロード＝読み込み、で先行読み込みをブラウザに指示する機能になります。 link 要素なの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
