補完付きのテキストボックス - がむしゃらにコードを書き続けるブログ
デモ var Suggest = function(input, suggest, dic) { this.idInput = document.getElementById(input); this.idSuggest = document.getElementById(suggest); this.dic = dic this.idx = -1; this.serchWord = ""; this.init(); }; Suggest.Key = { UP: 38, DOWN: 40, RETURN: 13, TAB: 9, ESC: 27 }; Suggest.forEach = function(array, func, obj) { for (var i = 0; i < array.length; i++) func.call(obj, array[i], i, array);
変更があったらブラウザを自動リロードするブックマークレット(2) - がむしゃらにコードを書き続けるブログ
フックするファイルの指定をなくして、ロケーションのhtml本体と、そのhtmlにリンクしてるjsとcssがローカルにある場合フックするように修正した。 javascript: (function () { if (location.href.indexOf("file:///")) { alert("not local file"); return; } var func = function hook(name) { setInterval(function() { var self = arguments.callee; var req = new XMLHttpRequest(); req.open("GET", name, true); req.onload = function() { (self.old && req.responseText != self.old) && w
CSS3 「gradient」と「@font-face」
CSS3 「gradient」と 「ウェブフォント（@font-face）」 このページは背景画像を一切使用していません。 背景のストライプ模様はCSS3のbackground-image:gradient、フォントはCSS3の@font-faceでサーバー上に置いたフォントを読み込んで表示しています。これによって、閲覧者のパソコンにインストールされていないフォントも表示する事が出来ます。また、画像文字ではないのでコピーする事も可能。 SEOの一環としても有効です。 2010年1月現在、InternetExplorerとOperaではまだgradientに対応していない為、これらのブラウザでは背景は単色になります。フォントファイルはうっかり領収書５部ダメにできる筆圧を誇るふいさんの作った「まきばフォント」をお借りしています。 フォントの為のスタイル指定 @font-face { font
JavaScriptで簡単にクロスドメイン対応RSSリーダーを作る - 三等兵
んだ。とあるサイトで使うのでJSだけで作ろうかと。クロスドメインはどうにもならん。かといってサーバで用意するとなるとPHPとか使っちゃう。うわん。そういうわけで。今回はgoogleプロフェッサーの力を。 http://code.google.com/intl/ja/apis/ajaxfeeds/ 結局外部のつかってるじゃんて？そこはあれです。見ざる言わざるやんばざるということで見ないふり。 使い方はこちら。このAPIを利用するには専用のキーを取得しなきゃいけませんが、簡単な署名をするだけです。 http://code.google.com/intl/ja/apis/ajaxfeeds/documentation/#HelloWorld サンプル まずはこのブログのフィードを取得。htmlタグは抜いてます。 google.load("feeds", "1"); function initia
Zen-Codingで楽々コーディング! + コツ1つ
話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)
Zen-Codingが楽しい - ぱせらんメモ
最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。 Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。 CSSセレクタのような記法なので普段からWebの開発に関わってる人なら簡単に体得できると思う。 単体のエディタではなくプラグイン形式になっていて色々なエディタやIDEで使えるというのもいいところ。詳しくは下記サイトを参照。 zen-coding - Set of plugins for HTML and CSS hi-speed coding http://code.google.com/p/zen-coding/ vimプラグインはこっち。 Sparkup http://github.com/rstacruz/sparku
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
