[B! JavaScript][CSS] [6ページ] wackyのブックマーク

wacky id:wacky

JavaScriptとCSSに関するwackyのブックマーク (123)

http://iamacamera.org/sandbox/photoshuffler/
wacky 2006/11/05
JavaScript + CSSによるクロスフェードなスライドショー。

JavaScript

library

CSS

画像処理
リンク
Lucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示する
文書の URI の後に #foo などの識別子（id）をつけたアンカーから、その文書内の当該箇所へジャンプできるのは周知の通り。ただ、スクロールもせずに移動するんで、閲覧者が一瞬戸惑ったりるすわけで、CSS3 では、そのターゲットとなる要素をハイライト表示させたりすることが可能な :target 疑似クラスってのが用意されている。現在、:target 疑似クラスに対応しているブラウザは、Firefox などの Gecko 系と Safari、Konqueror とか。IE や Opera は未対応。 Selectors 6.6.2. The target pseudo-class :target そんな :target 疑似クラスを利用して、文書下部に用意した脚注を動的に表示させてみるの試み。ちなみに、サンプルは未対応な IE でも再現できるように、Suckerfish :target |
wacky 2006/10/29
アンカーのリンク先となる要素のスタイルを指定するための:target疑似クラスについて。IE向けのJavaScriptによる回避サンプルもあり。

CSS

JavaScript

Tips
リンク
CSSルールを一括で追加する - FAX
CSSルールを一括で追加する JavaScript IEのStyleSheet#addRule(selector, property)は、セレクタごとに実行しなくてはいけないため代替を書きました。 Firefox、IE 6.0、Operaで確認しました。 function addRules(css){ document.body.appendChild( document.createElement('span') ).innerHTML = '<span style="display:none">DUMMY</span><style tyoe="text/css">' + css + '</style>'; } ダミーのエレメントがないと、IEではエレメントの追加を検知しないようです。参考リンク暴満館 » JavaScriptでCSSを弄る際のメモ The styleSheet o
wacky 2006/09/17
ページへCSSルールを動的に追加するJavaScript関数。コードスニペット。

JavaScript

library

CSS

Tips
リンク
IE における "expression" の過剰検出による XSS の誘因
IE における "expression" の過剰検出による XSS の誘因 2006-08-31-1: [Security] http://archive.openmya.devnull.jp/2006.08/msg00369.html IE では expression(式) をスタイルシート内で記述することで JavaScript を記述することができるのは有名ですが， IE による expression の検出がやたら過剰で XSS を引き起こしやすいということらしい．実態参照やコメントの挿入，Unicode 文字，全角文字で記述しても expression として検出される．詳細は，上記サイトより引用． IE では、以下のようなスタイルを記述することで、JavaScript を動作させることが可能です。 1) <style>ブロック内での定義 <style>input { l
wacky 2006/09/04
IEの「expression」について記述パターンまとめ。CSS記述を許すWebアプリケーションを作成するなら要チェック。なんと全角でも動作してしまうらしい。

CSS

JavaScript

セキュリティ
リンク
[暴満館] JavaScriptによるCSSの操作
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。ただ、同じセレクタで上書きするのとほとんど変わらないので、あまり必要にならない
wacky 2006/08/27
『JavaScriptでCSSを弄る際のメモ』シリーズまとめ。IE6、Firefox1.5、Opera9対応。

JavaScript

CSS
リンク
Collection & Copy - そのリソースを訪問済みか判定する
JavaScriptリンク要素のアドレスなどをユーザーが訪れたことがあるか否かをJavaScriptから知る方法を以前調べたがわからなかった。多分、プライバシーの問題の絡みで存在しないのだと勝手に合点した。今日、CSS(display:none) + 擬似セレクタ(:hover) + 要素の高さ(offsetHeight) の組み合わせを思いつき書いた。 function isVisited(link){ if(!isVisited.initialized){ isVisited.initialized = true; addRule("#check_visited:visited", "display:none"); } var a = document.createElement("a"); a.href = link; a.id = "check_visited"; documen
wacky 2006/08/13
指定URLへ訪問済みかどうかをJavaScriptから判定するテクニック。CSS(display:none) + 疑似セレクタ(:hover) + 要素の高さ(offsetHeight) の組み合わせを利用。

JavaScript

CSS

Tips
リンク
http://www.aplus.co.yu/wch/intro/
wacky 2006/07/24
<select>要素や<object>要素でCSSのz-indexプロパティが無視されてしまうIEのバグを解決するJavaScriptライブラリ。

JavaScript

library

CSS
リンク
mad4milk.net
wacky 2006/07/23
CSSセレクタでDOMを扱える、わずか３KBの軽量ライブラリ。要素の取得とイベント割り当てをサポート。（prototype.js または prototype.lite.js が必要）

JavaScript

library

CSS

HTML
リンク
CSS Browser Selector
Clever technique to help you on CSS hacks. Last updated: November 02, 2010 (v0.4.0) CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser. EXAMPLE The JavaScript support is disabled on your browser. Please, enable JavaScript and refresh this page. The color of th
wacky 2006/07/23
ブラウザを判別してCSSを振り分けるためのシンプルなJavaScriptコード。これは使える。Creative Commons Attribution 2.5ライセンス。（→ 解説： http://youmos.com/news/css_browser_selector.html ）

JavaScript

library

CSS

ブラウザ
リンク
More Nifty Corners | PRO.HTML.IT
The article on Nifty Corners catched a lot of interest that we didn't expect at all. So, a big Thank you goes to the international webdesign community and in particular Roger Johansson from 456bereastreet.com and Nate Stainer from web-graphics.com that originally launched the link through the blogosphere. Since its publication, I've worked a lot on Nifty Corners, bringing many improvements: looki
wacky 2006/04/06
角丸ブロックのを作るNifty Cornersの発展型JavaScriptライブラリ。四隅のどこを丸くするか、枠線の有無、アンチエイリアスの有無などを指定可能。

JavaScript

library

CSS

角丸
リンク
AlternateIdea: Introducing CSS event:Selectors
Over the past 6 months or so Javascript has really gotten a lot of attention. I can’t name a web application released in the previous months (although I’m sure there are a few) that doesn’t use Javascript to provide an enhanced experience for users. I wanted a way to facilitate that interaction that doesn’t involve me repeating myself over and over wiring and rewiring event ovservers to a document
wacky 2006/03/23
CSSセレクタ表記を使ってDOMにイベントを定義できるJavaScriptライブラリ。要prototype.js。

JavaScript

library

HTML

CSS
リンク
A library of nice looking DHTML scripts
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
wacky 2006/03/14
Webサイトを飾るDHTMLスクリプトのライブラリ。メニューやフォーム、ツールチップ、XP風インタフェースなど。

JavaScript

library

UI

フォーム

HTML

CSS
リンク
https://hardwar.org.uk/
wacky 2006/03/02
JavaScriptのStyle属性とCSSプロパティの名前対照表。float ←→ sytleFloat とか。

JavaScript

CSS
リンク
slayeroffice | code | image cross fade redux
Photos © Kevin C. Smith This is a rewrite of a very old experiment. This rewrite uses unobtrusive DOM scripting and semantic markup to achieve its goals, and is somewhat less abusive of the CPU in Firefox. It also works in Safari - the original version was written prior to Safari supporting the CSS3 "opacity" property. Opera doesn't support opacity, so the images will just flip in that browser. Fo
wacky 2006/02/26
JavaScript + CSS で画像をクロスフェードするサンプル。

JavaScript

CSS

画像処理
リンク
Dynamic Drive DHTML Scripts- Bullet Image Link script
A premium domain name exclusively for sale on the BrandBucket network. Dynamic Drive: A vibrant, forceful name that conveys motion and innovation, suggesting cutting-edge techno logy and forward-thinking solutions. Possible uses: A mobile app for car diagnostics. A tech platform for logistics. An adaptive learning software. Full ownership of domain dynamicdrive.com. Logo design source files and rig
wacky 2006/02/12
AjaxでRSSをティッカー表示するライブラリ。ゲートウェイに同梱のPHPスクリプトを使う。

Ajax

library

RSS

JavaScript

PHP
リンク
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
wacky 2006/01/21
DOM操作や視覚効果、特殊イベントの追加などをサポートするJavaScriptライブラリ。CSSセレクタやXPathでDOM要素を扱うことができるなど非常に便利そう。

JavaScript

library

HTML

CSS

XML
リンク
IEBlog
Internet Explorer Team Blog We've moved! Find us at the new Microsoft Edge Dev Blog As we announced last week, with the reveal of Microsoft Edge we are archiving the IEBlog. Future... Date: 05/08/2015 Microsoft Edge is the browser for Windows 10 This morning, Joe Belfiore took to the stage at Build 2015 to share more about the next chapter in... Date: 04/29/2015 Announcing improvements to Enterpri
wacky 2006/01/20
IE7ではSELECT要素がz-indexを無視するバグが解消されるとのこと。

IE7

CSS

HTML
リンク
Ajaxian » Prototype adds CSS selector function: $$(’div#page p.summary img’)
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 01 Aug 2025 / Policy & regulation Trump urges top drugmakers to cut U.S. prescription drug costs Trump increases pressure on 17 of the world's largest drug makers to lower U.S. prescription drug prices in 60 days, ahead of proposed tariffs and pharmaceutical impo
wacky 2006/01/19
prototype.jsにCSSセレクタでDOM要素を取得できる「$$」が追加される模様。

JavaScript

library

CSS
リンク
404 Page not found
Thoughts on tech and leadership
wacky 2005/12/08
「Behaviour.js」の改造版。CSSセレクタに「CSSQuery」を利用。BSDライセンス。（→ URL変更： http://www.firelord.net/cssandjavascript/modifiedbehavior ）

JavaScript

library

HTML

CSS
リンク
Behaviour : Using CSS selectors to apply Javascript behaviours
Behaviour.js is deprecated Behaviour.js was my library for doing unobtrusive javascript using a combination of a CSS Selector library and some simple javascript. This functionality has now been adopted and improved upon by all the major javascript libraries. I personally use Jquery, which through the .live() method, let's you do all of the functionality of Behaviour.js, but including automatically
wacky 2005/12/08
DOM要素へのイベントマッピングをHTMLから独立させるためのJavaScriptライブラリ「Behaviour.js」。要素の指定にCSSセレクタを使えるのでスッキリ書ける。良い感じ。

JavaScript

library

HTML

CSS
リンク
前のページ 1 2 3 4 5 6 7 次のページ