タグ

2017年11月29日のブックマーク (2件)

  • Flexboxでスマートニュース(SmartNews)風のレイアウトを実装する方法 - Design Color

    スマートニュース(SmartNews)風の表示とは 「スマートニュース(SmartNews)」とはスマートフォン用のニュースアプリです。巷では略して「スマニュー」なんて呼ばれています。 読み込みが速いため、いつも情報収集にお世話になっているアプリですが、レイアウトも見やすいんですよね。縦だけでなく、2〜3列で横並びになったりと見た目に変化があって記事が見つけやすいんです。 SmartNews ただ、この見た目をfloatやdisplay: inline-block;で実装しようとするとかなり面倒…と思っていたそんな時、柔軟に対応できるFlexboxの存在を知りました。次からは、Flexboxを使った実装方法をお伝えしていきますよ! 以下が実装用のコードです。「CSS」のタブをクリックして確認してみてください。 See the Pen Flexboxでスマートニュース(SmartNews)風

    Flexboxでスマートニュース(SmartNews)風のレイアウトを実装する方法 - Design Color
  • 常時HTTPS化+ドメイン名変更、SEOの悪影響ゼロで進めた手順をすべて公開! | 初代編集長ブログ―安田英久

    今日は、常時HTTPS化とドメイン名変更に関する話題を。Web担では10月にこの両方を一気に進めましたが、検索エンジンからのトラフィック減など一切なしに完了しました。そこでやった手順をお届けします。 ドメイン名を変えるなら常時HTTPS化もWeb担では、オープン当時の社名に基づくドメイン名「impressrd.jp」を長らく使っていましたが、すでに会社が「株式会社インプレス」になっているため、全社的な統一性の観点からドメイン名を変えることにしました。 そして、ユーザーログイン機能があるサイトであるため、Wi-Fi環境でのセキュリティ担保なども目的として、常時HTTPS化を行いました。 旧URL: http://web-tan.forum.impressrd.jp/ 新URL(ドメイン名変更+HTTPS化): https://webtan.impress.co.jp/ 実は、この移行作業には

    常時HTTPS化+ドメイン名変更、SEOの悪影響ゼロで進めた手順をすべて公開! | 初代編集長ブログ―安田英久