Firefox 3.6 でサポートされる ClassList « Mozilla Developer Street (modest)
依存関係解消の非同期ロードと欠落の可能性&UI部品の遅延ロードについて | TwitScratch
LAB.js の依存性を解決して非同期読み込みって、uupaa.js の ver 0.5 とかその辺で実装してた機能なんだけど、「これでは解決できない問題がある」って捨てた機能ですね。たしか、サーバAがだめならサーバBからDOWNLOADを試すとかそんな機能も付けてたはず
約700項目のHTML／スクリプト言語リファレンスを公開
日経LinuxとITproは、総計約700項目のHTML／スクリプト言語リファレンスを公開しました。「HTML」（295項目）、「CSS」（73項目）、「Dynamic HTML」（98項目）、「JavaScript」（295項目）、「Perl」（125項目）あわせて698項目。各項目にサンプルコードを掲載しており、コピーし貼り付けてすぐにお使いいただけます。JavaScriptは「この用例を実行する」という文字をクリックすれば、その場でサンプルコードを実行してみることもできます。 ファンレンスを使いこなすための記事や、「JavaScript入門」「Perlの使い方入門」「CSSの基本」「Linuxコマンド道場」「シェル・スクリプト工房」といった入門記事もご用意しました。 これらのリファレンスはここ2～3年かけて作成してきたものです。そのため一部に内容の古いものもありますが、順次更新してい
IEで「position:fixed;」を使う方法 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 あんまり綺麗な方法じゃないのだけど、5分でできる。 （サンプルファイル） #fixedElement { position: fixed; top: 100px; left: 80px; /* IE5 later && javascript-on */ position: expression('absolute'); top: expression(documentElement.scrollTop + 100 + 'px'); left: expression(documentElement.scrollLeft + 80 + 'px'); } note: max
第17回 アニメーションの基礎 | gihyo.jp
こんにちは、太田です。3回ほどJavaScriptの基礎的な内容が続いたので、今回はグラフィカルなアニメーションについて解説します。グラフィカルなJavaScriptというと、難しい・応用的なイメージがあるかもしれませんが、JavaScriptでのアニメーションとはすなわちCSSを段階的に操作するということで、そのポイントを抑えれば中身は単純なものです。 アニメーションの前提知識 HTMLにおける通常のアニメーションを構成するのは、「特定の要素」に対して、「そのCSSプロパティ」を「ある時点からある時点まで」の時間の中で、「ある値からある値に操作」する、といった要素です。 特定の要素と、CSSプロパティについては問題ないと思います。問題となるのは「時間と値の操作」です。 まず、単純にインクリメントするだけというサンプルを見てみましょう。 良くないアニメーション var y = 0;
Element: classList プロパティ - Web API | MDN
ドキュメントオブジェクトモデル (DOM)ElementインスタンスプロパティariaActiveDescendantElementariaAtomicariaAutoCompleteariaBrailleLabelariaBrailleRoleDescriptionariaBusyariaCheckedariaColCountariaColIndexariaColIndexTextariaColSpanariaControlsElementsariaCurrentariaDescribedByElementsariaDescriptionariaDetailsElementsariaDisabledariaErrorMessageElementsariaExpandedariaFlowToElementsariaHasPopupariaHiddenariaInvalidariaKeySh
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
Dottoro Web Reference
The Dottoro Web Reference was created to promote the development of cross-browser web pages on all platforms. With this in view, Dottoro offers detailed language descriptions, browser support information, real life examples and where necessary, cross-browser solutions in CSS, HTML and JavaScript languages. We hope this will help you create modern and attractive websites. Complete HTML, CSS and Jav
JavaScript Animate
Sort of an old topic for these times, but I thought I’d share a small snippet I wrote about a year ago for the live updating Twitter widgets which required a tad bit of animation without the use of a library. Of course, anyone doing a large amount of animation will use some JavaScript library or, when available in a browser – CSS transitions. Ultimately, the goal for the widgets – which would end
【レポート】"CSS3/HTML5、各ブラウザはどこまで対応?" を、確かめられる「Modernizr」 (1) 検出可能な機能をチェック | エンタープライズ | マイコミジャーナル
Webブラウザが次世代規格に対応しているかを一発検出 Faruk Ates氏は7月3日(米国時間)、Modernizr Version 0.9をリリースした。Modernizrは次世代規格であるCSS3の各種プロパティが有効かを検出するためのライブラリ。デベロッパは同ライブラリを使用することで、実行中のWebブラウザが次世代規格の機能に対応しているかを簡単に検出・確認できるようになる。 Version 0.9の時点で検出可能な項目は次のとおり(リリースノートより抜粋)。 Canvas rgba() hsla() border-image: border-radius: box-shadow: Multiple backgrounds opacity: CSS Animations CSS Columns CSS Gradients CSS Reflections CSS Transform
高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す - WebOS Goodies
最近のほとんどの JavaScript フレームワークには、 CSS セレクタによる DOM エレメントの取得機能が実装されています。複数の要素を柔軟な条件で取得できるので、 DOM ツリーの操作がシンプルに記述でき、とても便利です。しかし、単に CSS セレクタを使いたいだけなのに、フル機能のフレームワークを読み込むのはちょっと抵抗がありますよね。 そんな悩みを解決してくれるのが、本日ご紹介する Sizzle, Peppy という 2 つのライブラリです。これらは他のフレームワークに依存しない独立した CSS セレクタエンジンで、しかも jQuery 等の既存のエンジンより数倍高速に動作します。 unobtrusive な Web ウィジェットの開発や、独自フレームワークの開発に最適ですね。その他にも広範な用途に使えるでしょう。 以下でこれらのライブラリの使い方や動作速度等の検証結果を掲
TextNodeにも使えるgetBoundingClientRect - gifnksmの雑多なメモ
JavaScript（というかDOM? CSSOM?）には getBoundingClientRect という便利なメソッドが用意されています。これを使えば，ある要素のviewport上の座標，つまりブラウザ画面の左上を原点とした座標上での要素の位置を取得することができます。これまでは d:id:gifnksm:20100729:1280429284 のgetOffset関数のように，offsetParentを辿っていく方法で位置を取得していました。また親要素に position: fixed; が指定されている場合などを考慮すると，d:id:gifnksm:20090506:1241630603 のように非常に長い関数を書かざるを得なかったりして，何かと面倒でややこしくて，できるだけ敬遠したい処理でした。複雑な関数を書いても，最終的に任意の文書に対して正しく動作するか結局よくわかりません
CSS3 Compatibility Tools, Resources and References for IE
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
master-class: target mobile browser properties using css
GitHub - batiste/sprite.js: An efficient javascript sprite animation framework
JavaScript Visited Link Scanner
GitHub - doctyper/flexie: Legacy support for the CSS3 Flexible Box Model
The Easiest Way to Create Vertical Text With CSS | Envato Tuts+
Ext JS Blog - Ext v1.1 Released
E-marketing od kuchni – blog marketingowy