『skuare.net - JavaScript / Movable Type / etc.』 の新着エントリー
-
あっという間に画像をドット絵に！jQueryプラグイン「SeuratJS」｜sk... www.skuare.net
あっという間に画像をドット絵に！jQueryプラグイン「SeuratJS」 Tweet 画像をドットっぽく加工するとひと味違った見た目になり、印象的です それをjQueryでやってしまうプラグイン「SeuratJS」を紹介します。 使用方法 SeuratJS - A Raphae"l plug... 続きを読む
-
jQueryプラグイン「gmaps.js」でルート案内付きGoogle Mapを作成する... www.skuare.net
jQueryプラグインのgmaps.jsを利用すると簡単にGoogle Mapを作成できることできます。 またルート案内もできるので、駅から会社が少し離れていた場合の推奨ルートを表示してあげるのもいいかもしれません。 今回はこのルート案内を設定する方法を紹介します。 使用方法 gmaps.js... 続きを読む
-
円状のメニューを作成できるJavaScript「Extremes」｜skuare.net www.skuare.net
円状のメニューを作成できるJavaScript「Extremes」 Tweet メニューを円状に置けるとデザインの幅が広がり、面白い表現ができそうです。 jQueryプラグインのExtremes jQuery plug-inを利用すると簡単に実現できます。 使用方法 Extremes jQue... 続きを読む
-
著者情報を表示させるrel="author"とGoogle+｜skuare.net www.skuare.net
著者情報を表示させるrel="author"とGoogle+ Tweet 前々から気になっていたのですが、Googleで検索すると著者情報が表示されることがあります。 これにより信頼性の向上につながる可能性がありますね。 またプロフィール画像も表示されるので、かなり目立ちます。 一方で、Goo... 続きを読む
-
美しい世界地図をJavaScriptで描ける「jQuery Vector Maps」｜skuare... www.skuare.net
美しい世界地図をJavaScriptで描ける「jQuery Vector Maps」 Tweet 世界地図を表示したい場合、フリー素材やGoogle Mapなどあるかと思いますが、ちょっと味気ないですよね。 jQuery Vector Mapsを利用すると手間少なく、かつイマドキ風の美しい世界... 続きを読む
-
綺麗なローディングを設置できるJavaScript「Percentage Loader」｜s... www.skuare.net
ローディングというとぐるぐるまわったりするアニメーションgifが多いですが、jQueryプラグインのPercentage Loaderを使用すると綺麗なものを設置できます。 ユーザーストレスを少し軽減できるかもしれません。 ※対応ブラウザ：Firefox 3.0+, Safari 4.0+, ... 続きを読む
-
フルスクリーンで華麗に切り替えられるJavaScript「Fullscreen Slit ... www.skuare.net
フルスクリーンで華麗に切り替えられるJavaScript「Fullscreen Slit Slider with jQuery and CSS3 」 Tweet フルスクリーンで中央からスリットがはいったようなエフェクトをかけながら、画面切り替えが行えるFullscreen Slit Slid... 続きを読む
-
視差効果（パララックス）を簡単に導入できるJavaScript「skrollr」... www.skuare.net
視差効果（パララックス）を簡単に導入できるJavaScript「skrollr」 Tweet 昨今流行っている視差効果（パララックス）を導入してみたい人は多いのではないでしょうか。 Prinzhorn/skrollrを利用すれば比較的簡単に導入可能です。 使用方法 Prinzhorn/skro... 続きを読む
-
ノイズがかった背景を簡単作成できる「Noise Texture Generator」｜s... www.skuare.net
ノイズがかった背景を簡単作成できる「Noise Texture Generator」 Tweet 最近海外系のサイトだと背景に若干ノイズをかけているデザインが多いです。 ノイズをかけることで、text-shadowもいきてくるっていうのもあるんでしょうか。 「Noise Texture Gen... 続きを読む
-
印刷時にリンクをQRコード化してくれるjQueryプラグイン「printQr jQ... www.skuare.net
印刷時にリンクをQRコード化してくれるjQueryプラグイン「printQr jQuery Plugin」 Tweet ちょっとマニアックな使い方かもしれませんが、印刷時にリンクをQRコード化してくれるjQuery.printQr() Pluginを紹介します。 画面では見せたくないけど、印刷... 続きを読む
-
画像を背景いっぱいに敷くjQueryプラグイン「Fullscreen Background ... www.skuare.net
画像を背景いっぱいに敷くjQueryプラグイン「Fullscreen Background for jQuery」 Tweet 画像を背景に敷き詰めることでインパクトのあるデザインになります。 これを実現するのがjQuery plugin: Fullscreen Background - Ga... 続きを読む
-
要素をランダムにフェードインさせていくjQueryプラグイン「champagn... www.skuare.net
要素をランダムにフェードインさせていくjQueryプラグイン「champagne.js」 Tweet 画像などの要素をただ並べていくだけだとなんだか寂しい。 そんな時は徐々にフェードインさせてみてはいかがでしょうか？ champagne.jsはランダムに要素をフェードインさせてくれます。 使用... 続きを読む
-
ページをめくる表現をつけるjQueryプラグイン「turn.js」｜skuare.ne... www.skuare.net
ページをめくる表現をつけるjQueryプラグイン「turn.js」 Tweet ページをめくるような表現付けたくなる時ありますよね。 そんな時はturn.js - The page flip effect for HTML5を利用すると簡単に実現できます。 スマホ、タブレット対応していますが、... 続きを読む
-
ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「... www.skuare.net
ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」 Tweet 円グラフをオシャレに描きたい時にはjQuery Knobが良いかもしれません。 見た目も機能性もあるjQueryプラグインです。 使用方法 aterrien/jQuery-Knobからフ... 続きを読む
-
PCスマフォ両用できる階層メニューを実現するjQueryプラグイン「Simp... www.skuare.net
PCスマフォ両用できる階層メニューを実現するjQueryプラグイン「Simple Responsive jQuery Navigation Plugin」 Tweet 昨今はレスポンシブデザインが流行している感じですが、Simple Responsive jQuery Navigation P... 続きを読む
-
E-mailを自動でリンクしてくれるjQueryプラグイン「jHyper」｜skuare... www.skuare.net
E-mailを自動でリンクしてくれるjQueryプラグイン「jHyper」 Tweet その名の通り、E-mailを自動でリンクしてくれます。 jQuery Hyperlink all email addressesはtest@example.comと書いたのはもちろん、test at exa... 続きを読む
-
スマートフォンでスライダーを利用できる軽量JavaScript「Swipe JS」... www.skuare.net
スマートフォンでスライダーを利用できる軽量JavaScript「Swipe JS」 Tweet スマートフォンで画像スライダーを利用する場面は多々あると思います。 これを実現する軽量JavaScript「Swipe JS」を紹介します。 使用方法 Swipe JS - a lightweigh... 続きを読む
-
要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」｜sk... www.skuare.net
要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」 Tweet たまに要素を動かしたくなることありますよね？ iPhoneでアプリをロングタップしたような動きを実現するjQuery Wiggle pluginです。 使用方法 jQuery Wiggle pl... 続きを読む
-
Pinterestライクに要素を整列させるjQueryプラグイン「The Wookmark ... www.skuare.net
Pinterestライクに要素を整列させるjQueryプラグイン「The Wookmark jQuery plugin」 Tweet 一時期流行ったデザインのため以前から要素を整列させるjQueryプラグインは多数ありました。 現在Pinterestが海外では注目されているため、これ系のデザイ... 続きを読む
-
どんな要素にもページネーションを付けられるjQueryプラグイン「jPag... www.skuare.net
要素を多く記述したいけれど、ページはわけたくない。 楽してページングを付けたい、そんなあなたにはjPagesが最適です。 使用方法 jPagesからファイル一式をダウンロード。 <link rel="stylesheet" href="animate.css"> <script type="t... 続きを読む
はてなブックマーク
