Stoyan Stefanov「CSS/JSを先読しつつJSは実行させないでおく」 - 以下斜め読んだ内容
phpid.com2010.4.21のエントリ Preload CSS/JavaScript without execution / Stoyan's phpied.com プリロード系テクニックの最新版？ JSの高速ローディングをさらに細かくコントロールする、という趣旨 jsをロードしたい、キャッシュに保存したい。でも実行は遅延させて好きなタイミングで実行したい。これを実装 辿りついたテクニックはシンプル IE向けにはImageオブジェクト生成、それ以外はobject要素生成 実行させたいときにオンザフライでscript要素を生成しDOMツリー追加 以下斜め読んだ内容 プリロードテクニックは色々あり前に調べた script/link要素生成、iframe生成、XMLHttpRequest 前調べたやり方は、iframeのロードや、プリロードされたcss/jsのパース／実行など、コストあり
GitHub - cjohansen/juicer: A command line tool for JavaScript and CSS developers
Juicer supports so-called cache busters. A cache buster is a pattern in a path whose only purpose is to “trick” browsers to redownload a file when it has changed in cases where a far future expires header is used. There are three types of cache busters. Soft cache busters (the default) add a parameter to the URL, like so: assets/images/1.png?jcb=1234567890, ie the letters “jcb” (as in Juicer Cache
Textarea Tricks | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Oh, <textarea>‘s. How many quirks you posses. Here is a collection of nine things you might want to do related to textareas. Enjoy. 1. Image as textarea background, disappears when text is entered. You can add a background-image to a textarea like you can any other element. In this case, the image
Yahoo! UI Library: YUI Compressor
According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a
[JS]JS/CSSの管理、ユーザー環境の検出など便利な機能がつまった超軽量スクリプト -Head JS
複数のJSファイルの管理、CSSのサポートが異なるブラウザへの対応、ブラウザとバージョンの自動検出、スクリーンサイズの自動検出など、headで制御したい便利な機能がつまった超軽量（2.3KB）スクリプトを紹介します。 Head JS [ad#ad-2] 下記に、Head JSでできることを簡単に説明します。 詳しい使い方は下記ページで解説されています。 Usage: Head JS 外部JSファイルの読み込み JavaScriptの管理 CSSのサポートが異なるブラウザへの対応 HTML5非対応ブラウザへの対応 スクリーンサイズに合わせた表示 Dynamic CSS CSSを特定のページのみに CSSをブラウザごとに指定 外部JSファイルの読み込み 通常、複数のJavaScriptファイルを外部ファイルとして読み込ませるとブロッキングが生じます。 そのブロッキング解消し複数のファイルを並列
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
カッとなってTracのインタフェースとデザインをカスタマイズするJavascriptを公開してみる – 我流天性 がらくた屋
35度を超える暑さにカッとなって、Tracのインタフェース部分（ヘッダー・ナビゲーション部分）をCSSでデザインするために強引にHTMLを書き換えるJavaScriptを公開してみます。 →Tracのカスタマイズの関係ファイル(zip形式：84KB)をダウンロード スクリーンショット カスタマイズ前 カスタマイズ後 実際に動いている、カスタマイズしたTracはこちら チケット一覧等でアイコンを表示してるのはこちら (2008/08/16 サーバー移転のため公開Tracは閉鎖しました) 社内ではサイト制作や開発でTrac+svnを使っているのですが、デフォルトのデザインのままだと慣れるまで使いづらいんですよね（特に英語だから） インタアクト株式会社さんからTracの日本語化のパッケージも公開されていますが、これは表記が日本語になるだけで、デザイン面がカスタマイズされる訳ではないんですよねー。
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
uupaa-selector.js version 1.2 をリリースしました。 - latest log
Ver 1.1との違い XMLDocument, HTMLDocumentを区別し動作する HTMLDocument(content-type: text/html) なら タグ名の大文字/小文字を無視して要素を検索するが、XMLDocument(content-type: application/xml or application/xhtml+xml or text/xml)なら区別する。 精度の向上 W3Cの公式テストのうち、テスト可能な約100項目のほぼ全てをパスするようになった。 テストできない項目は、擬似クラス系(:active, :hover, :focus), 動的擬似要素系(::after, ::before, ::selection, ::first-letter, ::fitst-line), @namespace系 と :not系 uupaa-selector.js
uupaa-selector.js version 1.1 をリリースしました。 - latest log
uupaa-cssselector.js を改名し、機能を大幅に強化したものを uupaa-selector.js としてリリースし直しました。 2008-10-11追記: uupaa-selector.js version 1.2 をリリースしました。 - latest log uupaa.js(ver 0.7)の実装をベースに、 getElementById() getElementsByTagName() getElementsByClassName() getElementsBySelector() のクロスブラウザな実装一式と、 Arrayのイテレータ(forEach, filter, some, every, map) ブラウザ判別コード 等をギュギュッと詰め込んだ 福袋仕様 です。 サポートブラウザは、Gecko系, WebKit系, Opera9系 と IE6+です。 社内
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ウノウラボで紹介されていたスターレイティングの不思議なリスト - JamDiary-twig
JavaScriptを使わないスターレイティングの作り方これCSS脳じゃね？と、ほんのりと一部で非難され気味なJavaScriptを使わないスターレイティングの作り方ですが、どこが変なのか明記されているソースが無かったので自分で作ってみる試み。CSSを切ったら意味不明なHTMLサンプルが併記されていますが、CSSを切るとリストに番号が振られているだけで、かなり意味不明です。せめて評価：星1つとか星3つ、とか。class名がCSS依存だよ所謂、class="red"問題ですね。ウノウラボさんで紹介されていた記事も、ul class="rating onestar"といった具合にCSS依存というか、CSSが無いと意味不明のclass名なので、そういうのはよろしくないんじゃないの？ということですね。CSSあってのHTMLになっちゃってるよ！ということです。そもそも、それ（星）はリストなのだろうか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
pre-commit hook to automatically minify javascript/css
GitHub - kriswallsmith/assetic: Asset Management for PHP
http://easyframework.com/
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
?D of K
dnevnikeklektika.com
