UIでボタンをクリックするのが楽しくなるエフェクトがたくさん揃ったJavaScriptライブラリ -Party.js
ユーザーがボタンのクリックなど、アクションをした際に紙吹雪やハートをクラッカーで弾けたようなエフェクトで表示する、楽しさを演出するJavaScriptライブラリを紹介します。 クリックするのが楽しくなるエフェクトがたくさん揃っており、「おめでとう！」「ありがとう！」「うれしい！」などを視覚的に伝えることができます。 Party.js Party.js -GitHub Party.jsの特徴 Party.jsのデモ Party.jsの使い方 Party.jsの特徴 Party.jsは「おめでとう！」「ありがとう！」「うれしい！」などを視覚的に表現するエフェクトを実装し、ユーザーのサイトエクスペリエンスを明るく楽しくするJavaScriptライブラリです。 ユーザーのアクションに伴い、紙吹雪やハートやキラキラなどのエフェクトを簡単に実装できます。 実装が簡単 ライブラリをHTMLファイルに含め
国産のSVGアイコンサイトが登場！日本人クリエイターが作成した商用無料で利用できるアイコン素材 -Icon Box
海外の素材だとちょっと不安という人でも大丈夫、日本人クリエイターが作成した商用無料で利用できるアイコン素材を紹介します。 アイコンは現在400種類以上あり、高品質で汎用性の高いものが揃っています。SVGも完備されているので、非常に使い勝手がよいと思います。 Icon Box アイコンの利用にあたっては個人でも商用でも無料で、「アイコンの編集もご自由にどうぞ」とのことです。アイコン自体の再配布は禁止です。 詳しくは、ライセンスページをご覧ください。 アイコンのフォーマットは、下記の通り。 透過PNG SVG サイズは、16px, 32px, 64px, 128px, 256pxが用意されています。 ダウンロードも簡単で、登録など面倒なことは一切不要です。各アイコンページの「PNGボタン」「SVGボタン」からダウンロードできます。
FLAT ICON DESIGN -フラットアイコンデザイン- | WEBデザインやDTPですぐ使えるフラットアイコン素材がフリー（無料）ダウンロードできるサイト
フラットデザインに最適なフラットアイコン素材がフリー（無料）でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちら ファイルのフラットデザインアイコン ノートのアイコン素材 あざらしのフラットアイコン 博士のフラットアイコン素材 はさみのフラットデザインアイコン ハンマー（とんかち）のフラットアイコン ドル袋のフラットアイコン素材 無料の暴れ牛のフラットアイコン素材 スペースシャトルのフラットデザインアイコン ギリシャのパルテノン神殿風のフラットアイコン 目玉のアイコン素材 にわとりのフラットアイコン素材 計算機のフラットアイコン素材 その2 コーヒーカップのフラットアイコン素材 バッファローのフラットアイコン 乳牛のフラットアイコン 海外の大学帽子のフラットアイコン おさるさんのフラット
JavaScriptとCSSは不要！SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders
JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK！ デモページ SVG Loadersの使い方 使い方は、簡単！ Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGファイルをダウンロードします。 SVG Loaders -GitHub Step 2: HTML あとは、imgタグで配置するだけです。 <img src="svg-loaders/puff.svg" /> アイコンのカラーを変更したい時は、svg要素のfill属性を変更します。 <svg fill="#fff" width="140" height="64" viewBox="0 0 140 64
スマホでタップできることを示すアイコンなどをCSSのみで実装してみましょう
あたり前だろうと思っていることが実はあたり前ではないとうことがありますね。 スマホサイトのデザインでよくある、タップできる領域の右端に矢印みたいなのがついてるものがあります。 こんなやつですね。 こんな時に矢印みたいなアイコンをCSSで実装してみましょう。 以下のHTMLとCSSで実装可能です。 HTML <ul> <li><a href="#">あいうえお</a></li> <li><a href="#">かきくけこさしすせそたちつてとなにぬねの</a></li> </ul> CSS * { margin: 0; padding: 0; } a { display: block; position: relative; border-bottom: 1px solid #ccc; padding: 11px 25px 11px 11px; color: #000; font-weight
【icon】アイコン・イラスト素材の無料素材倶楽部-くらぶ｜商用利用・加工可ホームページ フリー画像集
アイコン、ボタンなどのWEB素材,画像を提供しています。全無料、商用利用可、加工OKなフリー素材集です。Word/Excel/Powerpoint等の文書にもお使いいただけます。制限はほとんど設けていませんが、ご利用の前に、ご利用規約を読んでください。
飛行機 航空機 イラスト GIF画像 無料
飛行機 航空機 イラスト アイコン 画像 飛行機の絵 フリー素材 無料イラスト 「イラスト ユニ」 へようこそ。 当サイトのナビゲーターのケイコと申します。 飛行機 （ジェット機旅客機 戦闘機） ヘリコプターなどの絵（透過ＧＩＦ画像）を並べました。 ゼロ戦 紫電改 など大戦中の日本軍用機は → ≪ ここをクリック ≫ （スマホではつながりません。 ただし当ページ下方にあります。） アプリは 「ＦＬＡＳＨ」の自由描画 を利用し マウスによる手書きで作成しました。 当サイトの特徴として 透過ＧＩＦ画像 を多く取り入れています。 背景に溶け込んでいるイラスト・・・ 透過ＧＩＦ 白く四角い背景のあるイラスト・・・ ＪＰＧ画像 この他 船舶 鉄道 自動車 その他いろいろなイラスト集があります。 トップページの目次をごらんください。 （スマホの場合はピンチアウトして拡大してご覧ください。 ま
human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
ヒューマンピクトグラム2.0は、非常口のあの人のピクトグラムをTopeconHeroesダーヤマの好みで拡張、ストックしていくページです。 このサイトにストックしたピクトグラムは、WEB制作や会議の資料、企画書などのデザイン素材として無料で利用可能です。 ただし素材そのものの再配布、販売はNGっす。なお2.0だからって拡張元のピクトグラムに比べ優れている訳ではありません。 犬の散歩のピクトグラムその３ 飛び膝蹴り 社長、部長 ショートカット 手荷物検査 略奪婚 結婚式のピクトグラム 神父、牧師 ちゃぶ台返し 2 水球 ピクトグラム シンデレラ サムライ 3 サンタクロース 2 サンタクロース バーテンダーのピクトグラム2 バーテンダー 銅鑼 銅鑼をドーン 虫取り少年 少年時代 やり投げ 食事をするピクトさん 演説するピクトさん エスカレーター 下校する子供
フリーデザイン素材「ローディングのくるくるアニメーションGIFがいっぱい」 (PIXEL LAB)
以前、シンプルな矢印アイコンセットを公開・配布しましたが、 今回はローディングのくるくるのアニメーションGIFです。 最近は、Flashばっかりではなく、HTML＆JSの実装なんかもやっていて、まあ苦労してるんですけど、 Flashの場合は、ローディングの進捗状況を％で表示する プログレスバーがスタンダートですよね。細かい部分のロードにはクルクルみたいな。 HTML＆JSの実装の場合は、コンプリートのコールバックが中心で、 ローディングの進捗状況を、とるのが難しい場合がほとんどだと思うので、 エンドレスなくるくるアイコンの出番はおおいと思います。 でも、毎回つくるのは、面倒なので、えいやっとまとめて作成してみました。 書き出したアニメーションGIFファイルと、 ソースファイルになるFireworks用のPNGファイルを用意したので、 自由にデザインワークで使ってください。 特徴 6種類×複
実物より2割増しの美男美女に。『アニメ風アバターメーカー』でナイスなアイコン作りましょ！ | TABROID（タブロイド）
SNS用のアイコンはアニメ風がイマ風〜。アニメ風なら写真写りなんて気にしなくていいですもんね。どの角度からカメラをかざせば最も写りのいい写真が撮れるかで悩むくらいならサクッと面白おかしくアイコン作っちゃいましょう。 あらかじめテンプレート的な3つのアバターを変更して、似顔絵感覚でアイコン作りを楽しめます。 操作は簡単すぎて説明不要！ だけど一応説明しておきますね。 上部で各パーツを選択して左右にスライドしてパーツを組み合わせていくだけ。うん、説明不要でした。 TABROID編集部の人々を作ってみた 実物の2割増しくらい爽やかにできました。アニメ風ということで、人気の提供はそれなりにウケるんじゃないかな〜。なんともイマ風なアイコンが作れて楽しいです。そろそろ僕もアイコン変えようかな〜。
商用利用も再配布も限界無しのフリー！全250種類2500個、世界各国の国旗のアイコン素材 - 2500 Flag Icon Set
個人でも商用でも無料で利用でき、バックリンクも不要、コピーも修正も配付もOKな2012年版の世界各国の国旗のアイコン素材を紹介します。 国旗アイコンはこれさえあれば、もう困らないって感じですね。 2500 Flag Icon Set 国旗は全部で250種類あり、デザインはフラット・シャイニーの2種類が揃っています。a 国連加盟国数は2012年現在193ですが、例えばイギリスだとイングランドやユニオンフラッグが揃っています。 国旗は各国、デザイン2種類、サイズ5種類 ダウンロードできる素材のフォーマットはPNGで、サイズは16×16, 24×24, 32×32, 48×48, 64×64の5種類です。 素材は個人でも商用でも無料で利用でき、ライセンスはMIT Licenseでバックリンクは不要、とのことです。 詳しくはダウンロードファイルの「LICENSE.txt」をご覧ください。
商用利用も無料！素晴らしい完成度の美しすぎるアイコン素材 -Art Professions Icon
アイコン全34種 ダウンロードできる素材のフォーマットはPNGで、サイズは8種類、32x32, 48x48, 64x64, 72x72, 96x96, 128x128, 256x256, 512,512が揃っています。 アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できる、とのことです。 詳しくはダウンロードファイルの「readme.txt」をご覧ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利なツールが登場！ハンバーガーをXに変形させるのも簡単、SVGアイコンをアニメーション化できる無料ツール
Simple Icons
MmgJapan.com is for sale | HugeDomains
イラスト素材.net
地図のイラスト | ただ絵.net | 無料・商用可・aiファイルも取り扱う、フリーイラストサイト。
商用可能な無料(フリー)のイラスト素材ならストックマテリアル
商用利用可能なアイコン・イラスト素材ならICON HOIHOI
ABOUT – SILHOUETTE DESIGN