Designing for Dyslexics: Part 1 of 3
Maven has a long history of being selected as a top service provider. In 2017, Maven hit Ukraine’s Web Dev Podium. In 2019 Goodfrim and Designrush named Maven among the Top Developers of the year. This year is not an exception. TopDevelopers revealed its updated shortlist with Maven Ecommerce among the year’s most reliable and… We are thrilled to announce that Maven is growing up, and we are start
Life is beautiful: canvas 対 SVG
先日のエントリーで少し触れたが、アップルがSafariに導入してから、Webkitは当然ながら、Firefox、Operaにも標準採用されて一気に業界標準になりつつあるcanvas。iPhone上のSafariでも使えるし、Googleが先日発表したandroid上のブラウザーでも使えるとなれば、私としては色々とやってみたくなるのは当然。 問題は、同じく「ブラウザーにベクター・グラフィックスを追加する」という役目を果たすはずだったSVGの存在がこれで怪しくなってきたこと。そもそもが、FlashキラーとしてAdobeが全面的に押していたSVGの戦略的な価値が、AdobeによるMacromediaの買収でなくなってしまったところに合わせた様に来たcanvasの対等。一気に形成が逆転だ。 SVG派の人たちに言わせると、「SVGは既に業界標準だし、記述型でないcanvasはJavascriptとの
HTML崩壊 meltdown.js - KAZUMiX memo
#ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ
Javascript code prettifier
Setup Download a distribution Include the script and stylesheets in your document (you will need to make sure the css and js file are on your server, and adjust the paths in the script and link tag) <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script> Add onload="prettyPrint()" to your document's body tag. Modify the stylesheet to
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
alt属性はいかに決定されるべきか | Takazudo Clipping*
画像を閲覧できないユーザーでも内容を把握できるようにalt属性をつけましょうとは言うが、実際にはどのようにつけたらよいのかが実はかなりわからない。さらに納品前になんじゃこのalt！と突っ込まれる・・・。色々話し合ったりググったりした末にでた自分結論はこんなの。 前提 画像OFFのユーザー・音声ブラウザのユーザーが、画像の代わりにそのaltテキストが表示されても、ページ内容が分かる。但し、100%の情報を伝える必要があるわけでもない。そこに何の画像があるのかが伝わり、ページ内容を把握できる。 画像の中に文字がある場合
Google マップの貼り付け用 HTML を valid にする
Google マップをブログ等に貼り付ける「埋め込み HTML」の提供が開始されましたが、その HTML を valid にするスクリプトを公開します。 １．埋め込み HTML の利用方法 埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします（スクリーンショット右上）。 リンクをクリックすると、HTMLコードがすぐ下に表示されます（下）ので、 「HTML を貼り付けてサイトに地図を埋め込みます」の下に表示されている、 <iframe width="425" height="350" ～ のコードをマウスコピーして、それをブログの投稿画面に貼り付ければOKです。 ２．問題点 埋め込み HTML で使われている iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHT
名前のウェブとXHTML文書のプロファイル
情報は伝わるか？ そもそも情報は伝わらない… 生命情報：生物が世界と関係することで出現する、意味のある（識別できる）パターン 観察者（主体）が世界をどのように捉えるか（関係）を表すパターン。人によってその関係＝パターンは異なるので、完全には伝えられない。 社会情報：生命情報を人間が（ことばとして）記述する 共同体（国家、コミュニティ…）での共通了解＝意味のとりあえずの固定（規範化作用） 機械情報：言葉の記号作用の「記号表現」だけを取り出したもの コンピュータ、ネットワーク上のデータとして蓄積、交換される （西垣通 『ウェブ社会をどう生きるか』） そこを何とかうまく伝えるためには 明晰な論理と文章 分かりやすい情報のかたち 互いに理解できる名前 情報の伝達と名前 機械情報を介した情報のコード化と再構築 情報が伝わるためには、まず社会情報が適切に再現される必要がある 同じ社会情報でも人によって
HTML 5により見直されるXHTML | Web標準Blog | ミツエーリンクス
「HTML 5はXML構文も用意するので、XHTML 1.0に対しても改正が行われる」と先日の記事に書きましたが、そもそもなぜ、HTMLとXHTMLというふたつの構文が必要なのでしょうか。これには、それぞれの文書が採用するMIMEタイプ、およびXHTMLが持つ「XMLであることの意味」が関わっています。 現在XHTMLには専用のMIMEタイプであるapplication/xhtml+xmlが定義されていますが、Internet Explorerがこれを解釈できないため普及していません。また、XHTML 1.0であればHTML用のMIMEタイプであるtext/htmlを使用することも許可されているため、現在Web上にあるほとんどのHTML文書およびXHTML文書はtext/htmlで送信されています。 しかし、XHTML文書でtext/htmlを用いる際は注意が必要です。なぜならブラウザは文
hr要素は改名して、インライン要素とするのが活路かも - 我的春秋
なんだか br要素の話が賑やかなようなので便乗。(^ ^;) ここで改行ったら改行（カナかな団首領の自転車置き場） br 要素（カナかな団首領の自転車置き場） 私はbr要素が好きじゃない（der Gegenwart） br要素は好きじゃない（sky line blog） br 要素問題は CSS2.1 で解決か!? どちらかというと現行規格ではなく、次世代規格の話になるので、少なくとも批判とかじゃありません。平たくいえば「br, hr 要素を論理セパレータとして見なすとこんな感じかな？」「その特性を活かすなら、仕様をこう変えた方がいい気がする」的な話です。 ちょっと小難しそうな感じがする方は、前置きはスルーして、ユースケースとサンプルコードだけ眺めてもらって、まったく支障ありません。っていうか、次世代規格の話だし、需要自体もそんなにたくさんあるようなネタでもないし、いっそ、全部まるごとスル
【レポート】次世代HTML規格はHTML5? - WHAT WGからW3Cへ熱烈ラブコール | エンタープライズ | マイコミジャーナル
Apple、Mozilla Foundation、Opera Softwareの関係者は9日(米国時間)、W3C HTML Working Groupに対して「Proposal to Adopt HTML5」と題したメールを送信した。これは次期HTML標準の策定開始を打診するもので、その足掛りとしてHTML5を使ってはどうかと提案している。内容は、W3Cが公開しているメーリングリストのアーカイブで確認できる。 HTML5は、ブラウザベンダーらによって構成される団体「Web Hypertext Application Technology Working Group(WHAT WG)」において策定が進められている規格。同グループで策定している「Web Applications 1.0」や「Web Forms 2.0」といった規格をベースにしたもので、HTML4との互換性を保ちつつ、新しい機能
drry+@-> Windows Live Spaces が HTML でさえないカオスを XHTML として配信している
無駄に長いです。飛ばしエントリなので、真面目に読まないでください。 Windows Live Spaces というマイクロソフトのサービスがあります。Windows Live の一角を担い、国際化もされているそれなりに大きな規模のサービスだと思います。 さて、そのマークアップを見てみますと、これが「ボケてるんだ、ツッコんでくれよ。」と言わんばかりの、これ見よがしに異常なカオスっぷりで、HTML ではない何かを大量生産しております。何も言いますまい。釣られません。「なかなかのケイオスだ。だが断る。貴様が text/html である限り。」 どんだけカオスか気になるという人、「続きはウェブで。」 それは 4 月 22 日の深夜でした。Firefox で Windows Live Spaces のブログを開くと、XML パースエラーを起こしてしまい、正常に表示できません。もちろん以前は問題ありま
CSSとHTMLを相互に書き換えることができる「CSS HTML Converter」:phpspot開発日誌
CSS HTML Converter / Stuff / Andy Langton's Website CSSとHTMLを相互に書き換えることができる「CSS HTML Converter」。 CSS HTML Converter を使って、CSSでのスタイル指定をHTMLに変換したり、逆にHTMLの<font>指定の記述をCSSによる記述に変換することが出来ます。 次がその変換例) HTMLのFONTタグをCSSに変換できてます。 CSSを知っている人には無縁のツールかもしれませんが、HTMLを知っていてCSSはこれからという人にはもってこいのツールなんではないでしょうか。 これからCSSを学ぼうという人には良いツールかもしれませんね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The W3C Markup Validation Service
HTML
http://japan.internet.com/webtech/20070417/11.html
cybergarden.net
jpn.ph
lllcolor.com
HTML → PDF
