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
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
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> and <use> elements, providing a method of "spriting" SVG
Mozilla主催のフロントエンド開発者のためのカンファレンス「ViewSource Conference」が、北米・オレゴン州ポートランドにて11月2~4日に開催された。ここで、ECMAScriptの仕様策定のリーダーを務めたアレン・ワーフスブラック氏は「ECMAScript 2015:なぜそんなに時間がかかったのか」というタイトルでセッションを行った。氏によると、2015年6月にリリースされたECMAScript 2015は、1999年のECMAScript 3リリース以来、初めての包括的な再定義となるという。なぜ時間がかかったのか、その思うところについてインタビューを行った。 聞き手:近藤佑子(編集部)、矢倉眞隆氏 協力:清水智公氏(Mozilla Japan)、浅井智也氏(同) アレン・ワーフスブラック(Allen Wirfs-Brock)氏 アレン・ワーフスブラック氏の行ったセッ
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
Mozilla主催のフロントエンド開発者のためのカンファレンス「ViewSource Conference」が、北米・オレゴン州ポートランドにて11月2~4日に開催された。セッションのみならず、次世代Webに関するディスカッションも実施された。WebAssemblyの開発を担当し、ディスカッションのホストを務めたMozillaのルーク・ワグナー氏に、WebAssemblyやasm.jsの開発の目的について聞いた。 聞き手:近藤佑子(編集部)、矢倉眞隆氏 協力:清水智公氏(Mozilla Japan)、浅井智也氏(同) ルーク・ワグナー(Luke Wagner)氏 WebAssemblyに関するディスカッション情報「Discussion: WebAssembly」 ルーク・ワグナー氏のブログ パフォーマンス向上の他、JavaScriptでできない機能を実現するWebAssembly ――ルー
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
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
ViewSource Conferenceとは ViewSource Conferenceは今回が初めての開催。フロントエンド技術を中心に、セッションのみならず多数のデモやディスカッションなどが予定されている。 今回のカンファレンスの名前となっている「ViewSource」は、ブラウザでの操作「ページのソースを表示」に由来する。どんなWebサイトでも「View source」の操作でソースを見ることはできるが、ライブラリやノウハウはブラウザによって隠されてしまうことがしばしばだ。 このViewSource Conferenceでは、コミュニティの相互作用や対話、議論の場を用意し、Web開発のベストプラクティスを共有することで、Webの未来を見通すことを目指している。 前夜祭的な位置づけとなる初日は、20枚のスライドを15秒で切り替える方式のライトニングトーク(LT)イベント「IGNITE」
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
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 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
EME WTF? Stay organized with collections Save and categorize content based on your preferences. Encrypted Media Extensions 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
Encrypted Media Extensions W3C Recommendation 18 September 2017 (Link to Editor's Draft updated 19 December 2019) This version: https://www.w3.org/TR/2017/REC-encrypted-media-20170918/ Latest published version: https://www.w3.org/TR/encrypted-media/ Latest editor's draft: https://w3c.github.io/encrypted-media/ Implementation report: https://w3c.github.io/test-results/encrypted-media/all.html Previ
Move an element To move an element, use the translate or rotation keyword values of the transform property. For example, to slide an item into view, use translate. .animate { animation: slide-in 0.7s both; } @keyframes slide-in { 0% { transform: translateY(-1000px); } 100% { transform: translateY(0); } } Use rotate to rotate elements. The following example rotates an element 360 degrees. .animate
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ページを開く