XML用語事典 [MathML]
Mathematical Markup Language MathMLは数式を記述するためのマークアップ言語である。W3Cの勧告となっている。 一般にWebのページを記述するためには、HTMLやXHTMLを使用するが、これを用いて学術論文などを記述しようとすると、数式が思い通りに描けない。どうしても表現するなら画像データとして扱うしかなかった。しかしながら、画像データはサイズが大きくなる傾向にあり、修正も面倒である。また、表示デバイスや印刷デバイスの性能に応じてレイアウトを適応させていくというHTML(XHTML)の特徴も活かせない。そこで、マークアップ言語として数式を記述する言語を作成したものである。 MathMLは、単体でも使用できるが、名前空間などを用いて、XHTML文書中に埋め込むこともできる。 以下がMathMLで記述された数式のサンプルである（Mathematical Mark
"遅いブログパーツを高速表示する方法"を検証する | ゆっくりと…
かん吉さんの記事 「遅いブログパーツを高速表示する方法」、すばらしいですネ。アフィリエイトをやっている人にとっては、とても興味を引く記事だと思います。ですが、紹介されているスクリプトは、中級以上の方が対象 とあるように、私のような初級者が知っておくべきことがあるはずです。 そこでまず私自身が中級者以上となるために、過去3回に渡り自分なりにブラウザの動作を勉強してきました。 ブラウザ動作の理解－レンダリングツリーの構築と描画のタイミング ブラウザ動作の理解－リフローとリペイント及びその最適化 ブラウザ動作の理解－レンダリングの負荷を測る そこから見えてきたのが、レンダリング・ツリー の役割りです。ブラウザの本質は、ドキュメントとその見た目 （ビュー） の管理です。前者は、文書自体やその構成の管理に責任を負い、後者は、描画について責任を負う。そして、両者のコラボレーションによりユーザーに情報を
Video.js | Open Source Video Player
Assemble your player Feel at home with your framework, skin, and media source import { createPlayer } from '@videojs/react'; import { VideoSkin, Video, videoFeatures } from '@videojs/react/video'; import '@videojs/react/video/skin.css'; const Player = createPlayer({ features: videoFeatures }); export function VideoPlayer() { return ( <Player.Provider> <VideoSkin poster="https://image.mux.com/BV3YZ
【速報】擬似科学がついにweb技術にも進出
「農作物にクラシック音楽を聴かせると発育が良くなる」というのは有名な擬似科学の一つだが、ついにSEO分野にも擬似科学が進出した事例に遭遇してしまったので皆さんと共有しておきたい。 実際にはうちの隣の部署に来た営業さんだったので自分は直接話していないんだけどもパーティション越しに衝撃的な会話が聞こえてきた。 SEO業者：HTMLに語りかけてください 君はもっと評価されるべき存在だと そうすればGoogle検索順位も上昇します 会社の人A：な、なんだって！？ 会社の人B：語りかけるって…どうやって？ SEO業者：最も有効なのはモニタに話しかけることです HTMLソースに『頑張れ！もっとやれる！』と書いても効果があります 会社の人A：え、えええぇぇーーー！！！？？？ 会社の人B：そんなことやっても意味ないですよ…できません SEO業者：そうですね、普通の人にはまだHTMLと会話することは難しいで
Chrome紹介ページに隠された、イケてるHTMLコーディングテクニックとGAの最新版コードみたいなの - Web Analytics Latte
CMでやってるChromeの紹介ムービーをなにげなく見てたら、ちょっとおかしいことに気づきました。最先端ブラウザであるChromeの、その紹介サイトとなれば当然HTML5対応してるはず、と思ってみて気づいた点です。 HTMLソースを眺めてみて、気づきました。これがナウいソースなのかと関心する点が多々ありますが、2点、すげぇ！と思ったところがあるので紹介します。 １．Google Analyticsのタグが最新版を超えてる GAの貼り付けタグが公式のものではないことがまず1点目の違和感です。通常はこんな感じでゴチャゴチャしてるんですが //before <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); _gaq.push(['_trackPag
ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」:phpspot開発日誌
ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 2010年11月12日- Official documentation for the jQuery 'onImagesLoad' plugin - by Cirkuit Networks, Inc. ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 ブラウザの標準機能ではonloadはありますが、画像を読み込んだタイミングで発生させるonImageLoadを発生させられるjQueryプラグインです。 単純に、ページ全体の画像というくくりだけでなく、特定の<div>内の画像を全部読み込んだ後で発生させることも出来るみたいです。 AJAXを活用したダイナミックなサイトで活用できそうですね。 具体的な動作サンプルはサイトでチェ
Shibuya.js beyond HTML5 に参加してきます - Pixel Pedals of Tomakomai
hiratara : とりあえず確保。上司から許可が取れたら行きます Shibuya.js beyond HTML5 上司の許可がとれたので行ってきます！ → 出席してます！ おさらい(JavaScriptの歴史) ... → JavaScript → JScript → ECMAScript → HTML 4.01 コンセプト: Rediscover the JavaScript 2006年が第1回。2008年の京都が最後で、2年ぶり (実は渋谷ではやっていない) 最近やってなかったのは → jQueryとか便利だし、日常化した 復活したのは → HTML5の登場、JITの高速化、IE6の終了 LTの虎の予選も兼ねているらしい Rich UI with JS / @amachang jQueryの作者にも認められているShibuya.js HTML5とは？ → 仕様にDOMとHTMLが両
HTMLをDBみたいに使えるスゴイライブラリ『htmlSql』を CakePHPで使う - h2ospace - builder by ZDNet Japan
APIやRSSなどを提供しているサイトは、情報を簡単に扱うことができますが、例えば Yahoo!の検索結果とか、mixiのニュースとか、あるサイトの一部を取り出したいことってよくあります。（とはいえ、著作権違反には注意 そんな時、PHPのライブラリである「htmlSql」を利用すると便利。このライブラリに、ファイルでもURLでも文字列でも、HTMLで作られたものなら何でも与えると、解析して取り出しやすくしてくれます。しかも、その取り出し方はSQL！ 例えば、「id属性が’test’の p要素の内容を取り出したい」という場合には、次のようなSQLを使います。 SELECT text FROM p WHERE $id=="test" 超パワフル。ということで、これを CakePHPで利用するためのテクニック。 まずは、ダウンロードしたファイルの中から次のファイルを「app/vendors」フォ
画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい - はてなニュース
こちらの“ドラえもん”のイラスト、どうやって描かれていると思いますか？PhotoshopやIllustratorなどの画像編集ソフトで描かれているようにも見えますが、実はこのイラスト、なんと画像を一切使わずに「XHTML」と「CSS3」のソースコードのみで描かれているとのことです。 ▽CSS3 ドラえもん インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。そのため“右クリックで保存”ができなかったり、ブラウザの種類やバージョンによって見え方が異なるのが特徴です。 こちらはFirefox3.6の場合です。FirefoxやGoogle ChromeはCSS3に対応しているので、グラデーションま
MicrosoftがIE9披露 新JavaScriptエンジン搭載でHTML5をサポート
米Microsoftは3月15日、次期版Webブラウザ「Internet Explorer（IE）9」を自社のMIXカンファレンスで披露した。開発者向けプレビュー版もリリースした。 プレビュー版はMicrosoftのサイトからダウンロードできる。開発者にIE9の進捗を知ってもらうため、β版リリースまで8週間ごとにアップデートする（ただしMicrosoftは、プレビュー版はレンダリングやスクリプトエンジンなどプラットフォームのコア部分に軽量フレームを載せたもので、あくまでもテスト用であって日常的に使っているブラウザの代わりになるものではないと注意を促している）。IE9のデモを体験できるIE9 Test Driveサイトも設けた。 IE9の大きな特徴の1つは、Microsoft社内で「Chakra」と呼ばれる新しいJavaScriptエンジンだ。マルチコアを活用する設計になっており、JavaS
HTMLを小さくするツール「HTML Minification」 | エンタープライズ | マイコミジャーナル
Perfection kills - Exploring Javascript by example WebサイトやWebページの表示パフォーマンスを向上させるためにJavaScriptやCSSのミニファイを実行するというのはよくやる作業だ。JavaScriptやCSSをミニファイするためのツールもいくつも発表されており、ビルドシステムに組み込んで使っているケースも多いだろう。しかしHTMLに関してこうしたミニファイツールはあまり提供されていない。 Juriy Zaytsev氏がPerfection kills ≫ Experimenting with html minifierにおいてHTMLをミニファイするためのオンラインツールHTML minifierを紹介している。jQueryの開発者であるJohn Resig氏が開発したJavaScript HTMLパーサを使って開発されたツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サルでもわかるHTML5超入門
パナソニックのイヤホンのパッケージが素敵 - IDEA*IDEA ～ 百式管理人のライフハックブログ
[CSS]HTMLとCSSだけで実装する、ごく普通のアイコン
Real-time HTML Editor