[B! JavaScript][css] helldeathのブックマーク

helldeath id:helldeath

JavaScriptとcssに関するhelldeathのブックマーク (8)

Prefix free: Break free from CSS vendor prefix hell!
-prefix-free Break free from CSS prefix hell! Only 2KB gzipped -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. “[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.” — Eric Meyer Features Processes every stylesheet in <link> or <style> elements
helldeath 2012/04/27
CSS3用のベンダプリフィクスを必要な物だけ追加してくれる。cssの記述が楽になりそう

css

javascript
リンク
Gallery redirect
helldeath 2012/03/07
これはなかなか。TwitterBootstrapを使ったギャラリー。

javascript

css
リンク
HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog
HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。 HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas
helldeath 2012/02/14
確かにFlashでも同じような非同期画象読み込みをしたわ。Flashはシングルスレッドだからきつかったけど

HTML5

javascript

web design

css

かわいい

便利
リンク
Parallax Background with Javascript and CSS
« back to inner.geek Parallax Backgrounds a multi–layered javascript experiment This work is licensed under a Creative Commons Attribution 3.0 License. First of all, try scrolling up and down thing page. Use your scroll wheel, use the scroll bar, use the arrow keys, page up, page down, space bar. Note how the text scrolls normally, but the green background scrolls slowly, and how the clouds scroll
helldeath 2011/07/22
縦スクロールのパララックス

css

javascript

web design
リンク
角丸javascriptライブラリ『curvyCorners』を使ってみる
角丸javascriptライブラリ『curvyCorners』を使ってみる角丸javascriptライブラリ『curvyCorners』を使ってみました。配布サイトからダウンロードしてきてrounded_corners_lite.inc.jsファイルをheadで読み込んでください。 <script type="text/javascript" src="rounded_corners_lite.inc.js"></script> 次にbodyに角丸にしたいblock要素をclass属性を付けて配置します。 <div class="myBox"> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> </div> これで準備はO
helldeath 2009/09/02
角丸にできるJavascript。IE6でもOK。

角丸

web design

javascript

css
リンク
IE PNG FIX 2 (iFFALSE.log | takuyaな日々 ver.2)
なんかここにWEB関係のこと書くのは久々な気がするんですが、これは忘れぬうちに書いておかねば！と思ったので、メモメモ。 IE6で透過PNGを表示するライブラリ IE PNG FIX 2 これ、超イイ！！＊この記事、数日前に書いて後日公開しようと思ってたんですが、今日本屋で「Web Designing ９月号」を立ち読みしたら、 ”透過PNG+CSSデザインがやってきた！”という特集が組まれていて、しかもIE PNG FIXもことも掲載されていて。「なに？！おれのギャリック砲にそっくりだ！」ばりに衝撃で、なんかこの記事見て書いたって思われるのもしゃくなので、公開は見送ろうかと思ったんですが、IE PNG FIXに関しては紹介だけで使い方は書いてなかったのでやっぱり公開することに。なんか後出しで寂しい感じですが、自分のやってることも割とタイムリーだったってことにちょっ
helldeath 2009/08/27
透過PNGをIE6、IE5.5でも問題なく表示させるcss,jsライブラリ

デザイン

css

javascript
リンク
Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
helldeath 2008/12/17
webインターフェースのデザイン指針

web design

webサービス

javascript

css

デザイン

あとで読む

演劇ブログウオッチ
リンク
http://pamgau.net/item/326
helldeath 2007/07/07
javascript

デザイン

css
リンク
1