[B! Web制作][javascript] nasustのブックマーク

画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法

画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to lazy load images for maximum performance by Adrian Bece 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに遅延読み込みのloading属性とは遅延読み込みの現代的なアプローチパフォーマンスとLighthouseスコアの向上最大のパフォーマンスを得るための画像最適化テクニックはじめに画像の遅延読み込みは比較的簡単に実装でき、パフォーマンスを大幅に向上させることができるため、Webサイトを最適化するために使用される選択肢の1つです。遅延読み込みで

nasust 2020/09/11

リンク

ネットワークのないところでも使え、サクサク動く。これからのWebゲームアプリが備えるべき機能とは「HTML5 Conference 2013」

ネットワークのないところでも使え、サクサク動く。これからのWebゲームアプリが備えるべき機能とは「HTML5 Conference 2013」馬場美由紀（HTML5 Experts.jp編集部）今後モバイルWebアプリはどこを目指すのか──。このヒントが得られたのが、DeNA小原隆郎氏の「地下鉄 x サクサク x これからのWebゲームアプリが備えるべき8つの機能」というセッション。小原氏は昨年秋にDeNAに入社。「@uupaaというネームは知っている人もいるかもしれないが、ほとんどこのような場所に出ることがない。今日会えた人はラッキーだと思う」という前置きをしてセッションは始まった。 SPAでページをまたがった音楽の再生が可能に同セッションは検証は必要ながらも、小原氏自身が気になっているWebアプリの技術的なトピックスを紹介するというもの。まず最初に取り上げたのはネイティブに

nasust 2013/12/30

リンク

愛宕山太郎坊/Staff

愛宕山太郎坊アニメーション制作進行支援ソフト愛宕山太郎坊ログイン会社id ユーザー名パスワードユーザー名またはパスワードが正しくありません。閉じるログイン

nasust 2013/01/31

リンク

Bootstrapに270の使えるアイコンを追加できる「Elusive icons」:phpspot開発日誌

Elusive icons, an icons font designed for use with Bootstrap Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Bootstrap標準アイコンも140種類と豊富に使えますが、これに270種類を追加すれば、アイコンにはもう困らないかも。 Bootstrapを使っている方、使おうと思っている方は是非覚えておきたいですね。ベクター形式なので拡大してもOK。今後、アイコンはBootstrap対応をデフォルトにしてくれるとよりBootstrapが素晴らしい物になっていきそうですね。関連エントリ Bootstrapで矢印を描くのなら「Bootstrap Arrows」 Twitter BootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootSt

nasust 2013/01/07

リンク

JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」:phpspot開発日誌

html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。クライアントごとの表示