Firefox’s New Memory Tool – Mozilla Hacks - the Web developer blog
Firefox Developer Edition 44, released last week, includes a brand new memory tool to help you understand how your web applications are using and retaining memory. This is especially useful for developers targeting the mobile web, and thus working with constrained resources. Baptiste Kaenel, a freelance Creative Designer and Mozilla community member from France, put together a fantastic video demo
Scrolling in Blink
ã“ã®ãƒ–ラウザ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚了ã—ã¾ã—ãŸã€‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るブラウザã«ã‚¢ãƒƒãƒ—グレードã—ã¦ãã ã•ã„。
Web Animations 1.0 | W3C
Web Animations W3C Working Draft, 5 June 2023 More details about this document This version: https://www.w3.org/TR/2023/WD-web-animations-1-20230605/ Latest published version: https://www.w3.org/TR/web-animations-1/ Editor's Draft: https://drafts.csswg.org/web-animations-1/ Previous Versions: https://www.w3.org/TR/2021/WD-web-animations-1-20220908/ https://www.w3.org/TR/2021/WD-web-animations-1-20
SVG For Web Designers (and Developers)
Oct 27, 201539 likes11,870 viewsAI-enhanced description 1. The document discusses using SVG for web design, including creating SVG images, optimizing them, and embedding them onto web pages. 2. Designers are advised to use simple shapes over complex paths and to simplify paths when creating SVG images. 3. SVG images can be combined into a single file and referenced on web pages using the <symbol>
ES6 in Practice
Firefox Developer Conference 2015ã®è¬›æ¼”資料 http://www.mozilla.jp/events/devcon/2015/tokyo/ ES6 Modulesã®ç¾çŠ¶ç¢ºèªãŒãƒ¡ã‚¤ãƒ³ã§ã™ã€‚Read less
ECMAScript 2015ã¯ãªãœç–定ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ãŸã‹ï¼Ÿ 仕様ç–定ã®ãƒªãƒ¼ãƒ€ãƒ¼ã€ã‚¢ãƒ¬ãƒ³ãƒ»ãƒ¯ãƒ¼ãƒ•ã‚¹ãƒ–ラックæ°ã«èžã
Mozilla主催ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã®ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒViewSource Conferenceã€ãŒã€åŒ—米・オレゴン州ãƒãƒ¼ãƒˆãƒ©ãƒ³ãƒ‰ã«ã¦11月2～4æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã€‚ã“ã“ã§ã€ECMAScriptã®ä»•æ§˜ç–定ã®ãƒªãƒ¼ãƒ€ãƒ¼ã‚’å‹™ã‚ãŸã‚¢ãƒ¬ãƒ³ãƒ»ãƒ¯ãƒ¼ãƒ•ã‚¹ãƒ–ラックæ°ã¯ã€ŒECMAScript 2015：ãªãœãã‚“ãªã«æ™‚é–“ãŒã‹ã‹ã£ãŸã®ã‹ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’è¡Œã£ãŸã€‚æ°ã«ã‚ˆã‚‹ã¨ã€2015å¹´6月ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸECMAScript 2015ã¯ã€1999å¹´ã®ECMAScript 3リリース以æ¥ã€åˆã‚ã¦ã®åŒ…括的ãªå†å®šç¾©ã¨ãªã‚‹ã¨ã„ã†ã€‚ãªãœæ™‚é–“ãŒã‹ã‹ã£ãŸã®ã‹ã€ãã®æ€ã†ã¨ã“ã‚ã«ã¤ã„ã¦ã‚¤ãƒ³ã‚¿ãƒ“ューを行ã£ãŸã€‚ èžã手：近藤佑å（編集部）ã€çŸ¢å€‰çœžéš†æ° å”力：清水智公æ°ï¼ˆMozilla Japan）ã€æµ…井智也æ°ï¼ˆåŒï¼‰ アレン・ワーフスブラック（Allen Wirfs-Brockï¼‰æ° ã‚¢ãƒ¬ãƒ³ãƒ»ãƒ¯ãƒ¼ãƒ•ã‚¹ãƒ–ãƒ©ãƒƒã‚¯æ°ã®è¡Œã£ãŸã‚»ãƒƒ
MathStudio Apps for iPhone, iPad, Apple Watch, Mac and Android
Today's students, educators and professionals work from a multitude of devices. Having access to powerful math software from any location and device is essential. MathStudio brings unprecedented computational power to your web browser, mobile device and computer. From building simple algorithms to creating interactive plots and animations, MathStudio bridges the gap between technology and your ima
ãƒã‚¤ãƒ‘フォーマンスãªWebを実ç¾ã™ã‚‹asm.jsï¼WebAssemblyã¨ã¯â€•â€•Mozillaã®ãƒ«ãƒ¼ã‚¯ãƒ»ãƒ¯ã‚°ãƒŠãƒ¼æ°ã«èžã
Mozilla主催ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã®ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒViewSource Conferenceã€ãŒã€åŒ—米・オレゴン州ãƒãƒ¼ãƒˆãƒ©ãƒ³ãƒ‰ã«ã¦11月2～4æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã€‚セッションã®ã¿ãªã‚‰ãšã€æ¬¡ä¸–代Webã«é–¢ã™ã‚‹ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã‚‚実施ã•ã‚ŒãŸã€‚WebAssemblyã®é–‹ç™ºã‚’担当ã—ã€ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã®ãƒ›ã‚¹ãƒˆã‚’å‹™ã‚ãŸMozillaã®ãƒ«ãƒ¼ã‚¯ãƒ»ãƒ¯ã‚°ãƒŠãƒ¼æ°ã«ã€WebAssemblyã‚„asm.jsã®é–‹ç™ºã®ç›®çš„ã«ã¤ã„ã¦èžã„ãŸã€‚ èžã手：近藤佑å（編集部）ã€çŸ¢å€‰çœžéš†æ° å”力：清水智公æ°ï¼ˆMozilla Japan）ã€æµ…井智也æ°ï¼ˆåŒï¼‰ ルーク・ワグナー（Luke Wagnerï¼‰æ° WebAssemblyã«é–¢ã™ã‚‹ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³æƒ…å ±ã€ŒDiscussion: WebAssembly〠ルーク・ワグナーæ°ã®ãƒ–ãƒã‚° パフォーマンスå‘上ã®ä»–ã€JavaScriptã§ã§ããªã„機能を実ç¾ã™ã‚‹WebAssembly ――ルー
The State Of Animation 2014 — Smashing Magazine
In the wake of so much “CSS versus JavaScript animation†infighting, a new API specifically for web animation is coming out that might just unite both camps. In 2014, Rachel Nabors had the chance to travel the world to talk about using animation in user interfaces and design. She met and interviewed dozens of people who use and champion both CSS and JavaScript. What you’re about to read is purely
Designing A Flexible, Maintainable CSS Pie Chart With SVG — Smashing Magazine
Implementations usually involved either using an external image editor to create multiple images for multiple values of the pie chart, or large JavaScript frameworks designed for much more complex charts. Although the feat is not as impossible as it once was, there’s still no simple one-liner for it. However, in this article, Lea Verou will show you that there are many better, more maintainable wa
Mozilla ViewSource ConferenceãŒæœ¬æ—¥é–‹å¹•ã€å‰å¤œç¥ã¯LTイベント「IGNITEã€ã§å¤§ç››ã‚Šä¸ŠãŒã‚Š
ViewSource Conferenceã¨ã¯ ViewSource Conferenceã¯ä»Šå›žãŒåˆã‚ã¦ã®é–‹å‚¬ã€‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã‚’ä¸å¿ƒã«ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ã¿ãªã‚‰ãšå¤šæ•°ã®ãƒ‡ãƒ¢ã‚„ディスカッションãªã©ãŒäºˆå®šã•ã‚Œã¦ã„る。 今回ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®åå‰ã¨ãªã£ã¦ã„る「ViewSourceã€ã¯ã€ãƒ–ラウザã§ã®æ“作「ページã®ã‚½ãƒ¼ã‚¹ã‚’表示ã€ã«ç”±æ¥ã™ã‚‹ã€‚ã©ã‚“ãªWebサイトã§ã‚‚「View sourceã€ã®æ“作ã§ã‚½ãƒ¼ã‚¹ã‚’見るã“ã¨ã¯ã§ãã‚‹ãŒã€ãƒ©ã‚¤ãƒ–ラリやノウãƒã‚¦ã¯ãƒ–ラウザã«ã‚ˆã£ã¦éš ã•ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã—ã°ã—ã°ã 。 ã“ã®ViewSource Conferenceã§ã¯ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ç›¸äº’作用や対話ã€è°è«–ã®å ´ã‚’用æ„ã—ã€Web開発ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスを共有ã™ã‚‹ã“ã¨ã§ã€Webã®æœªæ¥ã‚’見通ã™ã“ã¨ã‚’目指ã—ã¦ã„る。 å‰å¤œç¥çš„ãªä½ç½®ã¥ã‘ã¨ãªã‚‹åˆæ—¥ã¯ã€20æžšã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’15秒ã§åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹å¼ã®ãƒ©ã‚¤ãƒˆãƒ‹ãƒ³ã‚°ãƒˆãƒ¼ã‚¯ï¼ˆLT）イベント「IGNITEã€
Bug reporting for the web | webcompat.com
What is this project about? People expect websites to work regardless of the device or browser they are using. When a site works in one browser but not another, that is most likely a web compatibility bug that we want to know about. Join Us! Come and join our web compat community. Discover all our channels and how you can become part of our team. Let's chat
CSS:fixme
This tool attempts to fix non-standard CSS by adding standardised equivalents to all declarations that use -webkit-prefixed properties and values that have standardised equivalents. The standardised syntax is not always same as the -webkit- syntax, so getting everything right is a challenge. Please test this tool with various -webkit- prefixed CSS constructs and let me know if you find problems. N
Simple DirectMedia Layer - Homepage
Simple DirectMedia Layer is a cross-platform development library designed to provide low level access to audio, keyboard, mouse, joystick, and graphics hardware via OpenGL and Direct3D. It is used by video playback software, emulators, and popular games including Valve's award winning catalog and many Humble Bundle games. SDL officially supports Windows, macOS, Linux, iOS, and Android. Support for
Introduction to Encrypted Media Extensions  | Articles  | web.dev
Encrypted Media Extensions (EME) provides an API that enables web applications to interact with content protection systems, to allow playback of encrypted audio and video. EME is designed to enable the same app and encrypted files to be used in any browser, regardless of the underlying protection system. The former is made possible by the standardized APIs and flow while the latter is made possibl
Encrypted Media Extensions
Encrypted Media Extensions W3C Editor's Draft 04 April 2025 More details about this document This version: https://w3c.github.io/encrypted-media/ Latest published version: https://www.w3.org/TR/encrypted-media-2/ Latest editor's draft:https://w3c.github.io/encrypted-media/ History: https://www.w3.org/standards/history/encrypted-media-2/ Commit history Implementation report: https://w3c.github.io/t
Firefox DevTools Challenger
Explore the deepest secrets of the ocean with some of Firefox Developer Edition 44’s newest tools, designed to take the pain out of CSS animation. “The deep sea is an inferior world. All we know of it is all there is to be known.†Pliny Before scuba gear, humans weren’t able to dive deeper than the bottom of your browser. For millenia, people assumed that there was no life below 200 meters of the
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
TCP tuning for HTTP
Crosswalk - Crosswalk 23 to be the last Crosswalk release
GitHub - emscripten-core/emsdk: Emscripten SDK
How to create high-performance CSS animations  | Articles  | web.dev
{{#tags}}- {{label}}
{{/tags}}