GitHub - namusyaka/gammo: A pure Ruby HTML5-compliant parser with CSS selector and XPath 1.0 traversalYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
みゅーもり on Twitter: "ホワイトボードにHTMLを書く麻生グループ https://t.co/S7xa2SJ55w"
ホワイトボードにHTMLを書く麻生グループ https://t.co/S7xa2SJ55w
WHATWG Living StandardとHTMLパーサ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はドワンゴ Advent Calendar 2020 最終日の記事です。年の瀬ですね。 はじめに 本記事は、WHATWG Living Standardに準拠することを目的としたHTMLパーサである「gammo」の紹介を目的としている。gammoが実現していることを詳細に伝えるため、単なるgemの紹介に留まらず、HTMLの歴史や昨今のHTMLを取り巻く状況を簡単に解説し、WHATWG Living StandardにおけるHTML文書の解析アルゴリズムについて、実例と共に紹介する。 本記事で紹介するgammoの開発に取り掛かった
なんとなくで書かないで！HTML5を書く時に気にしてみたいタグごとのお約束 - Qiita
はじめに この記事は クラウドワークスアドベントカレンダー2019 16日目の記事です。 こんにちは！本日25回目の誕生日を迎えたアクセシビリティ向上隊長 みーたです。 昨日は同じチームの@yamanokuさんによる「みんなに知ってもらいたいデザインシステムのこと」でした。 文中で紹介されていた「悲劇的なデザイン」は私もオススメします:) 私は今回、普段みなさんがHTMLを書く時に、よく使うタグごとでちょっと気をつけてみてもらいたい！と思う点をまとめてみました。 初学者ではありますが、正しくHTMLを理解してもらいたいって気持ちがあるので、マサカリは怖くない程度に投げていただいて、みんなで知識を共有していきたいです。 👻 真冬の怪談 突然ですがちょっと怖い話を... 先日、とある画面を改修しようと思って、今どんな感じにスタイル当たってるんだろうと本番環境を見てみたんですよ。 カードタイプ
普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
EmacsWiki: Zen Coding
Zen Coding refers to a neat way to write markup quickly. The following blogs provide summary and examples: http://www.456bereastreet.com/archive/200909/write_html_and_css_quicker_with_with_zen_coding/http://mondaybynoon.com/2009/08/17/the-art-of-zen-coding-bringing-snippets-to-a-new-level/ (skip the cruft about snippets)EmmetZen Coding has been renamed to Emmet and includes an expanded feature set
ブラウザで動くZenCodingEditorを作りました！ | kzms2 – html,css,javascript
動画デモ Zen-Codingをブラウザ上で触って、リアルタイムプレビューが出来るものを作成してみました。 エディター持って無くてもブラウザだけあればOkですよ！ kzms2 zen-coding editor 対応ブラウザなど 見た限りですとIE、Firefox3.5、Chrome4、Opera10、Safari4などで動くようです。 ※ただし、Webkit系はHeader内に書いた要素がうまくリアルタイムにプレビューされない模様です。styleタグをbody内に書けば表示されます… 使い方や詳細は続きから Zen-codingの概要 Zen-codingはショートカットキーを用いることでコーディングする時間を早めることが出来るソフトのようなものです。 TextMate-and-ZenCoding from komori, masaaki on Vimeo. 以下のリンクが詳しいで
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
Swaminarayan Vadtal Gadi - SVG
Shree Swaminarayan Sampraday Shree Swaminarayan Vadtal Gadi (SVG) is the organization of original Shree Swaminarayan Sampraday (the Sect) Southern diocese of Shree Laxminarayan Dev Gadi- Vadtal, founded by Bhagwan Shree Swaminarayan Himself.
Web標準仕様 日本語訳一覧
CSS メディアクエリー 画面サイズなど、媒体の持つ特徴を利用し、スタイルシートを適用するための仕組みを提供します。 原文: “Media Queries” (W3C Recommendation 19 June 2012) セレクタ Level 3 :nth-child()や:not()など、新しいセレクタを定義するモジュールです。 原文: “Selectors Level 3” (W3C Recommendation 29 September 2011) CSS 名前空間モジュール CSSで名前空間を扱う@namespace規則を定義しています。 原文: “CSS Namespaces Module” (W3C Recommendation 29 September 2011) CSS カラーモジュール Level 3 opacityやrgba()など、色に関する値やプロパティを定義す
[JS]既存のテーブルにソート、ハイライト、分割機能などを追加できるスクリプト
既存のテーブルにソート、ハイライト表示、データ分割、ページネーション機能を追加できる、高性能な超軽量（2.5KB）スクリプトをLeigeberから紹介します。 TinyTable JavaScript Table Sorter demo このスクリプトは、以前紹介した「設置も簡単なテーブルのデータをソートする超軽量のスクリプト」のバージョンアップ版で、主な機能は下記の通りです。 既存のテーブルに簡単に設置が可能。 2.5KBの超軽量スクリプト（他のスクリプトへの依存無し）。 列を交互に自動ハイライト。 選択した行のハイライト。 データの表示件数をコントロール。 分割したデータのページネーションを設置。
blockquote要素（またはq要素）が形成するリンクについて (agenda)
私は上記の記事を「a要素などで利用者に目に見える形で表示されるものを、わざわざ(ソースなどで)隠すあるいは二重にリンクする必要はない」と解釈したのですが、私の場合これってblockquote要素のcite属性にも当てはまるんですよね。 これは逆の形っていうか、「cite属性で引用元をきちんと示しているのに、a要素などでわざわざ目に見える形にする必要はない」って思うんですよ。私は引用元の前後の文書も読みたいと思うので、ソースを覗いてでもcite属性を探しますけど、多分少数だと思います。今はJavaScriptを用いて cite属性などを目に見える形に表示していますけど、それらはブラウザがやってくれてもいいんじゃなかろうか、とか思うのは望みすぎなのかな？ link要素云々 （simpleism.net）より引用 それは私もHTMLで引用する時には毎度頭をよぎる。しかしリンクの種類を伝えられるの
HTML Canvasの3D対応への道を探る
はじめに Webの世界はベクタグラフィックスで溢れており、FlashやSVGなど、さまざまなグラフィックスのフォーマットが登場しています。その中でも比較的最近登場したHTML Canvasは、他のベクタグラフィックスシステムと異なる独特の立ち位置にあります。 SVGはどんなプログラムからもレンダリングできる宣言型グラフィックスのファイルフォーマットであり、Flashはある完結したマルチメディアシステム（ブラウザ用のプラグインライブラリと、スクリプト言語の ActionScript、そしてコンテンツ作成ツール群で構成されるシステム）を中心に築かれています。これに対し、HTML CanvasはHTMLそのものです。事実、HTML Canvasは来るべきHTML 5仕様に含まれています。それゆえ、HTML CanvasはDOMツリーに統合されます。つまり、JavaScriptからアクセスできると
ここギコ！: Xpathでページの好きなところにリンクするGreasemonkeyスクリプト
Posted by nene2001 at 01:38 / Tag(Edit): javascript xpath greasemonkey / 0 Comments: Post / View / 1 TrackBack / Google Maps なんか情報まとめ記事とか作るときに、他の人のページの特定の場所に「ここ見て！」とリンクを張りたい時とかありますけど、相手がそこにアンカー置いていてくれなかったらリンクが貼れません。 （多分、今でも、貼れないままだと思います...しばらくPCのWebから遠ざかってたので、もうとっくに貼れるようになってたらスンマセン、激しくスルーしてください...） でも貼りたいなと思ってたんですが、そういう際に、相手先の任意の場所をXPathの形式で示したリンクが作れるGreasemonkeyスクリプト作ってみました。 xpath_fragme
暴満館 » js-markdown-extra
js-markdown-extra ver 1.0 based on PHP Markdown Extra 1.01 これは何？ js-markdown-extraはPHP Markdown ExtraをJavaScript上で再現しようとしたものです。 正規表現に互換性が無い為に完全に再現できませんでしたが、 単純なmarkdown文法ならば、問題無く変換してくれます。 たぶん。 デモ 実際に試すことができます。 デモページ ダウンロード ダウンロード js-markdown-extra.js 使い方 htmlのhead内でスクリプトを読み込ませた後、任意の箇所でMarkdown関数を呼び出してください。 //例 : var html = Markdown( text ); 使用上の注意 PHP Markdown Extraを互換性の無い正規表現で不完全に再現しようとしているので、 入
HTML 5では「article」タグでページの「本文」が取れる - モジログ
次世代HTMLの「HTML 5」について、そのウワサは以前から耳にしながらも、中身については知らなかった。 仕様や解説記事（末尾にまとめた）をいくつか流し読みしてみて、驚いた。これこそ、私の求めていたものだ。 私は以前より、Webページの「本文」がどこからどこまでなのか、ソフトウェアで判定できる標準的な方法があればいいとずっと思っていた（「フィードをアイテム単位に区切れば、セマンティック・ウェブが一気に現実化する」）。HTML 5では、いくつか導入される新しい要素（タグ）の中に「article」というものがあり、これがまさに「記事」の範囲を示すものなのだ。 これさえあれば、プログラム的にWebページを取得して、その「article」タグの部分だけ抽出すれば「本文」になる。あらゆるWebページにこの「article」タグが入ってくれば、もうフィードに頼る必要もなく、どんなページの「本文」でも
HTMLリアルタイム編集ブックマークレットを改造 - takememo
no titleに手を加えてみた。 javascript:void(function(){var b=document.body;var w=window.open('','','width=600,height=400');var x=w.document;x.write('<textarea style="width:580px;height:380px;" id="t">'+b.innerHTML.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"')+'</textarea>');x.close();var t=w.document.getElementById('t');var ti;t.onchange=t.onkeyup=function(){if(ti)cl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【見やすさと使いやすさ】WAI-ARIAによるアクセシブルRIA | Think IT（シンクイット）
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
HTML と漢字 - songm