Accessible SVG tables - Tink - Léonie Watson
SVG has no native semantics for representing structures like tables, but ARIA1.1 introduces a number of roles that can be used to polyfill the necessary semantic information. If you're using HTML, use the relevant HTML elements to create tables. The table, thead, tfooter, tbody, th, and td elements are purpose built to do the job. Don't make things harder for yourself by reinventing the wheel. Tha
svgの要素とhtmlの要素とを混在させるとどうなるか
表題の問題，実はとっても厄介で，ルールに外れた記述を行うと途端に予想外の動作をしてしまうよ，という啓発記事を書きます． ※例によって個人調べですので間違いがあるかも知れません． ※2014/04/14ああなんだパージングって...orz... パーシングでしょうに 元来htmlとは別の仕様だったsvg 現在でこそhtml5の一仕様となったsvgですが，本来は（将来的に統合されることを期待しつつも）htmlとは全く別の規格でした．ですから無理矢理その内容を一本化することで様々な面で歪みが発生することとなってしまいました．従って，われわれweb技術の利用者側もその歪みについて理解しておかないと思わぬ落とし穴に嵌ることになります． htmlのパーシング 前置きはさておき，突然ですがhtml文書がwebブラウザによって読み込まれた後，それはどのようにしてメモリ上に展開されるのでしょうか？ブラウザ毎
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
DingbatのWebフォント
将来的にブラウザでJavaScriptのリサイズや移動の許可・不許可設定みたいにWebフォントを使う・使わないを設定できるようになると思うんですよ(CSSアニメーションやトランスフォームとかも)。そうなるとDingbatのWebフォントを使った場合、その部分は普通のフォントで表示される可能性が高く、無意味な文字列が表示されるんではないかなと。既に現状でもドキュメントで指定されたフォントを使用しないという設定を有効にしているとそうなります。 例えばDingbatのWebフォントの利用デモであるCSS-TricksのIcon Fonts are Awesomeで使われているFicoではBに吹き出しの絵が割り当てられています。この吹き出しは以下のようなコメント数の表示などに対して使うことになるでしょう。 <a href="#comments" class="icon comment-info">
第1回 SVGの基礎知識 | gihyo.jp
SVGは比較的古くからある仕様の1つですが、2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、将来の展望を全4回の集中連載で解説します。 SVGとは SVG（Scalable Vector Graphics）は、XMLベースのベクターグラフィック言語もしくは画像フォーマットです。W3Cによってその仕様が定義されており、画像フォーマットとして用いる場合は拡張子.svgが使用され、MIME形式はimage/svg+xmlが用いられます。 SVGの現状 Firefox、Safari、Google Chrome、Operaなどのブラウザが既にサポートしており、Internet Explorerもそのバージョン9、具体的にはInternet Explorer 9: Platform
従来型Webサイトの右肩にアナログロゴを表示するUser JavaScript「Analog Web」 (kuruman.org > Kuruman Memo)
標準準拠モードでレンダリングさせないようなWebページの右肩に輝かしいアナログの文字を表示するだけのUser JavaScriptを書いた。ちなみに使っているフォントは丸ゴシック体Ca-U。 // ==UserScript== // @name Analog Web // @description Show "Analog" letters on right-top of the web page that is rendered by Quirks mode. // @version 0.3 // @namespace http://kuruman.org/ // @include http://* // ==/UserScript== var ANALOG_COLOR = '#c0c0c0'; var OPACITY = '.2'; document.addEventListener(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PaintCode - Turn your drawings into Objective-C or Swift drawing code
“Gecko”ベースのHTML5/CSS3対応HTMLエディター「BlueGriffon」v1.0が公開