タグ

htmlに関するmacneko-ayuのブックマーク (3)

  • 普通のHTMLの書き方

    保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り

  • 実践PWA:光る電卓「Llumino PWA」の開発と技術解説 - ここぽんのーと

    前回は、PWAの基礎知識について説明しました。今回は実際に制作してみたPWAに触れてもらいつつ、その内側・技術的側面について解説していきたいと思います。 今回の題材:光る電卓「Llumino(ルミノ)」2013年にiOSネイティブ版をお披露目したLluminoは、「計算をもっと楽しく」がコンセプトの電卓アプリ。当時は世界中で話題になりました。(もう5年前…!) 当時の制作過程については連載としてまとめていますので、興味がありましたらどうぞ。(👉 連載:Lluminoができるまで) 今回のチャレンジは、そんなLluminoを最新のWeb技術で再現・PWA化してみようというものです。 まずは実物を触ってみてください制作したWebアプリは https://pwa.llumino.app/ に配置しました。まずは実物を触って体感してみてください! (昨日解禁になったばかりの「.app」ドメインだ

    実践PWA:光る電卓「Llumino PWA」の開発と技術解説 - ここぽんのーと
    macneko-ayu
    macneko-ayu 2018/05/11
    PWA、会社で話題にのぼったところなので、あとで読む
  • Swift製HTMLパーサ「Kanna」 - Qiita

    @shu223 さんのpost ”手軽に使えるSwiftHTMLパーサ「Ji」” に名前が出ていたので Kannaも紹介記事を書いてみます。 Github: Kanna(鉋) 追記:2015/9/2 1. バージョンアップしました(0.1.3 => 0.1.4) 手元のバージョンで説明を書いてしまっていたため一部コードが動かない状態でした・・・。 2. マニュアルセットアップに方法2を追記しました。 手動でframeworkをビルドする方法です。 マニュアルセットアップするならコチラの方が楽です。 Kannaとは? Swift製のHTML/XMLパーサです。 他パーサとの違いは CSSセレクタでも要素抽出 ができるぐらいです。 元々はSwift-HTML-Parserという名前でした。 "SwiftでObjCコードを書き換えてみる(Objective-C-HTML-Parser)" 最近

    Swift製HTMLパーサ「Kanna」 - Qiita
  • 1