jQueryとCSSでグラデーション角丸＋リキッドレイアウトをコーディングしてみる | Blog hamashun.com
JavaScriptとかjQueryとか勉強中なので、勘違いしている部分があるかもしれません。 もし誤りがあったら、ご指摘頂けると嬉しいです。 4つの要素でグラデーション角丸＋リキッドレイアウト 前回と前々回では、CSSで半ば無理やりグラデーション角丸＋リキッドレイアウトを組んでみました。 この種類の角丸デザインはCSSを書く上で必要な要素の数が多くなってしまうので厄介、というのがこれまでのあらすじ。 今回はCSSだけにこだわらず、スクリプトを使ってみたいと思います。 jQuery使用 jQueryを使います。 jQueryの特徴は色々あるんですが、ノードの取得にCSSセレクタみたいな書き方ができるのがとても気に入っています。 普段CSSを書いている人にはとても使いやすいです。 今回のサンプルでは使ってないですけど、jQuery越しにCSS3のセレクタが使えたりするのも魅力です。 しかもI
さて、XPathはどこで使う? - os0x.blog
XPath は jQuery や Prototype.js と競合する技術ではなく、むしろ共存する技術です - IT戦記について軽く。 僕はGreasemonkeyを書くときに必ずといっていいほどXPathを使っている。XPathなしでいろんなサイトのHTMLを弄ることは最早苦痛でしかなくて、XPathがものすごく強力で、便利なであることは良く実感している。 でも、 僕は自分が管理するサイトでXPathを使うことはない、つまり汎用JSライブラリとXPathを併用することはないだろうなと思う。 理由は簡単で、自分が管理するサイトであれば適切なマークアップによってシンプルにDOM操作を行えるから。 JavaScriptから操作する各要素に、id,name,classなどの適切な属性を指定してあれば、getElementByIdなどのネイティブなメソッドで高速にアクセスできます*1。 普通はこれ
JavaScript-XPath を jQuery で - dogmap.jp
id:amachang がリリースした JavaScript-XPath が、かなり良さげ。 JavaScript-XPath の検索結果を jQuery オブジェクトにして、利用できると便利そうなので、以下のようなコードを書いてみた。 (function(jQuery){ jQuery.xpath = function(selector, context){ context = context || jQuery(document); var r, res=[]; context.each(function() { r = document.evaluate(selector, this, null, 7, null); for(var node_no=0; node_no<r.snapshotLength; node_no++){ res.push(r.snapshotItem(nod
「最速インターフェースの研究と実践」メモ - 最速チュパカブラ研究会
昨日のSIGHCIのメモです。 最速インターフェースの研究と実践： ライブドア mala氏 まず、自己紹介を兼ねて概論 ブログ「最速インターフェース研究会」 WebのUIの進歩の停滞に対する批判を込めて名付けた 自分の肩書きは「インターフェースエンジニア」 よいUIを作るために「実体験に基づいたチューニングをしている」 自分で使ってみる ユーザの反応を見る 欲望に忠実に作る 作業としては、perl, html, jsの記述 「実のところ、プログラミングに詳しいと言える自信はないし、デザインのことも深くはわからないが、一人で一通りこなせる（完成品を作れる）という点は自分の強み。 よいUIを作るための作業は横断的。割り当てられた仕事をするだけの人ではダメ。」 作品紹介 2ch最速検索 キーボード操作だけでスレッド検索 まだAjaxは使っていない 「めくり型」UIの実験 スクロールしながら読むよ
XPath は jQuery や Prototype.js と競合する技術ではなく、むしろ共存する技術です - IT戦記
昨日のエントリのブクマやコメントで jQuery からの移行がめんどう 時代は jQuery のようなコメントがありました。 これらのコメントから おそらく、「XPath が jQuery や YUI、Prototype.js、Dojo、MochiKit などの汎用 JS ライブラリと競合する」と思ってる方が多いのかなと思いました。 結論 XPath は汎用 JS ライブラリとは競合する技術ではなく、共存する技術だと僕は考えています。 理由 汎用的な JS のライブラリには、大きく以下のような機能があります。 DOM ツリー上の要素やノードを取得する DOM に新しい要素やノード、属性、プロパティ、イベントなどを追加する その他、クロスブラウザとか それに対して XPath が提供するのは DOM ツリー上の要素やノードを取得する というシンプルな機能だけです。 つまり、 XPath は汎
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
JavaScript第5版読書会#1
モーニング営業 ～ココロもカラダも 満たされる朝食～ たんばく質も野菜もたっぷり摂れて 一日を元気に過ごせる朝食で 完璧な一日のスタートを。 お日にち限定で、モーニングを開催しております。 コトコトの朝ごはん＞ Take out おうちで食べよう レストランクオリティをおうちで楽しめるコトコトのお持ち帰り（テイクアウト）。 レトルト仕様の真空パックなので、温めるだけで美味しくお召し上がりいただけます。 商品を見る はじまりは、癒しのスープから―。 千葉市中央区、蘇我駅・千葉寺駅近くにある「カラダをはぐくむレストラン コトコト」は、ココロもカラダも元気になれる一軒家レストランです。 毎日食べても飽きの来ない優しい味わいをコンセプトに、大人も子どもも笑顔になれるヘルシーランチやカフェ、ディナーメニューをご用意しております。 また、思わず写真を撮りたくなるようなノンアルコールカクテルやちょっと珍
CodeRepos::Share – Trac
JavaScript-XPath JavaScript-XPath is the FASTEST DOM 3 XPath (XPath 1.0) implementation in JavaScript. This code runs 10 times faster than Google Ajaxslt's xpath.js!! Release/Download Latest Version Latest Compressed Version If you can use subversion, check out the trunk with: svn co http://svn.coderepos.org/share/lang/javascript/javascript-xpath/trunk/ jsxpath Bindings jQuery Prototype YUI How to
【インタビュー】Firefox 4のJavaScriptは超速い! - John Resig氏、jQueryとTamarinを語る (1) Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え | エンタープライズ | マイコミジャーナル
米Mozilla、JavaScript EvangelistのJohn Resig氏 Adobe MAX Japan 2007やユーザコミュニティなど、いくつかの講演を目的として来日したJohn Resig氏に、将来のFirefoxで搭載されるJavaScript実装やjQueryについて所見をいただいた。John Resig氏はMozillaでJavaScript Evangelistを務める人物。jQueryのメイン開発者でもある。業務ではMozillaでJavaScriptコミュニティとの調整役を務め、夜間や週末はjQueryの開発に没頭している。同氏が見るJavaScriptの未来はFirefoxのみならず、ほかのWebブラウザにとっても重要なものだ。 Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え ちょうど1年ほど前の2006年11月7日(米国時間)、
Greasemonkey勉強会 - 不可視点
ゼミ用資料 関係のない方はスルーしてください 今回の資料：ダウンロード Greasemonkeyとは Firefoxでユーザースクリプトを実現するためのエクステンション（拡張機能）の一つで、読み込んだウェブページをクライアント（ユーザー）側でカスタマイズ可能にするもの。 他のブラウザでは、同様の機能が、Opera8では標準で、IEではTrixieを導入することで、SafariではCreammonkeyを導入することで実現できる。 例えば、特定サイトのフォントを変更したり、広告を排除したり、便利なリンクを追加したりすることができるユーザースクリプトがあります。より詳細な内容：http://diveintogreasemonkey.org/toc/ *1 使うには https://addons.mozilla.org/ja/firefox/addon/748 どんなものがあるの とりあえず使っ
HTML崩壊 meltdown.js - KAZUMiX memo
#ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ
OreScript時代の幕開け - yukobaの日記
先日、MozillaでECMAScript(JavaScript)の仕様を作っているJohn Resigさんが来日しました。 その際、1時間ほどのQ&Aの司会と、ライトニングトークでの発表を私させていたただきました。 その際、基調講演をしてくださった、etoさん（http://eto.com/d/PresenForJohnResig.html）のコメント。 こないだのJohn Resigによる講演の後に一緒に飲んだんですけど， その席で聞いた話がすんごく面白かったな． いろいろ面白かったんだけど，特にjquery2が面白かった． http://ejohn.org/apps/jquery2/ このURLなんですけど，コードはこんな感じ． <script src="http://jquery.com/src/latest/"></script> <script src="parse.js"><
TAKESAKO @ Yet another Cybozu Labs: 出張 Shibuya.js 24 動画アーカイブ公開
空前の技術系イベント動画公開ブーム到来、ということで、 2007年9月15日(土) に開催された 出張 Shibuya.js 24（Mozilla 24 ～ Worldwide Continuous Event ～） の動画アーカイブが公開されました。 お待たせいたしました！9月15日～16日に開催されたMozilla 24 の各セッションアーカイブを公開しました。日本語、英語の両方が用意されています。 当日は日本国内だけでも四つの会場で同時並行で行われていたため、見られなかったセッションもあるかと思います。ぜひこれを機会にサイトを訪れていただければと思います。 アーカイブ公開は、約半年間、2008年4月末まで行われる予定です。この機会をお見逃し無く。。。 Shibuya.JS内の 全セッションが一つの動画(約1時間50分)にまとまっているので、 各セッションの開始時刻を記載しておきました
【JavaScript】Kanasan.JSに行ってきた - プログラマの思索
土曜の午後にKanasan.JS(関西.js)へ行ってきた。 コミュニティの趣旨は「皆でprototype.jsのソースコードを解読しよう！」というもの。 「Kanasan.JS」でしか告知していないのに、25人も集まった(衝撃！) どうやら殆どの人はTwitterを通じて知ったらしい。 わざわざこのコミュニティのために東京(！)からはるばる来た人もいたよ！ 約3000行のうち300行しか解読できなかったけれど、奥深い議論が出来て楽しかった。 楽しかった感想を徒然に残す。 【１】プロトタイプチェーン～クラスとインスタンスの区別はない JavaScriptのオブジェクト指向は、Java等とは異なり、プロトタイプベースと呼ばれる。 継承の概念がOOとプロトタイプでは大きく異なる。 その仕組みをプロトタイプチェーンと言われるらしい。 OOでは、型を継承する。 プロトタイプは、型を継承せず、親クラ
ライブドアブログ｜無料で豊富な機能が充実
貧乏なので同居して義父に子育てをしてもらってる。義兄嫁「うちも預けたい」義父「お金出すからシッター探して」義兄嫁「は？」→怒り出し…
Kanasan.JSの資料 (Kanasansoft Web Lab.)
Kanasan.JSで使用したプレゼンテーション資料を公開します。 どこかで基調講演と書かれていましたが、そんなたいそうなものではないです。緊張し、わけが分からないまま喋ってたので、ちゃんと伝わったかどうかが心配です。 内容なのですが、発表した時のまま公開します。何か誤りがありましたら、トラックバックやコメントで指摘して下さい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
We Ain't Seen Nothin' Yet. : マウスを乗せると広がるpreタグの作り方
http://blog.fulltext-search.biz/articles/2007/10/08/jq4r-jquery-helper-plugin-for-rails
http://accelart.jp/shibuyajs/logo/logo.html
はてなブログ | 無料ブログを作成しよう
