blurifyは画像にぼかし効果を実装することができるJSライブラリです。とても軽量(〜2KB)なライブラリなので、PCではもちろん、スマホやタブレットでもサクサク動作させたい人にはピッタリですね。 blurifyの実際のデモ動作は以下のページから見ることができます。 デモ デモではフルスクリーンで表示された画像に、しっかりとぼかし効果がかかっています。実装方法もシンプルだし、ファイル容量も軽量なところがいいですね。 オプションは全部で、images、blur、modeの3つが用意されています。imagesにはぼかし効果をつけたい要素を指定します。blurはぼかし具合を数値で指定します。デフォルトは6です。 また、modeは3種類の中から選ぶことができます。具体的には、css、canvas、autoの3種類です。デフォルトはcssになっています。 軽量ながらもオプションによる手軽なカスタマ
アイコンは、非常に奥深いデザインです。 サイトやアプリのさまざまなアクションを示すためのビジュアルキューであり、プロダクトやサービスに固有のアイデンティティーを与えることができます。 無料のアイコンは確かに便利です。しかしあなた以外もダウンロードして、そのアイコンを利用しています。アイコンのデザインに少し手を加えて、視覚的な深みを与え、アイコンにオリジナリティをだすデザインのチュートリアルを紹介します。 How to Quickly Turn Boring Icons into Original Masterpieces アイコンの基本的な作り方は、前回の記事を参考にしてみてください。 シンプルな図形を組み合わせて作成する驚きのテクニックが満載です。 簡単なのにすごい、アイコンを作るテクニックのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く