2016年11月10日(木)
なぜこれまで活用されてこなかったの?実は便利な9つのCSS機能をご紹介!
CSSの歴史は古く、1994年から開発がはじまっており、現在のCSS4モジュールなど継続的に新しい機能が追加されています。
今回はそんな広いCSSの世界から実はあまり使われていない機能9つ紹介します。
1. CSS clac()
Clac()自体は広く知られていますが、この場でもう一度紹介するほど重要なのです。例のようにエレメントの幅と位置をピクセルで指定することに使えます。
2. pointerメディアクエリ
タブレットやPC、スマートフォンなど様々なデバイスが存在する現代のトレンドに適応するための機能です。none(ポインティングデバイスが存在しない)、coarse(タッチスクリーンやモーションセンサーデバイス等)、fine(マウスやタッチパッド等)の入力値によりデバイスを識別し、ボタンのデザインを変更したりする際に活用します。
3. CurrentColor variable
CSS3で追加された機能。“現在の要素の色”を引き継いで指定することが出来るのでわざわざコードを指定する手間が省けます。
4. :...
author:
SeleQt(セレキュト)
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。
‹ PREV
世界トップクラスのエンジニア1200名がエントリー!オンラインプログラミングコンテスト11月11日より開催
NEXT ›
ジェンダーギャップ指数過去最低の日本で。ギャップを感じるキャリア女性65%、平均給与差103.8万円
関連記事
Ads
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt(セレキュト)の記事『なぜこれまで活用されてこなかったの?実は便利な9つのCSS機能をご紹介!』についてまとめています。
この記事は特にjavascript・アニメーション・CSS3・スマートフォン・LINE・アプリについて書かれており、 HTML+CSSコーディング、Webサービスのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt(セレキュト)で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt(セレキュト)の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。