タグ

HTMLに関するfhisaのブックマーク (6)

  • John Resig - Pure JavaScript HTML Parser

    Recently I was having a little bit of fun and decided to go about writing a pure JavaScript HTML parser. Some might remember my one project, env.js, which ported the native browser JavaScript features to the server-side (powered by Rhino). One thing that was lacking from that project was an HTML parser (it parsed strict XML only). I’ve been toying with the ability to port env.js to other platforms

  • can I use... Support tables for HTML5, CSS3, etc

    Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and

    fhisa
    fhisa 2015/06/03
    個々の項目についてブラウザごとの違いをわかりやすく表示
  • 横並び < レイアウト | HTML+CSSまとめページ

    画像を単に横に並べるだけであれば、p要素の中に改行なしでimg要素を複数並べるなどHTMLの範疇なので比較的容易であるが、画像とその見出しやキャプションととしてテキストをセットで横並びにするためには、CSSでレイアウトを行う必要がある。 例えば以下のように、画像と文章をグループで横並びにしたい場合である。 figure要素を利用する 良い方法は、figure要素というキャプションの図などを示すための要素を利用することである。 figure要素は横並びの場合だけではなく、画像などにキャプションを付ける際に利用される。 HTMLでは、画像と文章をfigureで囲み、class名を指定する(以下の 。class名は任意)。キャプションの文章は(p要素ではなく)figcaption要素とする(以下の )。 <body> <h1>家の近くに咲いていた花</h1> <h2>庭</h2> <figure

    fhisa
    fhisa 2014/11/30
    今どきのHTMLに再入門するのにちょうどよいかも
  • Ono '斧' を触ってみた - Qiita

    先日、AFNetworking や NSHipster で有名な Mattt が Ruby の Nokogiri 風の XML & HTML パーサー Ono 斧 を公開しています。 早速少しだけ触ってみた CSS Selector でのパースをサポート XPath での指定なら今もいくつかライブラリがありますが CSS Selector をサポートしたものは私は知りませんでした。個人的には Nokogiri を連想させる最大のポイントです。 Subscripting 対応 エレメントのアトリビュートへのアクセスは Subscripting 対応になっています。 という書き方で href アトリビュートの値が取得出来ます。 NSDate のサポート XML が対象になるかと思いますが dateValue メソッドで NSDate 型を返してくれます。 "yyyy-MM-dd'T'HHssZ

    Ono '斧' を触ってみた - Qiita
    fhisa
    fhisa 2014/10/17
    Rubyのnokogiri風のHTMLパーサ
  • iOS7でHTMLを取得してパースする - Just for Fun

    作業環境 Mac OS X 10.9.1 Xcode 5.0.2 準備 1. Objective-C-HMTL-Parserの導入 HTMLをパースするために「Objective-C-HMTL-Parser」というライブラリを使います。ソースコードはGitHubで公開されていますので、上記のリンクから適当にローカルにクローンしてください。クローンしたもののうち、README.md以外をXcodeの自分のプロジェクトにコピーしてください。コピーする際に、「Copy items to destination's group folder」にチェックを必ず付けてください。 2. 依存ライブラリの追加 Objective-C-HMTL-Parserはlibxml2.dylibのラッパーですので、libxml2.dylibを追加しないと動きません。 General -> Linked Framewo

    iOS7でHTMLを取得してパースする - Just for Fun
  • はてなブログのidとかclassとか - kyabana's blog

    はてなブログで「デザインテーマコンテスト」が開催されています! オリジナルデザインを投稿してAmazonギフト券を当てよう! 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body(トップページで.page-index、記事ページで.page-entryが追加)div#globalheader-containeriframe#globalheader(ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど])div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner(タイトル画像)h1#title(ブログ名)h2#blog-description(

    はてなブログのidとかclassとか - kyabana's blog
    fhisa
    fhisa 2014/05/05
    HTMLの階層構造を色分けされた画像で見られる
  • 1