HTML::Lint::PluggableにPRした時に参考にした資料 - $shibayu36->blog;
HTML::Lint::Pluggableという、HTMLが正しい形式かをチェックしてくれるモジュールがある。しかし、自分が使いたいHTML5のタグの中で許可していないものがいくつかあったのでPRして追加してもらった。今回はbdi, dialog, menuitem, template, track, rb, rtc辺りを許可してもらった。 github.com PRするにあたって、いくつか参考にした資料があったのでメモしておく。 許可するタグをPRしようと考えた時に、まず実際に自分が追加したいタグがHTML5として定義されているタグなのかを調べないといけないと考えた。そこで以下の資料を参考にした。 https://html.spec.whatwg.org/multipage/indices.html https://www.w3.org/TR/html5/index.html#index
「コード汚くてもデザインが見えればいいじゃん」への返答
なぜコードが綺麗じゃないといけないの？という質問をごく一部の方、特にデザイナーさんから受けることがあるので（半分くらいの人はネタで言ってますが）、自分なりの意見をまとめたいと思う。勉強不足で浅い感あるので、偉い人にご指摘いただけると嬉しいです。 「コード汚くてもデザインが見えればいいじゃん」の定義について 「コード汚くてもデザインが見えればいいじゃん」はかなりふわっとした印象を持つので、ここでは「コードが汚い」の定義として、以下の2つを挙げる。 メンテナンス性に欠ける （W3Cの）仕様に沿っていない なので「コード汚くてもデザインが見えればいいじゃん」というのを「メンテナンス性に欠け、仕様に沿っていなくても、デザインが見えていればいいじゃん」という意味に置き換えて話を進める。 確かに表面的な視点で見ると、エンドユーザーには関係がなさそうに見えるかもしれない。 例えばメンテナンス性の高いコー
HTML-XML-utils - W3C
In this directory: html-xml-utils-*.tar.gz A number of simple utilities for manipulating HTML and XML files. See INSTALL for generic installation instructions. Get the source at: http://www.w3.org/Tools/HTML-XML-utils/ htmlutils-*.tar.gz Old versions (before version 0.1) Note 1: Your package manager may have a precompiled copy already. There are versions in Debian, Ubuntu, Macports and others. In
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HTMLはファイルサイズの無駄遣いだと思う。
ブログ「サイバー少年」へようこそ！ 小学六年生ごろからプログラミングを趣味にしている高校生のブログです。 勉強したことについての記事などを書いています。フリーソフトも制作、公開しています。 (当ブログについて詳しくは「ブログ概要紹介」を参照) サイバー少年が作ったフリーソフトは「サイバー少年の作品展示場」へ インターネットの世の中になった。 このブログも.html、あれを見てもどれを見ても.htmlである。 Webページで使われるファイルフォーマットは殆どが.htmlとなっている。 今日取り上げるのはこのHTML。 私はとてもHTMLがファイルサイズの無駄使いだと思う。 なぜならHTMLがプログラミング言語だからである。 つまり、ビット(バイト)レベルでの形式にすれば小さく出来る物を わざわざソースコード(テキスト)形式にして無駄にファイルサイズを大きくしているからである。 クレームをつけ
すごい！CSSだけでHTMLの検証を行う·Holmes MOONGIFT
Holmesはスタイルシートを使ってHTMLの検証を行うソフトウェアです。 HTMLの検証を行ってくれるソフトウェア、サービスは多数あります。ソースやURLを指定してエラーの行数や場所を返してくれるタイプのものです。しかしそれでは分かりづらい、そう感じていた方はHolmesを使ってみましょう。エラーをその場で赤や黄色の枠で表示してくれます。 テスト画面です。赤または黄色でエラーが表示されます。 マウスオーバーでエラーが表示されます。例えば右側にある黄色の枠はリンクに対してtitle要素がないというエラーです。 黄色は注意、赤は警告メッセージです。 Holmesはエラー部分がカラーリングで表示されるので非常に分かりやすいのが特徴です。さらにマウスオーバーすれば詳細なエラー内容も確認できます。面白いのはこの機能をCSSだけで実現していることでしょう。HolmesでよりValidなHTMLを書け
Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
HTML5のapplication cacheがつかえない件 - （ひ）メモ
ちょっと思い違いをしていたのでメモっておきます。 HTML5にはオフラインでも参照できるapplication cacheという機構があります。 HTML5 Rocks - A Beginner's Guide to Using the Application Cache 6.6 Offline Web applications ― HTML Standard 「ローカルキャッシュなんで速いし！サーバーの負荷も減るし！！」と思ってちょっと試してみたんですが、これ、動的なページが基本のWebサービスには役に立ちません。 application cacheは、HTMLに <!DOCTYPE html> <html manifest="/cache.manifest"> <head> ...という風にキャッシュの指示ファイル cache.manifest を指定して、そこでキャッシュするとかしな
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
