タグ

2016年11月22日のブックマーク (2件)

  • モダンなフォームを作るために覚えておきたいCSSの擬似クラス

    作成:2016/11/21 更新:2016/11/21 Web制作 > モダンなフォームを作るために覚えておきたい擬似クラスをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 疑似クラスとは 疑似クラスとはその名の通り疑似的なクラスをCSSで作るということで、指定したセレクタや外的要因に対し要素「全体」にスタイル変更を加えるものです(例「:hover」を指定した要素全てに対し、マウスポインタが乗った時の見え方をCSSを追加する)。 擬似要素は指定した文字などの「一部」に対し見え方を変更したり、コンテンツ(要素)をCSSの中で追加できます(::afterとか::first-letter)。見分け方としては擬似クラスはコロン一つ(:)、疑似要素はコロン2つ(::)。いずれも、html内に直接マークアップする事が好ましくない場合などに使います。 CSSの疑似ク

    モダンなフォームを作るために覚えておきたいCSSの擬似クラス
  • InstagramやAirbnbなどのUIデザインに見る新しいトレンド

    ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう? ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。 「コンプレクション・リダクション」とは 「コンプレクション・リダクション」なんて聞いたことがありませんか? 聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。 編注:Complexionは「顔色」「血色」という意味で、Reducti

    InstagramやAirbnbなどのUIデザインに見る新しいトレンド