Google+風に、Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal - かちびと. net

2011/12/31 62 users 動向 Picasa 印象 相性良さ 話題

Google+ライクな、画像の高さを揃えた イメージギャラリーを実装するjQuery プラグイン・jquery-photowalのご紹介。 この手のは若干使いどころが限られます けどなんか使いたくなっちゃうんです よね。 Google+自体あまり話題を見かけない印象ですが、個人的に動向を追ってるフォトグラファーさんなんかは凄く活発な印象です。G+は写真コンテンツと凄く相性良さそうですし、FBとは別... 続きを読む

「チロルチョコ」のロゴがGoogle+風に…!? - nanapi [ナナピ]

2011/11/17 12 users nanapi チロルチョコ ナナピ 組み合わせ たび

みんな大好きチロルチョコ。新しい味が出るたびに話題になりますね。この夏には「しおパイン」という挑戦的な組み合わせの味が出て、Webでも話題になりました。 そんなチロルチョコですがソーシャルメディアの活用にも積極的で、Google+の企業ページも11月8日に開設済み。最新情報を届けたり、ファンと交流しています。 Google+のチロルチョコページのロゴアイコンが、Google+風のデザインでとてもか... 続きを読む

Google＋風のボタンUIセット＆ドロップダウン:phpspot開発日誌

2011/10/03 50 users phpspot開発日誌 Buttons ドロップダウン 素材

Google Styled UI Buttons, Icon Buttons & Dropdown Menu Buttons Google＋風のボタンUIセット＆ドロップダウンの素材が入手できるサイトが公開されています。 まさにGoogle＋っぽい感じが出せるのとドロップダウンなんかもアイコン付きで綺麗に実装されています。 シンプルなデザインであるので普通にサイトで使ってもよさそうです。 アイコン... 続きを読む

アイコン付きの分かりやすいボタンをCSS3で実装するサンプル:phpspot開発日誌

2011/09/06 48 users phpspot開発日誌 CSSスプライト サンプル CSS

Just some other awesome CSS3 buttons - demo アイコン付きの分かりやすいボタンをCSS3で実装するサンプルが公開されています。 ボタンの横にアイコンが表示されており、何を意味するのかが分かりやすく使い勝手向上に貢献しそうです。 関連エントリ CSSスプライトでカッコイイボタンを作るチュートリアル Google＋風のボタンをCSSで実装するサンプル 続きを読む

Google＋風のフリーな２０４個のアイコンセット:phpspot開発日誌

2011/08/30 51 users アイコンセット アイコンデザイン phpspot開発日誌

Google Plus free interface Icons Google＋風のフリーな２０４個のアイコンセット。 PNGとPSD形式で公開されています。あくまで、Google＋風ということで丸々パクったというわけではないようです。 アイコンデザインがシンプルで分かりやすいため、色々と使えそうな気がします シンプルなのでいやらしさも感じさせないところが素晴らしい。 関連エントリ ソーシャル等シ... 続きを読む

カラーもサイズも変更可能！全200種PSD付きのシンプルなアイコン素材 | コリス

2011/08/25 193 users コリス ウェブアプリケーション アイコン素材 カラー サイズ

商用利用無料、さまざまなウェブサイト・ウェブアプリケーションでの利用を想定してデザインされたGoogle+風のシンプルなアイコン素材を紹介します。 Google Plus interface icons アイコンのカラー [...] 続きを読む

Photoshop VIP ☞ 商用可、Google+風に仕上げた204個の無料アイコン素材セット(PSD付）

2011/08/25 67 users モチーフ アイコン Google Web制作 画面

身近なまわりにもGoogleの新しいSNSサービス、Google+を始めたかたもいるのではないでしょうか。 シンプルで、分かりやすい画面が個人的にお気に入りなのですが、Google+のアイコンをモチーフにデザインされた204個の無料アイコン素材「Google+ Icons」が公開されていたので、ご紹介します。 詳細は以下から。 とにかく数が豊富で商用可、Web制作に活用したいGoogle+ Ico... 続きを読む

Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」:phpspot開発日誌

2011/08/07 75 users 円形 jQueryプラグイン phpspot開発日誌 実装

CircleList jQuery Plugin Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」。 ULで定義したリストを初期化するだけで次のように円形にアニメーションします。各アイテムはドラッグ＆ドロップで他の円リストに移動することが出来ます。 更に、範囲指定で複数アイテムの選択なんかもできるようになっています。 実装は必要プラグインを読み込んだ後、次のよ... 続きを読む

Google＋風のボタンをCSSで実装するサンプル:phpspot開発日誌

2011/07/21 21 users CSS phpspot開発日誌 邪魔 関連エントリ サンプル

Google Buttons in CSS | Improve your UI | Pixify Google＋風のボタンをCSSで実装するサンプル素材です。 次のようなGoogle+風のボタンが実装できます。シンプルで非常に分かりやすく、他のデザインの邪魔をしないので使い勝手がよさそうです。 マークアップとしては次のようなタグベースのものになっています。 関連エントリ ボタンデザインにまよ... 続きを読む

jQueryとCSS3でGoogle＋風のアニメーション実装チュートリアル:phpspot開発日誌

2011/07/14 32 users phpspot開発日誌 jQueryとCSS 一昔 CSS

Google Plus Style Animations with Jquery and CSS3 jQueryとCSS3でGoogle＋風のアニメーション実装チュートリアルが公開されています。 ブロック要素をborder-radiusによって丸くして回転させるというテクニックが使われており色々と応用できそうです。 webkitベースなのでChromeで閲覧するのがよさそうです。 一昔にこれをやろ... 続きを読む