[B! JavaScript][javascript] [10ページ] nippaiのブックマーク

http://miracle-ysdesign.com/blog/javascript/409.html

nippai 2011/09/27

リンク

HTML5ホームページテンプレート無料配布 [Cool Web Window]

nippai 2011/09/27

リンク

かなりクールなjQueryのメニュープラグインやチュートリアル集:phpspot開発日誌

15 Fresh jQuery Menu Plugins and Tutorials かなりクールなjQueryのメニュープラグインやチュートリアル集メニューというと便利なものが多かったりしますがデザイン性も秀逸なものといえば、その中から限られたものになります。「むむぅ、これは」というデザインのものが多数紹介されていましたのでご紹介です。１からリデザインしなくても少しの手間で実用的なものが実装できそうですこれはつかえますね関連エントリ WindowsのメニューバーっぽいUIを実現できるjQueryプラグイン「Win Menu」 Googleスタイルのシンプルなドロップダウンメニュー実装jQueryプラグイン画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flowe

nippai 2011/09/27

リンク

Lightbox内にサムネイルも表示出来るイメージギャラリー系jQueryプラグイン・ppGallery - かちびと.net

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。ポップアップしたLightbox内にサムネイルも表示可能なjQueryプラグイン・ppGalleryのご紹介です。Lightbox 系のjQueryプラグインの大半は1つずつ見ていくか、一旦ポップアップを閉じてからもう一度開く必要がありましたが、ppGalleryは一回開けばあとはサムネイルで好きな画像に飛べるのでLightboxスクリプトの中でもイメージギャラリーに向いてそうです。さて、今日は8月6日「ヒロシマ」の日ですね。1945年の今日の8時15分に原爆が投下されました。不幸にしてお亡くなりになられた方々のご冥福をお祈りすると共に、ご遺族の方々に対して心よりお悔やみを申し上げます。現在、上記のようにGoogleストリートビューで原爆ドームの外と内

nippai 2011/09/27

リンク

画像スライドショーのjQueryプラグイン-Slides : mignon-arrows

シンプルに画像をスライドショーさせるjqueryのプラグインです。画像を切り替える時間やフェードアウトさせる時間も指定できます。配布先　→　Slides head内に下記を記述します <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.slides.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#slideshow').Slides({ images : [ 'images/photo1.jpg',　//スライドさせる画像 'images/photo2.jpg', 'images/photo3.jpg', '

nippai 2011/09/27

ã¯ãã¹ãã§ã¼ãã§åãæ¿ãã

リンク

カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」:phpspot開発日誌

カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 2011年08月25日- PageScroll | jQuery Plugins カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」アニメーションさせるイベントや、アニメーションの種類、onScrollStart、onScrollFinishといったイベントハンドラの設定まで出来るというものです。デモページがこれを使ってなかなかいい感じに実装されていて、メニューにカーソルを合わせると指定位置に加速度をつけながら移動するという面白いものになっています。メニューをfixedで固定してあるので意外と使いやすいものになっていることが分かると思います。クリック不要にすることでストレスを減らせている感じメニューにカーソルを合わせると指定位置に

nippai 2011/09/27

リンク

JavaScriptのいろいろなコーディングルールをまとめてみた

JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

nippai 2011/09/27

リンク

クライアントワークでよくお世話になっているjQueryプラグインいろいろ

私が仕事で Web制作をする時に、よく利用させてもらっている jQuery のプラグインをまとめてみました。ライセンスは MIT、GPL のものばかりです。デザイン、レイアウト的に汎用性のあるものになっています。また、IE 特有のバグ（透過PNGの黒ずみなど）対策についても少し触れてみました。 Webサイトを作る時に、何かとお世話になっている jQuery のプラグイン。HTML と CSS だけでは表現できないことも、Javascript を使うことでいろいろできるようになりますよね！インターネットを見ていると、本当にたくさんの jQuery のプラグインが公開されています。feed を読んでいても、1日一個くらいは新しい jQuery のプラグインに出会います。どれを使ったらいいか迷うくらい … 。今回は、そんな数ある jQuery のプラグインの中から、私がクライアントワーク（仕

nippai 2011/09/27

リンク

ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」:phpspot開発日誌

ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」 2011年08月30日- jQuery browserSizr | jQuery Plugins ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」。スマートフォンや色々な解像度のPCがあるご時世ですが、ブラウザのサイズに応じてコンテナのclass名を付け替えてくれるjQueryプラグインのご紹介です。クラス名が変わることによってデザインをCSSで自由に切り替えることが可能です。スマートフォンにも対応しているようです。自分で作っちゃっても全く問題なさそうな機能ではありますが、スクリプティングがめんどくさいという方はこれを使っちゃったり参考にしてもよさそう。 1024ピクセル以上の場合(Chromeのデベロッパーツールでみて

nippai 2011/09/27

リンク

簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」:phpspot開発日誌

簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」 2011年06月15日- jLinkPreview 簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」のご紹介。リンクを合わせたときにリンク先のイメージが分かるといいですが、それをjQueryプラグインの形で、簡単に実装できます。サムネイル画像にはwimg.caというサービスが使われています。サムネイル表示の例使い方は以下のように初期化すればよいみたい。画像のプレロードや、サムネイルサイズ（幅・高さ）、フェードや背景色など自在にカスタマイズできますねプラグインもそこまで大きくないため、サムネイルのプロバイダを変更するのもソースをちょこちょこっと変えれば対応できます。関連エントリテキストシャドウを自在にアニメーションさせられる

nippai 2011/09/27

リンク

Best Free Website Design Software

Free Website Design Software Build stunning websites on your PC or Mac! No code, free, with AI. Get Started with AI Start crafting your website effortlessly with our cutting-edge AI. This innovative solution transf orms your prompt into a comprehensive website, generating compelling content, captivating images, and an intuitive layout tailored to your specifications. Once the AI lays down the found

nippai 2011/09/27

リンク

IDEA*IDEA 〜とあるサービス運営者が学んだことをまとめるブログ

nippai 2011/09/27

リンク

最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート

ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが定番になりつつありますね。ふわっと、ポップアップみたいに浮き上がってくるウインドウ、画像やテキストのスライドなど最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたりスライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。シンプルなdemo Even More Demosもオススメです。オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa

nippai 2011/09/27

リンク

設定も簡単・軽量(5KB)・シンプルな、Webサイトのフォントサイズを変更できるjQueryプラグイン・Font sizer - かちびと.net

なかなか便利かもと思ったのでメモ。よくある、フォントサイズを変更できるやつなんですけど、設定が凄く楽で軽量なjQueryプラグインです。導入も楽なので積極的にうまく入れて行きたいですねー。正直使ってもらえるか分からないものですけど、あれば誰かに役に立つかも知れませんし。軽量でシンプルなフォントサイザーです。クロスブラウザで動作してくれて細かい設定も簡単に出来ます。ライセンスはMITとGPLのデュアルライセンスとなっています。これこれ。よく見かけますよね。多くの場合は小、中、大となっていますが、これはもっと細かい設定を簡単に行えます。ボタンは若干分かりにくいのでその辺は工夫してみてください。設定を変えるプラグイン（jquery.fontSizer.js）を開いて20行目あたりの変数定義の部分です。 var defaults = { maxSize: 30, minSize

nippai 2011/09/27

リンク

jQuery ギャラリープラグインGalleria [Javascript] All About

写真などをスライドショーなどのように展示するライブラリは、Lightboxをはじめいくつかありますが、今回は、jQuery プラグインからGalleriaを紹介します。手軽にイメージギャラリーを作成することのできる美しいプラグインです。 jQuery jquey.jsのダウンロード Galleria デモ1 デモ2 Galleria ダウンロード jQueryのダウンロードと設置 Galleria Galleriaを使うためには、上記のGalleria ダウンロードのサイトでサイトでgalleria-1.0b.zipなどの最新版の圧縮ファイルを入手します。解凍すると、(galleria-1.0b.zipの場合は)demoとtrunkの二つのフォルダがあり、demoにはjquery.js(圧縮版のjquery.min.js)とサンプルHTMLとサンプル画像が入っており、 trunkには

nippai 2011/09/27

リンク

並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。画像間の調整や背景色の調整等が行えるようです。デモページはこちらブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。背景を黒にするとよりオシャレな感じです。関連エントリ異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」

nippai 2011/09/27

リンク