CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
ボタンを押すだけでおいしくなる 家庭用ワインディスペンサー「Vinaera」ビックカメラで発売 - はてなニュース
ボタンを押すだけでワイン本来の風味を引き出せるという家庭用ワインディスペンサー「Vinaera（ビナエラ）」が11月7日（金）、全国のビックカメラとビック酒販で発売されました。コルクを抜いたボトルにそのまま装着できる仕組みで、ソムリエが入れたような味わいを堪能できるとのこと。赤坂見附駅店（東京都港区）とビックロ（東京都新宿区）では、国内初の試飲会を常時実施します。参考小売価格は12,960円（税込）です。 ▽ グリーンエージェント株式会社｜GreenAgent » Vinaera 特長 ▽ VN-014・VINAERA・電動ワインディスペンサー 「Vinaera（ビナエラ）」VN-014 :ビックカメラ.com ビナエラは、ソムリエが数十分かけて行うエアレーションをボタン1つで行い、ワインが持つ芳醇な風味を引き出すとのことです。ボトルに装着したままボタンを押すと、液だれを抑えつつ手軽にワイ
【これはヤバイ！】鍵やお財布、大切なものが見つかる！日本初上陸のステッカー・ファインドが予約開始 | AppBank
あなたの大切なものを「ステッカー・ファインド(Stick-N-Find)」で見つけます。 アプリを起動すれば近くにある大切なものを教えてくれます。 例えば… 家の中のどこに置いたかわからない鍵 ドッグランで自由に走り回っている我が家の犬 駐車場のどこに止めたかわからなくなったマイカー ステッカー・ファインド(Stick-N-Find)がある人とない人でどう違うのか、以下の動画をご覧ください。 全米を騒がせた人気のアクセサリがついに本日より予約開始です！日本ではAppBank限定で先行予約を開始しました(発送は8月上旬予定)。興味のある方は今すぐ以下のボタンから！！ 続報: 基本的な使い方と機能はこちらで！→【話題騒然】ステッカー・ファインドの基本的な使い方とアプリの機能をご紹介。 気になる疑問はこちら！→あの「ステッカー・ファインド」に関する疑問について調べてみました！ 大切なものにこのス
ホームページ制作やブログ制作に役に立つ!facebookとtwitterのボタンの設置方法!ーfacebook編ー - Web学生の日常
ホームページ制作やブログ制作に役に立つfacebookとtwitterのボタンの設置方法!ーfacebook編ー こんにちは パクちゃんです。 今日は最近サイトやブログによくあるfacebookとtwitterのボタン設置方法について書きたいと思います。 スマホが普及し、SNSの利用者も増えてきました。 そしてSNSの宣伝効果はすごいと思います。 私はあるサイトを運営している会社でアルバイトをしていますが、 そこでイベントページを企画し、そこにSNSボタンを設置することになりました。 いいねやツイートのボタンを押したことはありますが、 設置の仕方がよく分からなくてネットから検索し、とても苦労しました。 facebookとtwitterのボータンを一緒に入れるとずれてしまい、 とても大変だったので失敗がないような設置方法を共有したいと思います! 今回はfacebook編です。 ■facebo
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
Google+1/Twitter/facebookいいね!/facebook Share/mixiチェック/mixiイイネ!/GREEいいね/Evernote/はてブのボタンを超カンタンに作れる jQuery.socialbutton プラグインを作ったよ
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6～IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アフィリエイトサイトで23.4%クリック率を上げた動くボタンの作り方
ソーシャルブックマーク＆投稿ボタンの設置方法 ｜ SEOモード
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～