近年、ウェブ技術の発展により、画像の一部だけを表示する「マスク表現」がよく見られるようになりました。一言でマスクと言っても、アニメーションやインタラクションとの組み合わせによりさまざまな表現が可能です。 また、どの技術を用いるかという選択も重要になります。マスク表現はCSS, SVG, Canvas APIといった技術で実現できますが、それぞれが異なる得意分野をもちます。 本記事の前半では、マスク表現を実現する技術について解説を行います。後半では実践的なマスク表現をいくつか紹介しながら、それぞれの実装方法を紹介します。いままで技術的に難しいと諦めていた表現が、マスクによって実現するヒントになれば幸いです。 ▼マスク表現の例(背景画像の一部を表示している) - Erika Moreira Portfolio マスクとは 本記事で紹介するマスク表現とは、画像の一部を切り抜く手法です。マスキング
ITの傑作商品を次々と開発して世界を変えたスティーブ・ジョブズ。惜しまれたその死から、ことし10月で10年になる。彼が生み出した製品は、いまも、その機能性と共に、美しく斬新なデザインでも世界を魅了している。 ジョブズの美的センスには日本文化の禅が影響を与えたことが知られているが、実は、禅に触れる以前、子どもの頃に見た日本の「新版画」、特に川瀬巴水(かわせはすい)から大きな影響を受けていた。ジョブズが巴水から学んだシンプルな美への探求をたどる。 文末には、ジョブズが購入した新版画作品のリストも記した。 (国際放送局・佐伯健太郎) スティーブ・ジョブズが川瀬巴水の作品と最初に出会ったのは、彼がまだ10代の頃に知り合ったカリフォルニア州サニーベールに住む親友ビル・フェルナンデスの自宅だった。 2人は互いの家を行き来し、電子機器をいじって遊んでいた。ビルは後年、アップル最初のフルタイムの社員になる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く