skuare.net

ページをめくる表現をつけるjQueryプラグイン「turn.js」

2012-05-17T00:46:00Z

ページをめくるような表現付けたくなる時ありますよね。
そんな時はturn.js - The page flip effect for HTML5を利用すると簡単に実現できます。
スマホ、タブレット対応していますが、HTML5なので一部のIEには非対応です。

]]> (続きはサイトで...)

ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」

2012-05-15T00:46:30Z

円グラフをオシャレに描きたい時にはjQuery Knobが良いかもしれません。
見た目も機能性もあるjQueryプラグインです。

]]> (続きはサイトで...)

PCスマフォ両用できる階層メニューを実現するjQueryプラグイン「Simple Responsive jQuery Navigation Plugin」

2012-05-10T01:22:49Z

昨今はレスポンシブデザインが流行している感じですが、Simple Responsive jQuery Navigation Pluginを利用すると、階層化されたメニューもいい感じで対応してくれます。

]]> (続きはサイトで...)

E-mailを自動でリンクしてくれるjQueryプラグイン「jHyper」

2012-05-08T00:51:39Z

その名の通り、E-mailを自動でリンクしてくれます。
jQuery Hyperlink all email addressesはtest@example.comと書いたのはもちろん、test at example dot comと書いたものもmailtoにしてくれます。

]]> (続きはサイトで...)

Facebookソーシャルブラグイン「いいね！」挙動

2012-05-07T08:15:10Z

GW明けなので、軽いネタです。
Facebookの「いいね！」ボタンはここで生成したりhttps://developers.facebook.com/docs/reference/plugins/like/なれている人やCMSはいつもので指定しているかと思います。
で、「いいね！」した後にコメントボックスが出るときと出ない時があります。
っていうのを確かめようという微妙な検証ネタです。

]]> (続きはサイトで...)

海外WEBデザイン9選[20120426]

2012-04-26T00:26:39Z

気になったデザインをクリッピングするサイトhttp://bm.skuare.net/から何点かピックアップしてみました。
最近はSingle PageとかParallaxとか横スクロールが多くなっていますね。

]]> (続きはサイトで...)

スマートフォンでスライダーを利用できる軽量JavaScript「Swipe JS」

2012-04-25T01:02:14Z

スマートフォンで画像スライダーを利用する場面は多々あると思います。
これを実現する軽量JavaScript「Swipe JS」を紹介します。

]]> (続きはサイトで...)

要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」

2012-04-24T01:08:39Z

たまに要素を動かしたくなることありますよね？
iPhoneでアプリをロングタップしたような動きを実現するjQuery Wiggle pluginです。

]]> (続きはサイトで...)

Pinterestライクに要素を整列させるjQueryプラグイン「The Wookmark jQuery plugin」

2012-04-19T00:58:59Z

一時期流行ったデザインのため以前から要素を整列させるjQueryプラグインは多数ありました。
現在Pinterestが海外では注目されているため、これ系のデザインニーズが改めて高まりそうです。
そこで、これを実現するWookmark jQuery Pluginを紹介します。

]]> (続きはサイトで...)

メールアドレスが微妙に違っていたら「これですか？」って教えてくれるjQueryプラグイン「mailcheck.js」

2012-04-18T01:08:28Z

メールアドレスが微妙に違うので、ログインできない。
これって離脱率が上がる要因ですよね。
jQueryプラグインのKicksend/mailcheckを利用すると、「もしかしたら・・・これじゃない？」ってのをリコメンドしてくれちゃいます。

]]> (続きはサイトで...)

テレビ番組を共有できる「ピーチク」アプリバージョアップ Facebookオープングラフほか

2012-04-16T12:04:58Z

ソーシャルテレビサービスの「ピーチク」のアプリがバージョンアップしました。
今回のバージョンアップにより、Facebookのオープングラフに対応しているほか、簡単投稿ができるようになっています。
■iPhoneアプリのダウンロード
■Androidアプリのダウンロード

]]> (続きはサイトで...)

どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」

2012-04-11T01:13:00Z

要素を多く記述したいけれど、ページはわけたくない。
楽してページングを付けたい、そんなあなたにはjPagesが最適です。

]]> (続きはサイトで...)

ブラウジング環境を確認できるだけのページ

2012-04-06T00:46:37Z

お客様にサイトを見せている時、どのブラウザのどのバージョンを利用しているのか環境を確認したい時があります。
ただ、細かく確認をとるのは意外に手間です。
そこでページを見るとブラウジング環境が出てくるものを勢いで作成しました。
ブラウジング環境を確認 - Check your enviroment

]]> (続きはサイトで...)

ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイン「slabText」

2012-03-28T00:48:15Z

スマートフォンな時代が来ると横だ縦だ、iPhoneだAndroidだ、ワンソースで書けだのウィンドウサイズを意識することが出てきます。
jQueryプラグインのslabTextを利用するとテキストサイズをウィンドウサイズにあわせて変更することが可能です。

]]> (続きはサイトで...)

Facebookを利用した位置ゲー「CHECKO (チェッコー)」

2012-03-21T10:15:42Z

位置情報とFacebookとjQUery Mobileを利用したサービス「CHECKO (チェッコー)」の紹介です。
スマートフォンにFacebookが普及している、今話題のジャンルのサービスに注目です。

]]> (続きはサイトで...)

jQueryプラグインで背景画像をスライドショー「Backstrech」

2012-03-20T08:17:22Z

背景画像全面に画像を置いて、切り替えるとインパクトがあります。
また写真さえよければ、その上にテキストを載せるだけでも良いデザインにすることができちゃいます。
jQueryプラグインのBackstretchはもともと画像をウィンドウ幅にあわせて背景ぴっちりに表示してくれるスクリプトですが、これをスライドショーにも活用できます。

]]> (続きはサイトで...)

jQueryでスマフォ版Facebookライクなメニュー表現を実現する「PageSlide」

2012-03-10T05:23:59Z

スマフォ版Facebookでは左上をタップするとメニューが表示されます。
最近のスマートフォンサイトでは多くみられるこの表現を、jQueryプラグイン「PageSlide」で実現しましょう。

]]> (続きはサイトで...)

義理チョコでFacebookのウォールを埋められるサービス「Giri me choccolate」

2012-02-13T11:11:30Z

明日2/14はバレンタインデーですね。
あ、義理チョコ買い忘れた・・・そんな時はGiri me choccolate ～あるいは義理チョコでいっぱいの壁～を使いましょう。
Facebookの友達に義理チョコをウォール一杯にあげることが可能です。

]]> (続きはサイトで...)

faviconに数字のバッジを付けられるJavaScript「Tinycon」

2012-02-09T00:51:28Z

faviconに数字を乗せられると新着記事数や日付など様々なお知らせをお知らせすることができます。
tommoor/tinycon - GitHubはそんなJavaScriptです。

]]> (続きはサイトで...)

ソーシャルメディアへの共有をまとめてくれるJavaScript「Sharrre」

2012-02-02T01:08:17Z

Twitter、Facebook、Google+とソーシャルメディアは広がり続けています。
これへの対応のために手間を煩わせたくないものです。
そこで、Sharrre - A plugin for sharing buttonsを利用すれば合計数も表示してくれます。

]]> (続きはサイトで...)

tumblrのデザインやカスタマイズ14選

2012-01-30T22:14:23Z

最近になってようやくTumblrをいじり始めたので、いろいろなまとめ14です。

▼作成したtumblrブログ
skuare.net
ウェブサイトのデザインをクリッピングしているサイト。
※TumblrでWebデザインギャラリーを作成しました！手順を公開します | WebParadiseの記事を参考に手軽運用

ピーチク公式ブログ
会社で担当するサービスのブログ。

tumblr自体は昔からあるので、開設とか凄いよ的なまとめは割愛します。

]]> (続きはサイトで...)

Facebookタイムラインのカバーフォトを作れる5つのサイト

2012-01-24T23:00:20Z

Facebookのタイムラインがそろそろ一般適用されます。
それにあたり独自性のあるものを作りたい欲求が出てきているのではないでしょうか。
そこで、5つのジェネレーターサイトを紹介します。

]]> (続きはサイトで...)

動画特化版pinterest「Chill」

2012-01-19T01:01:07Z

最近pinterestがやけに話題になっていますが、海外では結構前から話題となっていました。
ということもあり、派生・特化型サービスが登場しています。
今回は動画特化版pinterestとも言えるChillを紹介します。

]]> (続きはサイトで...)

Facebookライクな@mentionができるJavaScript「jquery.mentionsInput」

2012-01-13T00:58:50Z

Facebookでは@名前で候補が出てきて便利です。
今回紹介するjquery.mentionsInputはこのUIを実現するものです。

]]> (続きはサイトで...)

画像の一部をズームさせられるJavaScript「ImageLens」

2012-01-11T01:02:14Z

画像の細かい部分まで見せたいという時にjQuery Topbar message Plugin Demoを利用すると便利です。
ECなどのサイトで有効そうです。

]]> (続きはサイトで...)

群雄割拠時代を迎えそうな国内ソーシャルテレビ系サービス4つ

2012-01-06T07:02:07Z

海外でいわゆるチェックイン系の派生サービスとしてmisoやGetGlueなどが注目され、日本でも各種サービスが増えてき、本格的に業界が動きそうな印象となってきました。
今回は、そんな国内ソーシャルテレビ系サービスを列挙します。

なお、海外では多チャンネル、PPP、番組情報APIがあるため、多くが非リアルタイム、リコメンデーション、番組詳細情報の豊富さといった特長があります。
一方国内では、権利がらみ、キー局の圧倒的な強さなどから、リアルタイムでの盛り上がりといった部分に焦点が当たっています。

]]> (続きはサイトで...)

さまざまな種類のメッセージをフロート表示できるJavaScript「jQuery.msgBox()」

2012-01-06T01:04:26Z

ボタンを押した時にメッセージをライトボックスのように閲覧者に知らせてあげると伝わりやすいと思います。
jQuery.msgBox()は、いろいろなパターンでこれを実現できます。

]]> (続きはサイトで...)

2011年よく読まれた記事まとめ

2011-12-28T00:27:30Z

年末恒例の記事振り返りです。
はてブとページビュー別に上から見ていきます。

]]> (続きはサイトで...)

1行お知らせバー"ティッカー"を表示できるJavaScript「jQuery WebTicker」

2011-12-21T00:38:35Z

トップなどに省スペースで最新情報を次々に表示させているサイトがあります。
この、いわゆるティッカーをjQuery WebTickerならお手軽に表示させられます。

]]> (続きはサイトで...)

リリース：忘年会のちょっとした余興に最適！「ホロヨッターフリフリ」

2011-12-16T01:22:16Z

忘年会の時期にぴったりなちょっと楽しめるサービス「ホロヨッターフリフリ」が登場です！
iPhoneでアクセスして、端末をフリフリするとシュワーってなります。
・・・それだけですが、数秒間で終わることやランキング機能もあるので、忘年会の1余興として楽しめそうです。
制作：@kinoborisan

]]> (続きはサイトで...)

skuare.net

ページをめくる表現をつけるjQueryプラグイン「turn.js」

ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」

PCスマフォ両用できる階層メニューを実現するjQueryプラグイン「Simple Responsive jQuery Navigation Plugin」

E-mailを自動でリンクしてくれるjQueryプラグイン「jHyper」

Facebookソーシャルブラグイン 「いいね！」挙動

海外WEBデザイン9選[20120426]

スマートフォンでスライダーを利用できる軽量JavaScript「Swipe JS」

要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」

Pinterestライクに要素を整列させるjQueryプラグイン「The Wookmark jQuery plugin」

メールアドレスが微妙に違っていたら「これですか？」って教えてくれるjQueryプラグイン「mailcheck.js」

テレビ番組を共有できる「ピーチク」アプリバージョアップ Facebookオープングラフほか

どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」

ブラウジング環境を確認できるだけのページ

ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイン「slabText」

Facebookを利用した位置ゲー「CHECKO (チェッコー)」

jQueryプラグインで背景画像をスライドショー「Backstrech」

jQueryでスマフォ版Facebookライクなメニュー表現を実現する「PageSlide」

義理チョコでFacebookのウォールを埋められるサービス「Giri me choccolate」

faviconに数字のバッジを付けられるJavaScript「Tinycon」

ソーシャルメディアへの共有をまとめてくれるJavaScript「Sharrre」

tumblrのデザインやカスタマイズ14選

Facebookタイムラインのカバーフォトを作れる5つのサイト

動画特化版pinterest「Chill」

Facebookライクな@mentionができるJavaScript「jquery.mentionsInput」

画像の一部をズームさせられるJavaScript「ImageLens」

群雄割拠時代を迎えそうな国内ソーシャルテレビ系サービス4つ

さまざまな種類のメッセージをフロート表示できるJavaScript「jQuery.msgBox()」

2011年よく読まれた記事まとめ

1行お知らせバー"ティッカー"を表示できるJavaScript「jQuery WebTicker」

リリース：忘年会のちょっとした余興に最適！「ホロヨッターフリフリ」

Facebookソーシャルブラグイン「いいね！」挙動