開発フラットデザインで用いられるロングシャドウ・アイコンは、Photoshopプラグインで作るのが一般的だが、実は同様のアイコンを生成するWebサービスがある。コードを少し修正すればテキストバナーも作ることができる。2016年6月3日、追記しました。はじめに「ロングシャドウ」とは、上の画像のような長い影を持ったスタイルのことです。フラットデザインで使われることが多いです。以下のWebサービスを使います:flattyshadow.comこのサービスは、そのままでは単体のロングシャドウ・アイコンしか作ることができません。JavaScriptのコードもダウンロードできるのですが、そのままでは動きません。この記事では、以下の2つの方法を説明します。src="flattyshadow.js"></script></head>変化がわかるページ(GitHub)を作りました:github.comこれで、ロングシャドウ・アイコンが表示されます。一度慣れればラクですね。>完成コードを以下のページに置いておきます:github.comこれで、表示されたページをキャプチャすればOKです:まとめフラットデザインで用いられるロングシャドウ・アイコンをWebサービスで生成しました。コードを少し修正して、テキストバナーも作ることができました。この記事は参考になりましたでしょうか?もしそうでしたら、以下の投稿に「いいね」して下さい。コメントをリプライしていただいてもOKです。今後の記事を書く参考にさせていただきます。アイコンは、Photoshopプラグインで作るのが一般的だが、同様のアイコンを生成するWebサービスがある。コードを少し修正すればテキストバナーも作ることができる。最新の情報を教えてもらいました。以下の記事は2013年のものです。最新というわけでもなさそうです😅coliss.comちなみに2016年はこのような感じだそうです。coliss.comちなみに教えていただいたのは、この方でした。QiitaQiitaに記事を書きました。開発から趣味までここ2年間にはてなブックマークしたツール/Webサービスをまとめ...2014-08-23140823-Feedlyで「このブログ、誰のだっけ?」を防ぐ方法まずFeedlyの左のペインから一つのブログをクリックします。これからJSを始める人にはわかりやすそうな図。QiitaQiitaに記事を書きました。Qiitaよく使う記述を別項目として切り出しました。全ての投稿weedのQiita投稿スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。