GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」:phpspot開発日誌
GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」 2010年04月28日- jQuery google api and other google hosted javascript libraries. - ScriptSrc.net GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」。 jQueryを使うサイトでは、通常、自分のサーバにjQueryをアップロードして、<script>タグ書いて、srcでその位置を指定して、なんていう面倒なステップを踏むわけですが、このサイトにアクセスしてボタンを１回おせば、利用用のタグがクリップボードにコピーされます。 コピー例：<script type="text/javascript" src="htt
jQueryとCSSで作るiPhone風ラジオボタン・チェックボックス
2014年8月20日 jQuery いつも使っているラジオボタンやチェックボックスにもっと彩りを！ここではCSSとjQueryを使ってiPhone風のデザインに変える方法を紹介します。使用する画像は一枚のみ。CSSスプライトで表示位置を変えます。サンプルも用意してみたので覗いてみてくださいね！ ↑私が10年以上利用している会計ソフト！ サンプルはこちら。IE7, IE8, FF, Chromeで正常動作 See the Pen Mobile like radio/check buttons by Mana (@manabox) on CodePen. ファイルを準備 必要なファイルを準備します jQuery こんな感じの画像を作る コーディング ファイルを読み込む ヘッダー内にjQueryを読み込ませます。 <script type='text/javascript' src='/samp
jQueryで使えるスターレイティングプラグイン | Web活メモ帳
「Star Rating Widget」は星をクリッックして評価を投稿できるjQueryのプラグインです。 javascriptが無効のユーザーにはラジオボタンとsubmitボタンを表示してくれるのが特徴的でした。 デモ ajaxなどでデータ登録するには別途バックエンドのシステム構築が必要ですが、見た目のカスタマイズをしたい場合に使えそうですね。 利用にはjQueryとjQuery UIが必要との事です。
ドロップダウンメニューのデザインネタ帳:phpspot開発日誌
17 Effective Dropdown Menu resources | Underworld Magazines NYC | ドロップダウンメニューのデザインネタがまとまってます。 ソースを見ることもできるので、ドロップダウンメニュー実装の際に参考にされてみてはどうでしょうか。 ドロップダウンといっても様々なデザインのアプローチがありますね。 関連エントリ CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ
HTML5 + jQuery + PHPで実装するオープンソースの動画プレイヤー・Open Standard Media Player - かちびと.net
気になったのでメモ。HTML5と jQuery、PHP、cssで実装する 事が可能な動画プレイヤーの Open Standard Media Player。 ライセンスはGPLで提供されて います。 Open Standard Media PlayerにはVote（投票）機能や拡大機能もついています。よく出来てますね・・ ↑ インターフェースもクールです。右側に動画リストが入る形。マウスの移動だけでスクロールしてくれます。 ↑ サイドバーは隠す事も可能。スライド式です。 ↑ Voteも可能。アベレージ（平均）も表示してくれます。 試しに入れてみました。若干動きが不安定です。Chromeで見ていたら何度かクラッシュしました。。 デモではちゃんと動いていますのでご興味が沸かれるようでしたらぜひご覧になってください。 Open Standard Media Player / デモ
新しいjQueryのプラグイン25 – creamu
86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ
DOMエクステンションはPrototype.jsの犯した最大の失敗 | エンタープライズ | マイコミジャーナル
Prototype JavaScript Framework Prototype.jsのコアデベロッパのひとりであるJuriy Zaytsev氏がPerfection kills ≫ What’s wrong with extending the DOMにおいて、次期メジャーバージョンとなるPrototype.js 2.0ではjQueryと同じオブジェクトラッパのテクニックを採用し、現在のPrototype.jsが活用しているDOMエクステンションのテクニックは採用しないことを伝えている。DOMエクステンションを採用したのは最大の失敗だったということのようだ。 DOMエクステンションはDOMオブジェクトへメソッドやプロパティを追加することをいう。直接追加することもできるが、prototype指定を使えばオブジェクトのクラスに対して追加することが可能。さまざまな利点がある方法であり活用されて
HTML5 の file API と jQuery でブラウザにファイルをドラッグ&ドロップしてアップロードするサンプルを作った - @kyanny's blog
GitHub - kyanny/html5_file_api_ajax_upload_sample: HTML5 file API + ajax file upload sample HTML5 の file API というのが面白そうなのでちょっといじってみた。 デモを動かすには Plack と JSON と Path::Class が必要です。このブログ読んでる人ならどれも ready for use ですよね。もしまだのひとは cpan -i Plack JSON Path::Class でよろしく。 git clone して plackup して Firefox 3.6.x 以降で開いてください。 複数ファイルをドロップしたときになんかうまく動いてない気がするとか、 app.psgi の書き方がだいぶいい加減とか、微妙なところはたくさんあるけどとりあえず動くところまでいけたので公開
Stewart Smith
an award-winninga patent-holdinga playfully innovativea stubbornly empathetic Creative Technologist, Artist, Writer, and Speaker. I lead Product Design, AI & ML Strategy at Unity Technologies, leveraging wisdom accrued from my years with Google, Amazon, and Yahoo. I’ve led multi-disciplinary teams across ten time zones, presented regular briefings for C-suite executives on innovation initiatives (
jQuery ui 1.7.1 のDatePicker日本語化 | real-eyes システム開発 東京 渋谷のシンプルソフト
中小企業のIT活用、業務システム開発・導入専門の シンプルソフト 〒150-0002 東京都渋谷区渋谷1-10-1 八千代ビル8F
[JS]カラーをアニメーションで少しずつ変更するスクリプト -Color Animations
ボックスやテキストのカラーをアニメーションで少しずつ変更するスクリプトをDr.Web Magazineから紹介します。 jQuery-Plugin Color Animations - Menüs mit wechselnden Farben animieren デモページ デモページでは、テキストやボックスを水平・垂直に配置したナビゲーションがマウスホバーに合わせてカラーが変更します。 使用しているスクリプトはjQueryで、プラグインにColor Animationsを使用しています。 Color Animations デモページ スクリプトのダウンロードはリンクが切れているので、デモページからのリンクを掲載しておきます。 color.js Dr.Web Magazineのデモではナビゲーションのカラーを変更する際、マウスオーバー時には「fast」ですぐカラーを変更し、マウスアウト時に
cookieを簡単に取り扱う「jQuery Cookie」
cookieを簡単に取り扱う「jQuery Cookie」 Check Tweet 配布元：carhartl/jquery-cookie ライセンス：MITライセンス 「jQuery Cookie」はJavaScriptで取り扱いがめんどくさいcookieについて簡単に取り扱えるようにするためのjQueryプラグインです。 利用方法 まずは、jQuery本体と配布元よりダウンロードしたjquery.cookie.jsをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> cookieに値を保存するには、次のように$.cookieに対してキーと保存する値を指定して保存します
実用的なjQueryで作るスライダーをまとめた「28 Useful JQuery Sliders You Need To Download」
TOP > WebDesign > 実用的なjQueryで作るスライダーをまとめた「28 Useful JQuery Sliders You Need To Download」 高機能で軽量なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、現在では多くのWEBサイトで導入されています。そのなかでもよく見かけるのがスライダーを使った仕組み。限られたスペースで効果的に銃砲を見せることができます。今日はそんなスライダーをまとめたエントリー「28 Useful JQuery Sliders You Need To Download」を紹介したいと思います。 Animate Panning Slideshow with jQuery 単純に写真をスライドするものから、エフェクトを活かして作られたプラグインまで様々なjQueryスライダーが集められています。今
jQueryでcheckboxがcheckされてるかの値をとる - Webtech Walker
checkboxがcheckされてるかどうかを判別するメソッドってjQuery側に用意されてないんですよね。 twitterでも色々教えてもらったけど方法としては3つくらいかなー。 https://twitter.com/kyo_ago/status/11685019866 https://twitter.com/songmu/status/11675950113 https://twitter.com/rea/status/11675545507 素のHTMLエレメントから取得 var checked = $('#elem').get(0).checked; せっかくjQuery使ってるのにという感じがいなめない。。これはないかな。 is()で取得 var checked = $('#elem').is(':checked'); これが一番直感的ではある。これでいいっちゃいい気もする。
ロックを解除しないと送信不可能にするJavaScript「slideLock」
twitter facebook hatena google pocket 近年スパム防止のためフォームにCAPTCHA（キャプチャ）と呼ばれる仕組みを導入しているケースが多く見られます。 これ読みにくい英数字なので、本当に読めない場合がありイラッとすることもあります。 JavaScriptライブラリの大御所jQueryのプラグインslideLockを利用するとロックを解除するだけなので、ユーザーフレンドリーになります。 sponsors 使用方法 slideLock Demoのファイルダウンロードが404なので、jslideLock.zipからダウンロードして下さい。 またjQuery UIの1.7+slider pluginが必要となります。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <scri
Zend FrameworkでFlexigrid習作 | プログラムの種 ブログ
Flexigrid Jqueryベースのテーブル修飾script、FlexigridをZend Frameworkで使ってみよう、という習作です。 マイコミの記事を参考にしながら作ってみました。 テーブルデータは id,title,description,date のありがちな感じで。 とりあえずは、テンプレート。Smartyで作ってありますが、HTMLそのままですから、他のテンプレートでも問題ないでしょう。 [smarty] [/smarty] 確かjqueryは$(){～だけで、ready()の効果があるような気がしたけど、とりえあず。 Flexigrid本体は、ダウンロード>解凍したものを、ルート/js/flexigrid/の中に直接放り込んであります。今回はjqueryだけ、別途用意したものを読み込んでいますので、pathにご注意ください。 このテンプレートを/flexigrid/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム:phpspot開発日誌
わずか8KBのjQuery用カレンダープラグイン「CalendarPicker」 | Web活メモ帳
Browser Pong
Site Under Maintenance
