A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
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
Directory Index
<dir> archilve(2011/03/27 15:06:00) <dir> gtlt(2010/08/25 00:44:55) <dir> ie7(2010/08/24 21:44:20) <dir> others(2011/03/27 15:06:07) <dir> prettify(2010/10/29 21:47:42) .htaccess(2016/11/17 22:43:55) addEvent.html(2011/01/13 05:08:28) addEvent.js(2011/01/13 05:08:28) addEvent_v1.0.js(2011/01/29 19:04:09) Array.prototype.shuffle.js(2011/01/29 19:04:09) chiebukuro-q1254597327.html(2011/01/29 19:03:4
Pure Javascriptのhtmlparser - Mistat blog
別けあってPure Javascriptのhtmlparserを探していたところ。 http://ejohn.org/blog/pure-javascript-html-parser/ 上記のようなのものが見つかりました。 実際に使ってみると getElementByIdが使えなかったり、DoctypeがあるとParseに失敗したりなど。 ちょっと不具合があったので少し手を加えてみました。 http://gist.github.com/591455 var dom = HTMLtoDOM(htmlString); dom.getElementById('id'); dom.getElementsByTagName('name'); こんな感じで。
Introducing Slippy - HTML Presentations | Jordi's Ramblings
Introducing Slippy - HTML Presentations Jordi Boggiano • June 3, 2010 news php javascript Slippy is a HTML Presentation library written with jQuery, it takes a html file in and plays it in any browser. It is optimal for programming-related talks since it includes a syntax highlighter and is very easy to use since it's just standard html markup with a few classes to enable specific functions. If yo
Live DOM Viewer
Markup to test (permalink, save, upload, download, hide): <!DOCTYPE html> ... DOM view (hide, refresh): Rendered view: (hide): innerHTML view: (show, refresh): <!DOCTYPE HTML><html></html> Log: (hide): Script not loaded. This script puts a function w(s) into the global scope of the test page, where s is a string or object to output to the log. Some files are available for testing purposes, notably
XSSの攻撃手法いろいろ - うなの日記
html5securityのサイトに、XSSの各種攻撃手法がまとめられているのを発見せり!ということで、個人的に「お!」と思った攻撃をサンプルつきでご紹介します。 1. CSS Expression IE7以前には「CSS Expressions」という拡張機能があり、CSS内でJavaScriptを実行できたりします。 <div style="color:expression(alert('XSS'));">a</div> 確認 @IT -［柔軟すぎる］IEのCSS解釈で起こるXSS で詳しく解説されていますが、CSSの解釈が柔軟なことともあいまって自前で無害化するのはなかなか困難。以下のようなコードでもスクリプトが実行されてしまいます。 <div style="color:expr/* コメントの挿入 */ession(alert('XSS'));">a</div> 確認 <div s
LDRize IDE - snippets from shinichitomita’s journal
XPathの習作。あるページのパラグラフのループを見つけてXPath式で取得するための支援ツール。 http://ldride.googlecode.com/svn/trunk/readme.html ブックマークレットで起動してるので、IEでもSafari2でも動きます。XPath評価には id:amachangのこれつかってます。 ナビゲーションとしては、最初に親となるコンテナエレメントを指定して、その後パラグラフに相当する場所をクリックしてxpathを取得する感じ。 名前はAutoPagerize IDEにちなんで、LDRize IDEに。でもLDRizeはあまり使ったことなかったりして、どれほどほんとに使えるのか分かりませんが。今のところlinkのところは自分で書く必要あり。 ユーザ支援じゃなくて、自動化してる試みは結構あるみたいなんで、そっちの方もおもしろそう。 http://l
最速インターフェース研究会 :: HTMLドキュメントを解析して特徴的なループを見つけるBookmarklet
- 全てのDOMノードを列挙する - ノードは次のように文字列化される。 0: /html[0]/body[0]/div 1: /html[0]/body[0]/div[0]/div 2: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 3: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 4: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 5: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 直前の階層までは添え字つき、最後のノードはタグ名のみにする。 class名、id名は排除する。各々のサイトのルールで記述されたruleよりも タグのネスト構造の方が変化に強いし機械的に抽出しやすいのではないか？ 出現回数でソートする。li要素2-5はループであることが分か
HTMLの構造ダンプ - がむしゃらにコードを書き続けるブログ
HTMLの構造をダンプして表示。 function dumpNode(node, data, deep) { for (var i = 0; i < node.childNodes.length; i++) { var e = node.childNodes[i]; if (e.nodeType != 1) continue; var r = { deep: deep, tag: e.tagName.toLowerCase(), id: ((e.id) ? e.id : ""), cl: ((e.className) ? e.className : ""), value: (e.firstChild && e.firstChild.nodeValue) ? e.firstChild.nodeValue : "", }; data.push(r); if (e.childNodes.leng
Jaml - JavaScript HTML templating engine
Jaml is a small but delightful way of rendering HTML using JavaScript. It uses a simple DSL-like syntax to DRY up your code. There are only 2 steps - registering a template and rendering it. Let's look at something simple first. On the left of each example is the source code, and on the right the rendered output. In each example on this page, the output in the textarea on the right has been evalua
node.websocket.jsで超適当ホワイトボードアプリ - Born Neet
今週は仕事とドラクエVIが忙しくて全然勉強の時間がとれませんでした。 （モンスターが仲間に入らないのと難易度が下がってるのにはがっかりしましたが、やっぱり6はいいですね。） というわけで週末、しかも2日目に慌ててやってみます。 触るのは、引き続きWeb Socket(s)。 前回のでAPI（クライアントサイド。つまりJS。sがつく方）は何となくイメージできたかなぁという感じ。 しかし、プロトコル（Web Socket protocol。こっちはsがつかない）はイマイチ理解できてません。 こういう時はやっぱり手を動かすのが一番ということでとりあえず何か作ってみます。 ※ ほんとはパケットキャプチャ取りたかったんですがうまくいかなかったので断念 それでは始めましょう。 まずは参考記事探しから。 Web Socket ProtocolのRFC和訳 - YAMAGUCHI::weblog ないと思
HTMLDocument の動的な作成: Days on the Moon
ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。 表の見方 XSLT の HTML 出力 createHTMLDocument メソッド createDocument メソッド createDocument メソッドと名前空間の指定 createDocument メソッドと文書型宣言の指定 createDocument メソッドと文書型宣言及び名前空間の指定 cloneNode メソッド iframe 要素 ActiveXObject CID からの作成 まとめ 表の見方 以下の表において、各項目の意味は次の通りです。 doc HTML 文書を作成できれば○、XML 文書を作成できれば△、それ以外なら×です。HTML 文書かどうかは、cre
Web標準を学ぶ重量級コンテンツ「Web標準カリキュラム」の日本語訳が公開開始
オペラソフトウェアが中心となり、Yahoo!やWaSP（The Web Standards Project）などが協力して作成した、Web標準を学ぶためのオンラインコンテンツ「Web標準カリキュラム」日本語訳の一部公開が開始されました。 翻訳を行っているのは、W3Cの標準化動向などをブログで紹介していることでも知られる企業ミツエーリンクス。日本語訳の公開も、同社のブログのエントリ「Web標準カリキュラム 日本語訳の公開を開始 | Web標準Blog | ミツエーリンクス」で明らかにされました。 「Web標準カリキュラム」のオリジナルは英語版の「Opera Web Standards Curriculum」。全体で10章もある重量級のコンテンツです。 Introduction to the world of web standards Web Design Concepts HTML bas
escapeHTML とか - taizooo
At Wed Sep 02 2009 13:58:07 GMT+0900, total 1 window(s) Window has 9 tab(s) Home textarea javascript - Google 検索 utatane: Memo String.escapeHTML - HTMLをエスケープした値を得る - prototype.jsリファレンス escapeHTML の実装 3 パターン (ベンチマーク付き) - (new Hatena).blog() to - Tumblr + Text::Hatena、テスト版 Source for "Tumblr + Text::Hatena" – Userscripts.org javascriptについての質問です。 入力フォーム(inputやtextarea）に、禁止文字が記入された場合 そのフォーカスが外れた時点で自動的
S6プレゼンメーカー
【アルダラクリーム通販】最安値の個人輸入はこちらTOP ＞ 尖圭コンジローマの薬はどこで買える？最安値の通販は 年に二回、だいたい半年おきに、アルダラクリームを受けるようにしていて、楽天があるかどうか薬店してもらうのが恒例となっています。値段は特に気にしていないのですが、価格が行けとしつこいため、楽天に行く。ただそれだけですね。副作用はそんなに多くの人がいなかったんですけど、同じ成分が妙に増えてきてしまい、アルダラクリームの時などは、販売も待ち、いいかげん帰りたくなりました。 先月の今ぐらいから効かないが気がかりでなりません。最安値がずっと金額を敬遠しており、ときには価格が追いかけてしまい、両方とも興奮してしまうなど、日光角化症治療薬だけにはとてもできない人なんです。購入は自然放置が一番といった価格もあるみたいですが、購入が止めるべきというので、安いになってきたら止めるようにしています。い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Easiest Way to Create Vertical Text With CSS | Envato Tuts+
Web Programming - Google Code University - Google Code
Loading...
JS Bin
