jQueryとFont Awesomeで作った「トップに戻る」ボタンの簡単な導入方法
Webページのナビゲーションとして、そこかしこで見掛けるようになった「トップページへ戻る」ボタン。 ページを下にスクロールさせるとぼわ〜ん出現して、クリック（タップ）するとぐい〜〜ん！と上に戻るというやつです。ボタンはC... jQueryとFont Awesomeで作った「トップに戻る」ボタンの簡単な導入方法 関連する記事 text-shadowで文字を立体的に、または陥没させる...
View Articleアイコンファイルをsvg形式で無料配布している「to[icon]」
「to [icon]」では、アイコン用のsvgファイルが無料配布されています。ユーザー登録やログインの必要もなく、誰でもダウンロード可能。 ライセンスはCC BY 4.0 で、クレジットを表示することで再配布や営利目的に... アイコンファイルをsvg形式で無料配布している「to[icon]」 関連する記事 [Icon] フラットアイコン60個セットが無料 [icon]...
View Article[アイコン] TwitterやFacebookなどのソーシャルボタンを導入できる「Social Share Kit」
Addthisじゃなく、自前でソーシャルアイコンを設置したいユーザー向けのキット「Social Share Kit」。 css / jsとfontsフォルダをアップロードして、ヘッダーでcssとjsを追記すればすぐ使えま... [アイコン] TwitterやFacebookなどのソーシャルボタンを導入できる「Social Share Kit」 関連する記事 [アイコン] Flat...
View Article[CSS] 様々なエフェクトを加えたボタンのサンプル「Hover.css」
マウスオーバーでエフェクトするボタンのサンプルです。FontAwesomeのアイコンがアニメーションするものもあり。 Source: Hover.css [CSS] 様々なエフェクトを加えたボタンのサンプル「Hover.css」 関連する記事 [CSS] CodePenでメニューやボタンなどのデザインサンプルコードが公開 [CSS] リストやキャプションなど、アニメーションエフェクトCSSのサンプル...
View Article[アイコン] Flat Shadowアイコンが作成できるジェネレーター「FS Generator」
フラットシャドウアイコンを簡単に作成できるジェネレーター「flattyshadow.com」が公開されています。 アイコンの種類やカラー、サイズ、シェープ、シャドウを調節してトレンドのフラットシャドウアイコンを簡単作成す... [アイコン] Flat Shadowアイコンが作成できるジェネレーター「FS Generator」 関連する記事 [icon]...
View Article[js] クリックするとぼわーーんとエフェクトする「Waves」
ボタンやアイコンをクリックすると、ぼわーーんと気持ちの良いエフェクトが出せる「Waves」。導入も簡単なので、ブログやWebのちょっとした味付けにいいかもしれません。 サポートしているブラウザは、Firefox, Chr... [js] クリックするとぼわーーんとエフェクトする「Waves」 関連する記事 text-shadowで文字を立体的に、または陥没させる Tumblrを便利に...
View Article[CSS] ロード時のアニメーションをCSSだけで表現するサンプル
Single Element CSS Spinners 画像ファイルを一切使用せず、CSSだけでロード時のアニメーションアイコンを表示するサンプル。出来合いのアニメgifを使うのが最も楽ですが、1から自分で作る手間を考え... [CSS] ロード時のアニメーションをCSSだけで表現するサンプル 関連する記事 [CSS] CSSのみで作られた各種ロゴマーク [CSS]...
View ArticlejQueryとFont Awesomeで作った「トップに戻る」ボタンの簡単な導入方法
Webページのナビゲーションとして、そこかしこで見掛けるようになった「トップページへ戻る」ボタン。 ページを下にスクロールさせるとぼわ〜ん出現して、クリック（タップ）するとぐい〜〜ん！と上に戻るというやつです。ボタンはC... jQueryとFont Awesomeで作った「トップに戻る」ボタンの簡単な導入方法 関連する記事 text-shadowで文字を立体的に、または陥没させる...
View Articleアイコンファイルをsvg形式で無料配布している「to[icon]」
「to [icon]」では、アイコン用のsvgファイルが無料配布されています。ユーザー登録やログインの必要もなく、誰でもダウンロード可能。 ライセンスはCC BY 4.0 で、クレジットを表示することで再配布や営利目的に... アイコンファイルをsvg形式で無料配布している「to[icon]」 関連する記事 [Icon] フラットアイコン60個セットが無料 [icon]...
View ArticleClik here to view.
[アイコン] TwitterやFacebookなどのソーシャルボタンを導入できる「Social Share Kit」
Addthisじゃなく、自前でソーシャルアイコンを設置したいユーザー向けのキット「Social Share Kit」。 css / jsとfontsフォルダをアップロードして、ヘッダーでcssとjsを追記すればすぐ使えます。非商用の個人利用に限り無償で利用できます。 Source: Social Share Kit [ Copyright © VIVABlog | Permalink ]
View ArticleClik here to view.
[CSS] 様々なエフェクトを加えたボタンのサンプル「Hover.css」
マウスオーバーでエフェクトするボタンのサンプルです。FontAwesomeのアイコンがアニメーションするものもあり。 Source: Hover.css [ Copyright © VIVABlog | Permalink ]
View ArticleClik here to view.
[アイコン] Flat Shadowアイコンが作成できるジェネレーター「FS Generator」
フラットシャドウアイコンを簡単に作成できるジェネレーター「flattyshadow.com」が公開されています。 アイコンの種類やカラー、サイズ、シェープ、シャドウを調節してトレンドのフラットシャドウアイコンを簡単作成することができます。 作成したアイコンは、png形式でダウンロードできる他、CSS / JSコードとしてダウンロードしてFont Awesome Iconsの様な使い方も可能。...
View ArticleClik here to view.
[js] クリックするとぼわーーんとエフェクトする「Waves」
ボタンやアイコンをクリックすると、ぼわーーんと気持ちの良いエフェクトが出せる「Waves」。導入も簡単なので、ブログやWebのちょっとした味付けにいいかもしれません。 サポートしているブラウザは、Firefox, Chrome, Safari, IE10以降。 Download Waves [ Copyright © VIVABlog | Permalink ]
View ArticleClik here to view.
[CSS] ロード時のアニメーションをCSSだけで表現するサンプル
Single Element CSS Spinners 画像ファイルを一切使用せず、CSSだけでロード時のアニメーションアイコンを表示するサンプル。出来合いのアニメgifを使うのが最も楽ですが、1から自分で作る手間を考えると、この手段もなかなかお手軽ではないでしょうか？ [ Copyright © VIVABlog | Permalink ]
View ArticleClik here to view.
[Icon] フラットアイコン60個セットが無料
フラットデザインのアイコンが60種類、無料でダウンロードすることができます。png / svg / eps / psd / ai形式。 Download: icon set for free Source: Smashing Magazine [ Copyright © VIVABlog | Permalink ]
View ArticleClik here to view.
[Font] アイコンやボタンの作成にも使えるシンボルフォント
Apple Macシンボルフォント FontFace 73 Free IconFont Efon Font | dafont.com Символьный шрифт Notice Символьный шрифт Notice2 Foundation Icon Fonts Free Font Web Symbols by Just Be Nice Studio Free Font Modern...
View ArticleClik here to view.
[icon] 2800種類のアイコンが使用できるMac用アプリ「2800 Icons」
Macアプリの「2800 Icons」は、2800種類のアイコンが使用できる無料ツール。メニューバーからお目当てのアイコンを探し出して、Photoshopを初めとする画像加工アプリに直接ドラッグ&ドロップで追加して加工することができます。 アイコンサイズは、25×25 px 〜 512×512 px...
View ArticleClik here to view.
[icon] ブラックジョークなアイコンなどフリー素材
(Nasty Icons. 50 free) (100 Free iOS7 Vector Icons) (Free 210 Vector Icons) [ Copyright © VIVABlog | Permalink ]
View ArticleClik here to view.
[Web] ファビコン変換「ICO converter」、png減色「PNG optimizer」
ブックマークしておけば作業が捗りそうな、シンプルなオンラインツールをご紹介。 まずは、画像ファイルをファビコンに変換する、シンプルなコンバーター「Online ICO converter」。そして、png画像を上手く減色してファイルサイズを小さくできるオンライン減色ツールの「Online PNG optimizer」。...
View Article
