アルファ画像を扱うalphafilter.jsライブラリ-とあるWEBクリエイターのblog
IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="alphafilter" alt="" /> 背景に透過pn
willmayo.com » CSS Speech Bubbles
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Selectors | jQuery API Documentation
Borrowing from CSS 1–3, and then adding its own, jQuery offers a powerful set of tools for matching a set of elements in a document. To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[\]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\. For example, an element with id="foo.bar", can use the selector $("#foo\\.bar"). The W3C CSS specification cont
ModalBox — An easy way to create popups and wizards
ModalBox 1.5.4 — full package. Includes prototype.js, script.aculo.us library, unit- and functional tests! Warning! API changed. Check the reference before update to this version. See version log What is ModalBox? ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It's in
Slot Online Terpercaya - Daftar Situs Judi Online
Bandar Judi Slot Online Terpercaya Judi slot online sekarang ini menjadi pembincangan hangat di kalangan bettor dari penjuru nusantara. Permainan judi yang ada di deretan casino telah hadir di perjudian online yang dapat kita akses dengan sangat mudah dan gampang. Bagi anda yang saat ini sedang ingin melakukan taruhan judi slot online tetapi masih sedikit binggung untuk memulai, anda sudah berada
ruzee.com - Steffen Rusitschka » ShadedBorder - JavaScript Round Corners with Drop Shadow
Coding, Consulting, DevOps Web, Cloud, Scalability You should also check out my script Liquid Canvas which uses HTML canvas to render rounded corners with drop shadows. Rounding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. RUZEE.ShadedBorder itself is the successor of RUZEE.Borders, which was the most feat
超クールなCSSデザインされたUIのレーティングシステムのサンプル:phpspot開発日誌
Rater ? Robarov: Webdesign, zoekmachine optimalisatie, hosting 超クールなCSSデザインされたUIのレーティングシステムのサンプル。 サンプルを使って次のようなカッコいいレーティングシステムを実装することができます。 デザインその１ デザインその２ いずれも、CSSによってデザインされており、HTMLは次のようにシンプル。 <ul id="rating"> <li id="r1"><a href="#1" title="give this site a 1"><span>Abysmal</span></a></li> <li id="r2"><a href="#2" title="give this site a 2"><span>Terrible</span></a></li> <li id="r3"><a href="#3"
Nice titles
Nate over at webgraphics talks about a new feature he'd like to see in Safari: that titles on links should be shown in the rather pretty way that Safari currently shows dragged links: That's rather nice, that. Of course, it doesn't need browser support. Try mousing over, or tabbing to, some of the links on this page: you'll see the same effect. It's all done with CSS and a little bit of JavaScript
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
bytefx :: simple effects in few bytes
Tra i linguaggi di programmazione più utilizzati in informatica rientra senza dubbio JavaScript, una grammatica testuale che ha come scopo principale quello di permettere una corretta visualizzazione dei contenuti html di un browser. In altre parole grazie al linguaggio JavaScript a ogni comando viene assegnata una funzione particolare di una pagina web, come ad esempio la possibilità di far diss
FreeStyle Menus Demonstration
Script License Agreement You may use this script only if you agree that: You must EITHER: Donating Users: This script is "donation-ware". If you can make a donation to support this script, it may be used on a website without a crediting link. Please consider making a donation! I have spent a lot of time developing, debugging and documenting scripts, and any support is welcome. More info... Free Us
Script.aculo.us Select Box
nice select box using prototype and scriptaculousOverview This javascript class allows you to replace (X)HTML select control with a nice styled select boxes in your site. This class is based on Prototype and Scriptaculous with all latest version (prototype 1.6.0.1 and scriptaculous 1.8.1) It has been tested on Firefox 2 and 3, Safari, IE6, IE7. Current Version 0.4 (26/08/2008), see changelog for m
Highlight Active Input
Download files You can download the entires script from this Zip file. Configuration This script is easy to configure. All you have to do is to define how the active input should be highlighted. This is done by CSS. Then you have to call a function at the bottom of your page to initialize the script. Define CSS Here's an example how I have created the CSS in this demo .textInput,textarea{ /* Gene
Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap
StyleMap: HTML Visual Sitemap Tool Update! I've released a new version of this technique that has more simplified markup structure and better browser support. Please read Stylemap v2 HTML visual sitemap. If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visually organize a complex hierarchy of pages. Having experienced th
ウノウラボ Unoh Labs: Web2.0エンジニアのためのJavaScriptリファレンス集
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
簡単にブラウザ別CSSを導入するJavaScript （CSS Browser Selector） - youmos
http://livsey.org/experiments/textareatools/?
aplus moments
p0t: pprompt.js