Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
placeholder 実装マニアックス
placeholder 実装マニアックス 2010-11-20 nanto_vi (TOYAMA Nao) Application Engineer in Hatena Co., Ltd. Hatena Bookmark Team <input type="text" placeholder="Placeholder Text"> Supports Native Support: Firefox 4~ 108 implementations in Hatena Hatena.UgoMemo.Form.Placeholder <input name="channel-name" placeholder="チャンネル名を入力"> new Hatena.UgoMemo.Form.Placeholder(elem['channel-name']); Ten: a javascript framew
Front End Development Guidelines
What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superseded by a leaner and meaner snippet. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ideally, the HTML5 DOCTYPE should be used. It's suppor
BigtableをjQueryで操作できる「gaedirect」とは
BigtableをjQueryで操作できる「gaedirect」とは：クラウドとgaedirectでできる緊急対応マッシュアップ（1）（1/3 ページ） 緊急時の“クラウド”の有用性 このたびの東日本大震災で被災された皆さま、ご家族ならびに関係者の皆さまに、心からお見舞いを申し上げます。今回の大震災では、多くのWebサイトでアクセス不能状態が発生したのは、記憶に新しいところです。緊急時こそ、必要な情報を入手するために多くの人がWebサイトにアクセスするわけですが、このような切実に情報が必要とされるときに限って、トラフィック増大によるアクセス不能が発生してしまう状況が多々見られました。 しかし、このような緊急時対応サイトをGoogle App Engine（以後、GAE）などによってクラウド化しておけば、このような問題は解決できたといえます。クラウドを使用すれば、ユーザーアクセスが急激に増加
RSSをパースするjQueryプラグイン「PaRSS」 | Web活メモ帳
「PaRSS」はRSSフィードを取得して動的に表示してくれるプラグインです。 Webサイトとは別にブログを持っている方に良さそうですね。 使い方 HTML JavaScript $("#feed").PaRSS( "http://www.your-blog.com/feed", // feed url 5, // 取得するアイテムの数 (optional) "M jS g:i a", // 日付のフォーマット (optional) true // descriptions (optional) ); 日付のフォーマットはPHPで使える形式であればほぼ使用できるようです。 見た目の変更方法 RSSは<li>タグで出力されるようですが、項目毎にclassが割り振られているようで、CSSをカスタマイズするだけで見た目の変更が可能です。 出力されるHTML ・タイトルが囲まれるタグ ・日付が囲まれ
SVG with Javascript習作 - Kengo's blog
SVG女子が話題を呼んでいることもあり、連休中にSVGに触れました。作ったのはJavascriptで動的に図形を描画したり動かしたりするもの。ジャンルとしてはSRPGやタワーディフェンスゲームに近いと言えます。 forked from: SRPG Map (Hex, SVG) - jsdo.it - share JavaScript, HTML5 and CSS その他にもいくつか書きましたので、興味をお持ちの方はご覧いただけると嬉しいです。 http://jsdo.it/eller86/bCQH http://jsdo.it/eller86/4pKB http://jsdo.it/eller86/qcC9 以下、気づいたことをメモしておきます。なお開発環境はMac OSX 10.6.7 + Chrome 11.0.696.65でした。 SVGはjQueryとの相性が悪い 今回はjQuer
jGD DropDown - select ドロップダウンメニューを違ったイメージで表示するjQueryプラグイン - jQuery
■動作環境 ◇ 言語：JavaScript（jQuery） ◇ ライセンス：GPLまたはMIT ■表示例： ■HTML例： <select id="example-01"> <option value="BR">Brasil</option> <option value="FR">France</option> <option value="DE">Germany</option> <option value="IN">India</option> <option value="JP">Japan</option> <option value="RS">Serbia</option> <option value="UK">United Kingdom</option> <option value="US">United States</option> </select>
わずか8KBで直感的にCanvasが使えるjQueryプラグイン「jCanvas」 | Web活メモ帳
円を書く ↑drawArcメソッドで円を書く事ができます。 オプション引数で座標位置とサイズ、色などを指定します。 $("canvas.test").drawArc({ fillStyle: "black", x: 100, y: 100 }); 短形を書いて回転させる ↑rotateCanvasで回転軸の座業と角度を指定します。 $("canvas.test").rotateCanvas({ angle: 45, x: 100, y: 100 }) .drawRect({ fillStyle: "#000", x: 100, y: 100, width: 100, height: 50 }) .restoreCanvas(); グラデーションを作成する ↑gradientメソッドでグラーデーションオブジェクトを作成し、 描画する際に指定するとグラデーションが適用されます。 var lin
避けなければいけない JavaScript の失敗 - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110515.html
Javascriptのスキルをもう一段上げたいです。
DOM はお分かりとのことですが、例えば下記の No.3-4 の内容は理解できますか。 http://chaichan.web.infoseek.co.jp/qa3000/qa3355 … 理解がおできなら、練習として CSS セレクタエンジンの作成をお勧めします。速度や実用性は考えなくて構いません。完成しなくても、別目的に転用できる部品がいろいろできるでしょう。 あるいは、UI に興味がおありなら下記をご一読下さい。 http://www.ibm.com/developerworks/jp/web/library … ただし、ここのコードは IE6/7、Fx 1.5、Safari 3 におけるメモリリークパターンなので使っては駄目です。考え方を取り入れつつ、もっと良い実装を書いて下さい。DOM Events に則った別のやり方があります。 もしも、もう少し覚えることがありそうだとお感じな
twihelp.me
twihelp.me 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
多彩なエフェクトが魅力なイメージギャラリー用jQueryプラグイン・Skitter - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 なかなか使いやすそうで、汎用性 もあるかなと感じたので備忘録。 エフェクトが多数あり、機能も中々 良く、クロスブラウザ対応している イメージギャラリー用のjQueryの プラグインです。 イメージギャラリーは数多に存在するのでまぁ選択肢の一つです。まぁ後発の方が機能が良くなりやすいっていう見方も出来なくは無いですね。 22のFlashライクなエフェクトから選べます。どれもクールなエフェクトですよ。 エフェクトにはそれぞれデモが用意されているので触ってみてください。 フルスクリーンにも出来ます。 サムネorボタンのナビゲーション ナビゲーションを選択できます。ボタンかサムネイル。 ナビゲーションの表示の有無 そのナビゲーションを常時表示させるか、マウスオーバー時に表示
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデー
YouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」
twitter facebook hatena google pocket 最近YouTubeを表示させるサイトが多くなっていますよね。 そんな時、jQuery youtube playlist plugin - youtubeplaylistを利用すると、自分の好きな動画をプレイリストにして簡単に表示できます。 sponsors 使用方法 jQuery youtube playlist plugin - youtubeplaylistからjquery.youtubeplaylist.jsを、jQueryからjquery.jsをダウンロードします。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jquery.youtubeplaylist.js" type="text/java
ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」:phpspot開発日誌
ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler... 次の記事 ≫：ストライプ等、Photoshop用の４００個のパターンまとめ Fancy Countdown ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」 何らかのカウントダウンというと、待ち遠しかったりするもので、単純にテキストだけでカウントダウンしても面白みが少ないですね。 ということで、次のようなデザインのカウントダウンタイマーがjQueryで簡単に実現可能です。 あと何日でサイトオープン！みたいなティザーサイトを作る場合にも使えそう。 $(function() { $("#anyID").fancyCountdown({ 'year':2011, 'month':05, 'day':13, 'hour':13, 'minute
Modern JavaScript - rmurphey
My presentation the jQuery Divide has been making the rounds on the internet again, six months after I delivered it at JSConf.eu in Berlin, and this time around, a colleague on IRC shared a link with me that drew from it: Is JavaScript the New Perl? Perl has a special place in my heart; it’s the first language I used to solve a real-world problem, and I still have the second edition Learning Perl
jQuery入門
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 jQueryはバージョンによって記述方法が異なる場合があります。ここでは、バージョン別にページを用意するようにしてあります。 Ajaxライブラリで有名なものとしてはPrototypeライブラリやYahoo UI Libraryなどがあります。jQueryはPrototypeライブラリなどと併用することもできるようになっています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQuery入門 (ver 1.2.1) jQuery入門 (ver 1.2.2) jQuery入門 (ver 1.2.3) jQuery入門 (ver 1.2.4) jQuery入門 (ver 1.2.5) jQuery入門 (ver 1.2.6) jQuery
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌
Site Under Maintenance
jqueryを使ってみよう | lightboxのサンプル