CSSで円グラフや集中線が描けるconic-gradient入門 - ICS MEDIA
CSSのグラデーションconic-gradient()関数は、conic（円錐）の名のとおり、円錐状にグラデーションを描画するものです。conic-gradient()関数を使用すると、円錐状のグラデーションはもちろん、集中線や市松模様といった表現が手軽に実装できます。 ▼ conic-gradient()関数で実装したグラデーション例 ▼ conic-gradient()関数で実装した演出例 サンプルを別ウインドウで開く 本記事ではconic-gradient()関数の基本的な使い方を解説しつつ、応用的な表現やクロスブラウザ対応の方法を紹介します。 conic-gradient()関数の基礎 linear-gradient()関数・radial-gradient()関数との比較 CSSでグラデーションを実現する手段は次の3種類があります。 linear-gradient()関数： 直線状
グーグルがARの“セーブボタン”実現へ 現実空間に保存
グーグルがARの“セーブボタン”実現へ 現実空間に保存 グーグルは、ARプラットフォーム「ARCore」をアップデートします。目玉は、複数人が同時にアクセス可能かつ「永続的な」ARへの進化です。 マルチユーザーARのCloud Anchors ARプラットフォーム「ARCore」は特殊なデバイスを必要とせず、スマートフォンやタブレットで利用できます。AndroidだけでなくiPhoneの一部機種に対応しているのも特徴です。 そしてARCoreの機能の一つが「Cloud Anchors」。複数のユーザーが同じAR空間にアクセス・共有するAR体験を可能にするものです。マルチユーザーのARアプリが実現します。 今回発表されたのは大きく2点です。まず「Cloud Anchors」に関して、より広範囲で多くの場所にアクセスし「さらにしっかりした3Dマップ」を生成できるようになりました。 この結果、1
これでもう、グラデーションにできてしまう濃淡の縞に困らない！バンディングをおさえるJavaScriptライブラリ
制作時の最適なモニターや最適な照明環境で美しいグラデーションを作成しても、ビジターの環境ではバンディングと呼ばれる濃淡の縞ができてしまうかもしれません。 Webページの背景などに使用するグラデーションにできてしまうバンディングをおさえ、滑らかに表示するためのJavaScriptライブラリを紹介します。 js-noisy-gradient 写真やイラストなど画像のグラデーションで発生するバンディングをおさえたい場合は、以前の記事をご覧ください。 画像にできる濃淡の縞「バンディング」をおさえる方法 グラデーションのバンディングとは バンディングの解決方法 js-noisy-gradientの使い方 グラデーションのバンディングとは Webページの背景にグラデーションを使用した場合、バンディングと呼ばれる濃淡の縞ができてしまうことがあります。 例えば、#112233から#223344の線形グラデ
Webデザイン100トレース | Hypertext Candy
こんにちわ！最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効
fontgraphy | DeNA
このサイトはスマートフォンでのみ利用可能です。 2次元コードを読み取り、スマートフォンでお楽しみください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ベトナムから来た友達の言葉「漢字を学んでからベトナムの言葉の本当の意味が分かった」→その理由には歴史が関係していた
