こんにちは Honma です。今回はデザインする際に役立ちそうな SVG (Webkit は CSS3) を使った、Grayscale Effect と Blur Effect (ぼかし) の利用方法です。記述はすごく簡単！ HTML <!– Grayscale Effect –> <img id=”grayscale-effect” src=”URL” alt=”” /> <!– Blur Effect –> <img id=”blur-effect” src=”URL” alt=”” /> /* Grayscale Effect */ #grayscale-effect { -webkit-filter: grayscale(100%); filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/sv
このタッチスクリーンは、SF映画の中にしかない未来の材質でできているように思えるかも知れない････しかし実際は霧の壁にすぎないのだ。 マルチメディアプロジェクター、およびモーションセンサーと組み合わせることで、霧状の水は高解像度の映像を映して操作する方法になった。 ポーランド人エンジニア、ダニエル・スクーテラ氏は、レイア・ディスプレイ・システムの開発者の1人だ。 LDSスクリーンの製造者、スクーテラ氏が語る。「わたしたちのデバイスは映像のベースとなる霧状の水の極薄の層を放射します。通常のマルチメディアプロジェクターを使用して、そこに映像を映せます。でも、そこを歩いて通り抜けることも、手を差し入れることもできます。映像はまるで空中に浮かんでいるように見えます」。 博物館での利用に大きな可能性
SNSシェアもチェックインの公開・非公開も制御可能 Tinysquareの魅力はウィジェットの出来の良さ。アプリそのものも特に凝ったデザインではなく、非常にシンプル。チェックインするという行為に特化し、余計なものを削ぎ落したアプリである。 通知センターにウィジェットを追加すると以下のように周辺のチェックインポイントが最大5つ表示される。鍵アイコンをタップするとチェックイン時に公開・非公開を切り替えられ、TwitterやFacebookアイコンが有効になっている場合はチェックインと同時にそれぞれのアカウントにシェアされる仕組み。 肝心なチェックインはチェックインポイントをタップすると完了。コメントを添えることはできないが、その割り切りがとても良い。スピーディにチェックインしたい人にとってコメントは不要なのだ。チェックインが完了すると「Checkin!」と表示される。 実はSwarmもウィジェ
スマートフォンやタブレットが主流になったことで、画面をタッチする手の動きを表現するデザインシーンも増えています。そんな中今回紹介するのは、手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」です。 主に指先でタッチやスワイプをする動作が表現された手のひらアイコンが100種セットになっています。 詳しくは以下 人差し指でタッチ、二本の指で横や縦に遷移や回転、親指と人差し指で拡大縮小の動き、また1〜5の指の形など、いろいろな動きや表現がアイコン化されており、さまざまな場面で活用できそう。アイコンのテイストもシンプルなので、多彩なデザインに合わせることができそうです。 AI、EPS、CSH、PSD、PNG、SVGといった5種の形式で収録されているので、制作物のタイプに合わせて使い分けられるのも魅力ですね。他にはあまりないタイプのアイコンなので、この機会に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く