理由がない限り、Array.join("") による文字列連結は使わないほうがいいみたい

js 高速化

JavaScript の勉強を開始したときに「文字列の連結には Array.join() を使え」といった記事を見た覚えがあります(ソース失念したけど、 Operaの技術文書だった気がする ⇒ IE の技術文書だったかも)。一年ほど信じてて、念のためベンチとってみたら「うそやー…

2009-08-22

uuAltCSS 開発ログ

js 問題

問題1. 子要素に position: absolute + right: が設定されていると、子要素が身切れる <html><head><title></title> <style> .view-box1 { padding: 10px; position: relative; top: 10px; left: 10px; } .box1 { border: 4px solid navy; -uu-border-radius: 4px; -uu-box-shadow: skyblue 10p</head></html>…

2009-08-20

HTML5 + CSS3 + レイアウトデモ

js

HTML5 + CSS3 + クロスブラウザ + リキッドレイアウトなデモです。 <html class="ifnojs"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>HTML5 demo</title> <style> @import url(html5.bone.css); @import url(html5.efx.css); </style> <script type="text/xaml" id="xaml"></meta></head></html>

2009-08-20

HTML5タグのtagNameが小文字になる

js DOM 問題

uuAltCSS.js は uuQuery.js にセレクタの処理を委譲しています。 <style> article>div:nth-child(even)>section { -uu-background-image: url(../../img/cover01.jpg); } </style> <article class="round"> article <div class="view"> <section class="round">section</section> </div> <div class="view"> <section class="round">section</section></div></article>

2009-08-19

Safari3 に HTML5::Canvas の Text API を実装した

js canvas

WebKit530未満(Safari3.x)には、Text API(fillText, strokeText, measureText) が実装されていません。また、window.CanvasRenderingContext2D が存在しないため、prototype ベースでの機能拡張ができません。uuCanvas.js では、getContext() をラップする…

2009-08-17

uuAltCSS.js version 0.2 リリース

js

uuAltCSS.js version 0.2 をリリースしました。http://code.google.com/p/uupaa-js-spinoff/ setExStyle(), getExStyle() を追加。動的なスタイルの変更が可能になりました -webkit-xxx ではなく -uu-xxx を見るように仕様を変更しました理由は Safari3.x …

2009-08-15

HTML5::Canvas.clip を Google Chrome で使用するとジャギーが発生する

js canvas 問題

uuAltCSS.js ver 0.2 の開発中です。 .bg { -uu-box-shadow: white 1px 1px 20px; -uu-background: url(../../img/grad1.png) skyblue repeat-x left bottom; } .radius { -uu-border-radius: 40px; } .border { border: 10px solid black; } とした場合に、…

2009-08-14

静的⇒動的

js CSS

uuAltCSS.js version 0.1 は、CSS を元に静的なレンダリングを行っていましたが、次の version では JavaScript による動的なスタイルの変更をサポートする予定です。デモ http://pigs.sourceforge.jp/blog/20090814/20090814.htm 以下の API で CSS の解析…

2009-08-10

IE になんちゃって text-shadow: を実装する試み

js CSS

IE になんちゃって text-shadow: を実装する目処が付いた。currentStyle.display が "inline" なら "inline-block"に、IE6,IE7で currentStyle.width が "auto" ならstyle.zoom = 1 にするといいらしい。コードはこんな感じ。ShadowフィルタとMotionBlurフィ…

2009-08-04

Firebug1.4.1 と uuAltCSS.js(ver 0.1)は相性が悪い

js 問題

以下は問題を判りやすくするために最小化したコードです。 Firefox3.5 + Firebug1.4.1 で実行し、_breakpoint; の箇所にブレークポイントを設定し、ステップ実行すると、「cannot access optimized closure」というエラーが発生します。ブレークポイントを設…