タグ

HTMLとTipsに関するwackyのブックマーク (43)

  • Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)

    Summary: Learn about support for the HTML and Cascading Style Sheets specification provided by Word 2007 and Outlook 2007. Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2) provides instructions to install and use the Outlook 2007 Tool: HTML and CSS Validator. (24 printed pages) Zeyad Rajabi, Microsoft Corporation Erika Ehrli, Microsoft Corporation August 2006 Applies to:

    Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)
    wacky
    wacky 2010/04/21
    Outlook 2007のHTMLメール表示におけるHTML/CSSの互換性。Wordコンポーネントがレンダリングが可能なHTML要素・属性とスタイル。
  • 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

    wacky
    wacky 2009/10/30
    JavaScriptを使ってHTMLソースからHTML文書(HTMLDocument)オブジェクトを生成する方法まとめ。ブラウザごとの挙動の違い。createHTMLDocument、createDocument、cloneNode、iframe要素、ActiveXObject("htmlfile")、CID。
  • WSHでCSSセレクタのWEBのスクレーピング - それマグで!

    ここまでのまとめ。 WEBスクレーピングをCSSセレクタで遣るためにPerl入れますか?Ruby入れますか?PerlでWeb::ScraperやRubyでScrapiと同じ事をWSHでやればいいじゃん。わざわざWSHで?うん、わざわざ、してみた。 ActivePerlでCPANモジュール使うの面倒じゃん*1 WindowsRubyいれてパッケージ入れるのすら面倒(笑 WSHならJSだけで動くじゃん JScriptでWeb.Scraperを作ればいいじゃん。 休日を返上してうんうん唸って捻って考えた結果。どうしてもWSHからIEを使いたかった。 スクレーピングのテストとしてYahooから株価を取得することを考えた。 株価取得コード これを動作させるのが目標 //株価取得 var stocks = {}; stocks.NIKKEI = Utena.Scraper.YahooStock("9

    WSHでCSSセレクタのWEBのスクレーピング - それマグで!
    wacky
    wacky 2009/09/03
    WSHからHTMLをCSSセレクタでスクレイピングする方法。cssQuery.jsを利用。
  • WSH で HTML を XPath したいんじゃあああぁぁ - Wisteria::Diary

    CompleteX で文脈依存のヘルプを表示するために、各種ライブラリ (たとえば 田楽 DLL) のドキュメントを INI ファイル形式に変換したい。ただし、できるだけロバストな記述で*1。具体的には 素の Windows + IE 環境で (不特定多数の一般ユーザーのマシンで*2 ) 必ずしも well-formed でない HTML 文書を対象として XPath を使って内容をスクレイピングしたい という、一見ありがちな要求。なんだけど……これが全く一筋縄では行かないどころか五筋縄以上かいくぐる羽目になりましたことよ。 結論 現在のところ Windows + IE だけでは不可能。サードパーティの XPath 実装を使えば可能。 0 筋縄: 方針の確認 まず、対象が純粋な XML なら簡単にできることを確認。 var dom = WScript.CreateObject("MSXML

    WSH で HTML を XPath したいんじゃあああぁぁ - Wisteria::Diary
    wacky
    wacky 2009/09/03
    WSHからHTMLをXPathでスクレイピングする手法の試行錯誤まとめ。amachang氏のJavaScript-XPathを利用。
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    wacky
    wacky 2009/03/09
    IEにはtext/htmlで、それ以外のブラウザにはapplication/xhtml+xmlでXHTMLを送信するようApacheを構成する方法。
  • Web ページを高速化する

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    Web ページを高速化する
    wacky
    wacky 2009/03/02
    Webサイト高速化のポイントまとめ。画像や表は高さ・幅を指定、クラス名の大文字・小文字を統一(HTTP圧縮に最適化)、可能な限りJSを遅延ロード、Firebug/YSlowで分析、など。
  • Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース

    Comments» 1. 日のTwitter 2009-01-18 | memoMania - 2009-1-19 […] Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース http://blog.blueblack.net/item_340 # […] 2. ゲスト - 2009-1-19 (ただ、私の環境だとたまに、実行時にDOS窓が残ってブラウザを閉じるまでファイルが編集不能になる現象が発生します。なぜだろう。) firefoxの前にstartを入れるとどうでしょう? 3. nase - 2009-1-19 ありがとうございます!動作確認できました。よけいなDOS窓が開かなくなって、いい感じです。文も修正させてもらいました。 4. sasata299's blog - 2009-2-6 vim環境を晒してみる… いきなりですが、僕はvi派です。emacsは・

    wacky
    wacky 2009/01/19
    VimでHTMLやCSSを編集する際に便利な小技のまとめ。HTML記述の省力化、文脈に応じた補完、ブラウザでのプレビューなど。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    wacky
    wacky 2008/07/17
    クロスブラウザかつValidなXHTMLになるobjectタグの記述方法を検証。成功例と失敗例。
  • クロスブラウザのためのHTML/CSSのテクニック集 | コリス

    anthonyshortのエントリーから、クロスブラウザのためのHTMLCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ

    クロスブラウザのためのHTML/CSSのテクニック集 | コリス
    wacky
    wacky 2008/06/30
    Firefox2+、Safari3+、そしてIE6+でコンテンツを意図どおりに表示するためのHTML/CSSテクニック。簡単な意訳。
  • http://www.cssglobe.com/post/1272/pure-css-data-chart

    wacky
    wacky 2008/02/05
    定義リスト(dl/dt/dd要素)を縦棒グラフにするCSS。
  • Yahoo! Pipes の Page Fetch モジュールでスクレイピングし放題 - てっく煮ブログ

    pipesこのブログでも何度か Yahoo! Pipes の話題は取り上げてきましたが、先日実装された「Page Fetch」モジュールは素敵すぎます。ほんとに。今まで、Yahoo! Pipes といえば、XML・CSVYahoo が提供してるサービスのデータを加工することしかできませんでした。それが、「Page Fetch」モジュールの登場により、任意の Web ページを加工できるようになったのです。Yahoo! Pipes の使い道といえば、次の2つだと思います。1. RSSリーダーで読むための XML 作り複数の RSS を結合したり、見た目を整えたりして、自分専用の RSS を作る。 (例)サイトの最新被ブックマークを livedoor Reader で読むための Pipes2. Web サービスとの連携JSONP に対応してるので、JavaScript と組み合わせてサーバ

    wacky
    wacky 2007/12/12
    Yahoo! Pipesに追加された「Page Fetch」モジュールの紹介。任意のページのHTMLを解析/加工できる。これは素晴らしい。
  • What Beautiful HTML Code Looks Like | CSS-Tricks

    Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I originally wrote this over two years ago. It was getting a little long in the tooth, especially now that HTML5 has come along and made HTML far more beautiful than even XHTML 1.1 was. So I updated it! I can’t help but view source on every nice looking website I see. It’s like if you had x-ray gla

    What Beautiful HTML Code Looks Like | CSS-Tricks
    wacky
    wacky 2007/11/05
    美しいHTMLを書くためのポイント。HTML5ベース。印刷用のPNG / PSD画像、およびサンプルHTMLコードあり。(英語)
  • ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
    wacky
    wacky 2007/08/16
    フォームUIのTips。label/fieldset、エラーclassで強調表示、ボタンテキストの工夫、画面遷移をチャート表示、サーバサイドの自動変換など。
  • JavaScriptでDOMレンジを扱う:CodeZine

    japan.internet.com は、1999年9月にオープンした、日初のネットビジネス専門ニュースサイト。月間2億以上のページビューを誇る米国 Jupitermedia Corporation (Nasdaq: JUPM) のニュースサイト internet.com や EarthWeb.com からの最新記事を日語に翻訳して掲載するとともに、日独自のネットビジネス関連記事やレポートを配信。

    wacky
    wacky 2007/08/08
    DOMのRangeインタフェースを利用して要素の選択や操作を行う方法。IEは非対応。
  • ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ
    wacky
    wacky 2007/08/06
    submitボタンにbutton要素を使う優位性 → Safariでもスタイル適用できる、中に他のHTML要素を入れることができる。
  • Smarty レイアウトテンプレート

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    Smarty レイアウトテンプレート
    wacky
    wacky 2007/06/15
    テンプレートエンジンにおける「レイアウトテンプレート」の概念の紹介、Smartyでの使用方法。
  • Particletree » Rediscovering the Button Element

    We design and development any game with all your requirment and needs, with all our experiences and profesional team we can make all your imagination come true! Dont hesitate to contact us and discuss all your needs. GK8 Net will give the best design base on your imagination or even we can help you to find new idea to bring all your fantasy into a canvas that ready to develop as a new game. We alw

    wacky
    wacky 2007/05/20
    button要素とCSSによる装飾ボタンのサンプル。(英語)
  • DOMのinnerHTMLに流し込む - Thousand Years

    Tipsです。JSmartyで処理した結果をDOMのinnerHTMLに流し込む方法のご紹介。現在、JSmarty0.4系開発中。 JSmarty#fetchの利用 tpl = new JSmarty(); tpl.assign("foo","Hello World!!"); document.getElementById('hoge').innerHTML = tpl.fetch("string:{$foo}"); PHPやっていてdisplayばかり使っているのでfetch利用わすれちゃいますが…JSmary#fetchやSmarty#fetchともにテンプレート処理してその結果を返すという仕様です。JSmartyではdisplayよりfetchのほうを多様するかと思います。 JSmarty.System.print()のハック JSmarty.System.print = funct

    DOMのinnerHTMLに流し込む - Thousand Years
    wacky
    wacky 2007/05/04
    JavaScriptテンプレートエンジン「JSmarty」のdisplayメソッドをdocument.writeからinnerHTML書き換えに変更するTips。
  • ふつうに横三角 - ぼくはまちちゃん!(Hatena)

    CSSで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「CSSで横三角をやる方法」。2バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、 参考までに、ふつうの横三角のコードも書いておきますね! » (&raquo;) « (&laquo;) ▷ (&#x25B7;) ▶ (&#x25B6;) ◁ (&#x25C1;) ◀ (&#x25C0;) そうそう、この中でも &raquo; って結構使えるよ! よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね! でも &raquo; をつかえば、画像がなくてもこんな感じ! » Diary » Bookmark » Fotolife »

    ふつうに横三角 - ぼくはまちちゃん!(Hatena)
    wacky
    wacky 2007/04/22
    『横向き三角形』を表示する実体参照の紹介。へぇ、知らなかった。
  • OpenOffice.orgのWriter文書をウェブで出版 | OSDN Magazine

    OpenOffice.orgにはWriter文書をHTML/XHTMLにエクスポートする機能があるものの、きれいなHTMLファイルに変換するという観点からは満足な状態にあるとは言えず、最も単純な部類のWriter文書でさえも冗長でわかりにくいHTMLに変換されてしまう。また元のレイアウトを忠実に再現しようとしているものの、完璧とはほど遠い結果であることも多い。さらに言えば、今日ではブログやwikiがウェブの主役だというのに、HTMLページを静的に出版するというのはあまりにも90年代っぽい話ではないだろうか。それならば、Writer文書をきれいなHTMLページやwiki文法のテキストファイルへ変換したい場合には、どのような選択肢があるのだろうか?実は、かなり多くの選択肢があるのだ。 それではまず、一つのWriter文書をHTMLページへ変換する必要があるという最もシンプルな場合から始めてみよ

    OpenOffice.orgのWriter文書をウェブで出版 | OSDN Magazine
    wacky
    wacky 2007/03/19
    OOoのWrite文書をきれいなHTMLやWiki文法に変換するテクニック。