フォームをスタイルのが苦手という人も少なくないと思います。中でもselect要素はブラウザのデフォルトが非常に使いにくく、スタイルするのに知識が必要です。 フォームのselect要素の特徴を把握し、各ブラウザで一貫して美しく実装するスタイルシートを紹介します。 select-css -GitHub select-cssの特徴 select-cssのデモ select-cssの使い方 select-cssの特徴 select-cssは、デスクトップ・スマホの各ブラウザで一貫して美しく見せるスタイルシートを適用します。IE 9以前など、一部のブラウザでは、アイコンのデザインはサポートされていませんが、コントロール可能で通常の目的には十分に適しています。
フォームをスタイルするのが苦手、中でもselect要素が最も苦手という人は少なくないと思います。Web制作者が苦痛だと感じているselect要素の不満点、select要素をクロスブラウザ対応で美しくスタイルするテクニック、select要素に対するブラウザの進化の紹介します。 The Current State of Styling Selects in 2019 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに select要素を美しくスタイルするテクニック ドロップダウンの内側のスタイル select要素の不満点 select要素に対するブラウザの進化 はじめに 2019年、CSSで望まれている機能の一つは、フォームのスタイルでした。トップ5に入っています。 Greg Whitworthのデータによると、フォーム要素の
ショートカットキーを使いこなそう なんでもかんでも効率アップ至上主義の時代。パソコンなんて使えるのは当たり前。その先を目指すとしたら、なんだと思いますか? それはズバリ、ショートカットキー操作。 え? 知らない。大した差はないだろうなんて言って、もしかして、まだメニューバーに頼っているんですか? いちいち「ファイル」メニューをクリックして、「上書き保存」を選択して…なんてやってたら、ある日アプリケーションが突然終了して、今作業中のファイル、保存してないし!? え? どうしたらいいの? なんてことになりかねません! [Ctrl]+[S]という上書き保存のショートカットキーを知っていたら、頻繁に保存できますからダメージは最小限に。 何がなくてもこれがなきゃ始まらないOS「Windows10」をショートカット! そんな、今の時代絶対に身に着けておきたいショートカットキーをご紹介します。まずは何が
スマホの普及に合わせて急速に生活に浸透したSNS。人々の情報取得の経路として存在感が高まるにしたがい、広告メディアとしての活用も本格化してきています。いまや、大型のキャンペーンでSNSの絡まないものは存在しない時代といっていいでしょう。 「人」が起点となるSNSにおいて、発信力の強い人=インフルエンサーを介したメッセージングはターゲットリーチに優れ、また共感を得やすいので盛んに行われています。テレビ主体の広告キャンペーンにおいても、メディアタイアップのコンテンツ制作においても、あらゆる領域でインフルエンサー施策は活用されています。 以前はインフルエンサーといえば「フォロワー数=影響度」という認識が一般的で、数十万人規模のフォロワーを持つ人たちを中心にプランニングするのが一般的でした。しかし、フォロワー数水増し問題などの影響もあり、最近では「ファンとの関係性の深さ」の方が重視されるようになっ
Web上でアニメーションを表示するなら「Lottie」がおすすめ!特徴と使い方など Webサイト上でアニメーションを実装する場合、簡易なアニメーションはCSSやJavaScriptで手軽に作ることができますが、リッチなアニメーションを作ろうと思ったらコード量も結構なボリュームになってしまいます。 そんな時におすすめなのが「Lottie」です。LottieはAfter Effectsで作成したアニメーションを簡単にWebやアプリで表示することができ、パフォーマンスにも優れています。 今回は、Lottieの特徴や使用するメリット、使い方などをご紹介したいと思います。 Lottieとは LottieはAirbnbが公開しているアニメーションを表示するためのライブラリです。スマホなどのネイティブアプリがメインのようですが、Webサイト上でも高クオリティのアニメーションを簡単に表示することができ、非
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く