アニメーションするSVGアイコンもそれを実装するJavaScriptも、ゼロから作成すると時間がかかります。 Webページやスマホアプリでよく使用するさまざまなアイテムが用意された、アニメーションに対応したSVGアイコンと埋め込みコードがセットになったJavaScriptのライブラリを紹介します。 実装は非常に簡単で、SVGやJavaScriptが苦手な人でも問題無しです。
![実装が非常に簡単!アニメーションに対応したSVGアイコンと埋め込みコードがセットになったライブラリ -Titanic](https://cdn-ak-scissors.b.st-hatena.com/image/square/06feb97ac00b504aff59453d99d272f93feaabba/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201703%2F2017070401.gif)
アニメーションするSVGアイコンもそれを実装するJavaScriptも、ゼロから作成すると時間がかかります。 Webページやスマホアプリでよく使用するさまざまなアイテムが用意された、アニメーションに対応したSVGアイコンと埋め込みコードがセットになったJavaScriptのライブラリを紹介します。 実装は非常に簡単で、SVGやJavaScriptが苦手な人でも問題無しです。
日本の風習100種類をピクトグラムで表現したアイコン素材を紹介します。 Twitterで何回かつぶやいていたのは、これです。 コリス タイアップ企画として3日間限定で無料でダウンロードできます。 作者の方に感謝です! 日本の風習を伝える100のアイコン 日本の風習を伝える100のアイコン ダウンロードできる素材のフォーマットは通常は、.pngと.psdでレイヤーがフラットな状態ですが、今回3日間限定でベクターの.psdと.aiも無料でダウンロードできます! 通常版 .png .psd(レイヤーがフラット) 期間限定版 .png .psd(ベクター付き) .ai 通常版でももちろん十分利用できますが、作者の方にベクターの配布をお願いしたところ期間限定で、ということになりました。 という訳で、一足お先に頂いたベクターの.psdです。 やっぱりベクターでアイコンを見るといいですね。 素材の利用に
①アプリ企画 海外マーケットでヒットを目指せ ②翻訳 クラウドソーシング翻訳をつかってみよう ③クロスプロモーション 自社アプリのトラフィックを使いこなせ
こんにちは。みぞれです。最近アプリのデザインをするようになって アイコンのサンプルが大量に欲しくなったので、思い切ってサイトにしてみました。 日本のサイトだからこそ国産アプリ多めです 海外のギャラリーサイトもクオリティが高く参考にはなるんですが、私たちが作るのは日本人向けのアプリ。やっぱり参考にするのも国産アプリのアイコンの方がしっくり来ると思うのです。 とくに上記のような日本独特のアイコンデザインをしたい時はやはり国産アプリから探さねばなりません。 (画像のアプリはこれから登録予定です・・・ごにょごにょ) 色別、タグ別、タイプ別、カテゴリ別。 アイコンを探す時に色(ベースカラー)から絞れたり、タグから絞れるように作りました。 色 時には「女の子向けだからピンク系でいきましょう!」などと、色から始まる製作もあると思います。そんな時は色で絞ればOKです。 タグ 例えばクライアントさんに「本の
To use this icon, you must first accept the license agreement.
Webデザイン手書き風デザイン 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォントふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが
「Web Icon Set」からのタレコミによると、オンラインストアやネットショップ、電子商取引などのために無料で使用できる「E-Commerce Icon Set」と電話やメール、無線LAN、地図、カレンダーのイメージを含んだ「Mobile Icon Set」をリリースしたとのこと。いずれもPNG形式で、サイズは「E-Commerce Icon Set」が32×32・48×48・64×64・128×128の4種類、「Mobile Icon Set」48×48・64×64・128×128の3種類が同梱されているため、いろいろな使い方ができるようになっています。 個人用途だけでなく、商用利用も可能と明記されており、今回も非常に使やすいアイコンセットに仕上がっています。 ダウンロードは以下から。 E-Commerce Icon Set | Web Icon Set http://www.web
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ&シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw
「Icones.pro」ではPNGアイコンがたくさん公開されています。 トップページでカテゴリ別に用意されており、詳細を見てみると関連したアイコンがどばーっとでてきます。 PNGは透過のものではなく、背景色が入ります。 背景色はこちらで自由に設定できるようになっています。 また、PNGファイルだけでなく、.icoファイルもダウンロード可能です。 以下に色んなアイコンを載せておきます。 Twitterのアイコンを探してみます。 まず「Icones.pro」へアクセスします。 するとこんな感じのTOP。 ほかにもたくさんあります。 アイコンはこれだけではなく、クリックするとさらに色んなアイコンが表示されます。 ラストはカテゴリ。 Twitterカテゴリを見てみます。 このようにTwitter関連のアイコンがどっさり。 Twitterだけで100個以上あります。 ダウンロードしたいものをクリック
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、2次配布は不可。
ナビゲーション・ボタン・スライダー・タブ・パネル・フォーム・ページネーションなど、ウェブサイトのさまざまなパーツが揃ったフリーのPSD素材をBest Blog Boxから紹介します。
ウェブ用の素材やアイコンなどのベクター素材がダウンロードできるFree Vector Downloadを紹介します。
スプーンやフォークやナイフ、グラス、カップ、ポットなどキッチン関連のシルエットのベクター素材をsnap2objectsから紹介します。
TOP > WebDesign > 商用可!WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com- The Best Icons Always at Your Fingertips」を紹介したいと思います。 それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■FamFamFam Silk: 700+ icons in PNG format (16×1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く