タグ

HTML5に関するl-_-llのブックマーク (11)

  • どうしてHTML5が廃止されたのか | フューチャー技術ブログ


    5 HTML520211 Web HTML5HTML5 HTML5WebHTMLWeb使 10HTML5 WebHTML52021128 HTML5 / HTML5HTML5
    どうしてHTML5が廃止されたのか | フューチャー技術ブログ
  • フロントエンドのパフォーマンスチューニングを俯瞰する - 30歳からのプログラミング

    去年からフロントエンドのパフォーマンスについて断続的に学んでいるが、自分の頭のなかにある知識はどれも断片的で、まとまりを欠いているような感覚があった。 知識と知識がつながっておらず、各施策が何のために行われるのかも、必ずしも自明ではなかった。何となく「パフォーマンスに効果がある」と言ってしまうが、それが何を指しているのかは実は曖昧だった。 このような状態では新しい知識を得ていくのが難しいというか、効率的に行えないように思えた。議論の背景が分からないし、文脈や問題意識を上手く掴めないから。何の話をしているのかよく分からない、という状態になりがち。書かれてあることの意味は分かっても論旨を掴めているわけではないから、自分のなかに定着しない。 そこで、現時点で自分が知っていることを整理して、自分なりに分類しておくことにした。 当たり前だが、どのテクニックがどの程度有効なのかは、状況によって違う。

    フロントエンドのパフォーマンスチューニングを俯瞰する - 30歳からのプログラミング
  • 表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説


    JavaScriptimgiframeloading="lazy" <!--  --> <img src="pic.png" alt="" loading="lazy"> <!-- iframe --> <iframe src="external.html" loading="lazy"></iframe> srcsetpicturefallback <img src="normal.png" srcse
    表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
  • 大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog


     markdown  https://markdown-buffer.netlify.com/  GitHub Qiita  (textarea)  https://nedi.app      br
    大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog
  • HTML5 入れ子チートシート | 吉川ウェブ

    HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素&文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he

    HTML5 入れ子チートシート | 吉川ウェブ
  • 中国HTML5ゲームはなぜ巨大市場になったのか -微信小游戏前夜と微信小游戏後-|Gaoqiao(ガオチャオ)


    Gaoqiao  HTML5 2015Yahoo!HTML5HTML5 HTML5Web  - Yahoo! http://yahoo-jp.portal.connectedgamestore.com/game?ga
    中国HTML5ゲームはなぜ巨大市場になったのか -微信小游戏前夜と微信小游戏後-|Gaoqiao(ガオチャオ)
  • ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks

    How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

    ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
  • これからのCSSはmargin禁止!?CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた!


    CSSmarginCSSCSS  HTML5 Experts.jp  924HTML5 Conference 2017  CSS CSS :  : 2
    これからのCSSはmargin禁止!?CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた!
  • ReactはなぜFiberで書き直されたのか?Reactの課題と将来像を探る


    FacebookF8React Fiber ReactReact ReactFiberFiber React FiberFiber (Twitter: @koba04) React FiberReact React Fiber  React Fiber  FacebookF8Rea
    ReactはなぜFiberで書き直されたのか?Reactの課題と将来像を探る
  • PornhubはWebSocketを使ってAdBlockを回避している


    BugReplay Webchromechrome.webRequest使WebSocket WebPornhubMindGeek 調PornhubWebSocket使AdBlock AdBlock PlusuBlock OriginPornhubWebSocket 
    l-_-ll
    l-_-ll 2016/11/04
  • クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは? - ICS MEDIA


    !?HTML5FlashOpenFL Adobe FlashOpen Screen ProjectiPhoneFlashApple姿 ()調OpenFLOpenFL使OpenFLHTML5Flash
    クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは? - ICS MEDIA
    l-_-ll
    l-_-ll 2014/02/01
    一つのコードから様々なプラットフォーム(HTML5, Flash, スマホアプリ等)に出力でき、Flashとほぼ同じAPIを持ち合わせているのが特徴 「試してみた感想 - 想像以上にクロスプラットフォームだった」
  • 1