inputのtype=fileをCSSでクールにスタイルするサンプル:phpspot開発日誌
Styling File Inputs with CSS and the DOM // ShaunInman.com This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. inputのtype=fileをCSSでクールにスタイルするサンプル input type=file なエレメントを次のように美しくスタイリングするサンプルが公開されています。 これはなかなかクールですね。Web2.0なサイトでは是非実装したいスタイルです。 関連エントリ サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ CSSでデザインされたテーブルレスでクールなフォームサ
cyano: FlashをXHTMLで表示させるには（embedタグを使わずに表示させるには）
最近はstrict XHTMLを使ってWebページを製作することが多くなったのですが、そういった場合Flashをどうやって表示させるかは悩みどころ。というのは、embedタグはXHTMLには定義されていないからです。embedタグを使わないとFirefoxやNetscape系でFlashを表示させることができないと思われがちですが、そうでもないようです。 SG::Acme : Flashをstrict XHTMLで。では、XHTMLで定義されているobjectタグだけを使ってFlashを表示させる方法を紹介しています。objectタグにどの属性をつけてどの属性を取り除くのかがポイントのようですね。 この件に関する詳しい議論はリンク先を読んでいただくとして、どのブラウザでもobjectタグのみで表示するのに最低限必要なコードは以下の通り。 <object data="fma.swf" wid
Beautiful Soup: We called him Tortoise because he taught us.
You didn't write that awful page. You're just trying to get some data out of it. Beautiful Soup is here to help. Since 2004, it's been saving programmers hours or days of work on quick-turnaround screen scraping projects. Beautiful Soup is a Python library designed for quick turnaround projects like screen-scraping. Three features make it powerful: Beautiful Soup provides a few simple methods and
鳩丸ご意見番 - URI の中に & を書くべからず
URI の中の & @ホペではアクセスカウンタの CGI が提供されていますが、その書式は以下のように説明されています。 <img src="http://hpcounter1.nifty.com/cgi-bin/counter.cgi?u=CQS02437&p=9&c=8"> これは駄目です。URI の中でも、& を書くときは & としなければなりません。 HTML において、& は CRO(文字実体参照開始区切り子)です。たとえば、< と書くと、これは "<" という文字に置換されます。href属性の中でも例外ではありませんので、たとえば <img src="http://hpcgi1.nifty.com/bakera/test.cgi?lt=5>=4"> と書いてあったとすると、ブラウザはこの属性値を http://hpcgi1.nifty.com/bakera/t
TagSoup home page
TagSoup - Just Keep On Truckin' Index Introduction Taggle, a C++ port of TagSoup, available now TagSoup 1.2 released TagSoup 1.1 released What TagSoup does The TSaxon XSLT-for-HTML processor Note: TagSoup in Java 1.1 Warning: TagSoup will not build on stock Java 5.x or 6.x! TagSoup as a stand-alone program SAX features and properties Other TagSoups and related things More information Introduction
IEでinnerHTMLを変更できない場合がある - ヒルズで働く@robarioの技ログ
Prototype.jsのElement.update読んだらちゃんと対策されてた。 だそうです。 久々に「ハメられた！」という気分になりました。 ビューとモデルを分離するために、昨日JavaScript版簡易Template-Toolkitをちょろっと書いて使っていました。その時点では上手く動いていたのですが、今日テストをしていたところIEで意味不明なエラーが出て実行できませんでした。そのエラーメッセージはなんと「不明なランタイムエラー」。。。 ・・・(ノ＃ﾟДﾟ)ノ ＝＝＝＝ ┻━━┻ まさに意味不明なランタイムエラーです。 このテンプレートもどきは、指定した要素のinnerHTMLをごにょごにょ書き換えています。Googleで「IE 不明なランタイムエラー」を検索すると・・・ 原因 TABLE と TFOOT と THEAD と TR 要素の innerHTML プロパティは、読み取
ruby のスクレイピングツールキット scrAPI - 川o・-・）＜2nd life
http://blog.labnotes.org/category/scrapi/ ruby でスクレイピングして web の情報を取得するのには、今まで正規表現か xpath でやってたので、わりと面倒でした。で、ふと scrAPI というスクレイピングツールキットを知ったのですが、これがかなり便利そう。 このツールキットを使うと、CSS3 なセレクタを記述することで、要素を取得することができます。たとえばとあるサイトのリンクを全部取得したければ、 require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e
HTML 4.01とCSS2のHTMLヘルプ
HTML 4.01 SpecificationとCascading Style Sheets, level 2のHTML Helpを作ってみた。探せば幾つか見つけられるのだけど、キーワードがないというありがちなアレだったので。 HTMLヘルプとか二年ぶりくらいに作ろうとしたので、作り方をほとんど忘れてた。最終的にはIndexからキーワードを捏造するPerlスクリプトを作ってやったのだけど、そこまでいくのに1時間くらい格闘した気がする。HTML Help WorkshopのGUIでやるのは無理。 で、公開しようかなとか。W3C Document Licenseを読んだところ、変更を加えたり派生物的なものにするわけでなければOKっぽいので。 HTML 4.01 Specification Cascading Style Sheets, level 2 上記アーカイブはWinRAR 3.51でZ
html-fold.el alpha1 |HTML|Emacs|
Ralf Angeli 氏の tex-fold.el を改良して、 html-fold.el を作ってみた。何ができるかというと、 HTML テキストの要素 ( <a>とか <script> とかの所謂タグね) の折り畳み表示。左が html-fold 使用前で、右が html-fold 使用後。 折り畳んだ文字の中にカーソルを持っていくと、自動的に展開される。そして、展開部からカーソルを出すと再び (自動的に) 折り畳まれる。 html-fold は minor-mode なので、 GNU Emacs に標準で付いてきている HTML モードはもちろん、 YaHTML、 nxml-mode、 psgml なんかとも一緒に動く。きっと、 HTML が書かれていればどこでも動くんじゃないかしら。 HTML のソースを手打ちしてる人に喜こんでもらえるんじゃないかと思ってる。特に、 Blogge
presentacular - Adding effects to S5 with script.aculo.us
Presentacular Presentacular adds script.aculo.us visual effects to slide shows created with S5. It has the same advantages than S5 for creating slide shows: printer-friendly version, simple and semantic markup and portable across the most modern browsers. Adding effects First of all you’ll have to create an S5 slide show. If you are new to S5, A Basic Primer in Using S5 can be useful to you. Next,
ダウンロード・CrenaHtml2jpg ＷＥＢページをサムネイル画像に！
・CrenaHtml2jpgは、URLを指定して、その画面をキャプチャーするツールで、長いページも、１枚の画像に保存できます。 ・コマンドラインにも対応していますので、スクリプトからCrenaHtml2jpgを呼び出して連続して、サイトの画像を取得できます。 CrenaHtml2jpg-v1.20.zip 474kバイト [2009/06/13] Vectorレビュー 窓の杜レビュー ◆GUI操作画面 ●800x600 ⇒ 117x90で取得 ●800x∞ ⇒ 200x∞で取得(１ページ全体を自動キャプチャー) ・「フルスクリーン自動取得」をチェックすると、縦サイズは∞となり、 １ページ全体を自動でキャプチャーできます。 ・「遅延」秒数を入力すると、サイトアクセス後、指定の秒数待ちます。 gifアニメ、FLASH,Silverlight等の動画に対して有効です。 （flash play
HTML Parser - HTML Parser
HTML Parser is a Java library used to parse HTML in either a linear or nested fashion. Primarily used for transformation or extraction, it features filters, visitors, custom tags and easy to use JavaBeans. It is a fast, robust and well tested package. Welcome to the homepage of HTMLParser - a super-fast real-time parser for real-world HTML. What has attracted most developers to HTMLParser has been
Nvu
NVU - Finally! A complete Web Authoring System for Linux Desktop, Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver. Nvu (pronounced N-view, for a "new view") makes managing a web site a snap. Now anyone can create web pages and manage a website with no technical expertise or knowledge of HTML. KOMPOZER - NVU 1.0, released in June 2005, is the last official rel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Greenbear Laboratory - Hpricot Showcase-Ja
http://www.tietew.jp/articles/2007/02/07/misunderstood-html-escaping
HTML Screen Scraping Tools Written in Java - Manageability
IBM Developer
http://htmlize.el/
TinyMCE Javascript Content Editor by Moxiecode Systems AB
XHTML Media Types