ボタン アーカイブ - VIVABlog https://vivablog.net/tag/ボタン/ WordPressやMovableTypeのカスタマイズやWebサイトの制作・運営に役立つ情報など。 Tue, 20 Dec 2016 11:17:46 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 ミニマルなCSSフレームワーク「Milligram」 https://vivablog.net/webtool/basetemplate/kiji1577/ Tue, 20 Dec 2016 11:15:15 +0000 https://vivablog.net/?p=1577 ミニマルなCSSフレームワーク「Milligram」。DLしたCSSファイルをヘッダーで読み込むだけですぐ導入、ミニマルデザインでそのまま使っても良いし、これをサンプルとしてカラーや形を変更させても良いし。 収録されてい...

ミニマルなCSSフレームワーク「Milligram」

関連する記事

  1. グリッドレイアウトを簡単実装CSS「@mdo/table-grid」
  2. [CSS] 左右の高さがキッチリ揃うCSS Tableレイアウトのサンプル
  3. Katsuji Asadaのwebデザイン論
  4. ネガティブコメントについての対策
]]> jQueryとFont Awesomeで作った「トップに戻る」ボタンの簡単な導入方法 https://vivablog.net/wordpresscust/kiji1510/ Mon, 04 Apr 2016 07:51:31 +0000 https://vivablog.net/?p=1510 Webページのナビゲーションとして、そこかしこで見掛けるようになった「トップページへ戻る」ボタン。 ページを下にスクロールさせるとぼわ〜ん出現して、クリック（タップ）するとぐい〜〜ん！と上に戻るというやつです。ボタンはC...

jQueryとFont Awesomeで作った「トップに戻る」ボタンの簡単な導入方法

関連する記事

  1. text-shadowで文字を立体的に、または陥没させる
  2. WordPressプラグイン「TOC+」で記事の目次を自動生成する
  3. WordPressのコメント認証にOpenID
  4. [CSS] Adblock有効時にコンテンツを表示させない方法
]]> [アイコン] TwitterやFacebookなどのソーシャルボタンを導入できる「Social Share Kit」 https://vivablog.net/webtool/icon-webtool/kiji1210/ Mon, 09 Feb 2015 07:21:15 +0000 https://vivablog.net/?p=1210 Addthisじゃなく、自前でソーシャルアイコンを設置したいユーザー向けのキット「Social Share Kit」。 css / jsとfontsフォルダをアップロードして、ヘッダーでcssとjsを追記すればすぐ使えま...

[アイコン] TwitterやFacebookなどのソーシャルボタンを導入できる「Social Share Kit」

関連する記事

  1. [アイコン] Flat Shadowアイコンが作成できるジェネレーター「FS Generator」
  2. ソーシャルWEBブラウザFlock
  3. Tweetmemeボタンをブログ・RSSに表示する方法
  4. [icon] 439種類のアイコンがCSSで指定できる、Webアイコンフォント「Font Awesome Icons」
]]> [CSS] 様々なエフェクトを加えたボタンのサンプル「Hover.css」 https://vivablog.net/webtool/basetemplate/kiji1189/ Mon, 12 Jan 2015 05:14:48 +0000 https://vivablog.net/?p=1189 マウスオーバーでエフェクトするボタンのサンプルです。FontAwesomeのアイコンがアニメーションするものもあり。 Source: Hover.css

[CSS] 様々なエフェクトを加えたボタンのサンプル「Hover.css」

関連する記事

  1. [CSS] CodePenでメニューやボタンなどのデザインサンプルコードが公開
  2. [CSS] リストやキャプションなど、アニメーションエフェクトCSSのサンプル
  3. [CSS/JS] 様々なエフェクトのスライドメニューのサンプル
  4. [js] クリックするとぼわーーんとエフェクトする「Waves」
]]> [JS] ユニークなアクションのメニューなどの「Elastic SVG Elements」 https://vivablog.net/webtool/script/kiji1146/ Tue, 16 Dec 2014 04:31:41 +0000 https://vivablog.net/?p=1146 マウスクリックした時に、ゼリーの様なアクションをするフォームやらドロップダウンメニューやらのJavaScript「Elastic SVG Elements」。 このShareボタンなんかは実用性も高そうです。 Sourc...

[JS] ユニークなアクションのメニューなどの「Elastic SVG Elements」

関連する記事

  1. [js] クリックするとぼわーーんとエフェクトする「Waves」
  2. [js] ブラウザの表示サイズ別に異なる画像を表示する「picturefill.js」
  3. [テンプレート] ポップアップウィンドウの色々エフェクト
  4. [JS] マウスカーソルで画像をズームする「Magnifier,js」
]]> [CSS] CodePenでメニューやボタンなどのデザインサンプルコードが公開 https://vivablog.net/webtool/basetemplate/kiji1083/ Thu, 18 Sep 2014 05:56:49 +0000 https://vivablog.net/?p=1083 CodePenに、デザインパターンのサンプルページが新しく創設され、グラフ・タブ・ボタン・ドロップダウンメニュー・ログインフォーム・ページナビ・テーブル・マップなど、大量のデザインサンプルが取得できるようになっています。...

[CSS] CodePenでメニューやボタンなどのデザインサンプルコードが公開

関連する記事

  1. [html/css] ボタンやメニューなどのサンプル「Get Shit Done Kit」
  2. ベースになるCSSレイアウトテンプレート
  3. [CSS/JS] 様々なエフェクトのスライドメニューのサンプル
  4. CSSレイアウトテンプレートのツール色々
]]> [js] クリックするとぼわーーんとエフェクトする「Waves」 https://vivablog.net/webtool/basetemplate/kiji1059/ Tue, 22 Jul 2014 04:04:42 +0000 https://vivablog.net/?p=1059 ボタンやアイコンをクリックすると、ぼわーーんと気持ちの良いエフェクトが出せる「Waves」。導入も簡単なので、ブログやWebのちょっとした味付けにいいかもしれません。 サポートしているブラウザは、Firefox, Chr...

[js] クリックするとぼわーーんとエフェクトする「Waves」

関連する記事

  1. text-shadowで文字を立体的に、または陥没させる
  2. Tumblrを便利に
  3. web2.0風ボタン　レイヤースタイルとジェネレーター
  4. [CSS/JS] 様々なエフェクトのスライドメニューのサンプル
]]>