Mozilla Hacks Courses

10 Things I Hate About Web Animation

ウェブアニメーションの問題点と技術的解決策を紹介。開発者向けに、より効果的なアニメーション制作のヒントを提供。

• YouTube
• 20 minutes
• Self-Paced
• Free Video

Developing for Mixed Reality on the Open Web Platform

Explore Mozilla's Mixed Reality offering and the underlying web platform for developing immersive experiences on the open web.

• YouTube
• 28 minutes
• Self-Paced
• Free Video

Making CSS From Good to Great - Exploring Subgrid

Explore CSS evolution, focusing on Grid and Subgrid layouts. Learn terminology, browser support, and practical examples to enhance your web design skills.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

Making CSS From Good to Great - CSS Subgrid Introduction

Discover CSS Subgrid with Singapore-based developer advocate Hui Jing Chen in this Singlish presentation, exploring how to elevate your CSS skills from good to great.

• YouTube
• 31 minutes
• Self-Paced
• Free Video

Web Compatibility Challenges and Tools - Firefox DevTools and Compatibility Checker

ブラウザの互換性の課題とFirefox DevToolsについて解説。webcompat.comの紹介や、開発中の互換性チェックツールについても言及。

• YouTube
• 18 minutes
• Self-Paced
• Free Video

Making CSS From Good to Great - Chinese Presentation with English Subtitles

探索CSS Subgrid技術，提升網頁佈局能力。從基礎到進階，學習如何創建更靈活、響應式的設計，優化用戶體驗。

• YouTube
• 30 minutes
• Self-Paced
• Free Video

Lightning Talks - The Web We Want

Explore innovative web features in four lightning talks, covering video tags, accessibility, audio, and debugging. Experts propose and discuss future web capabilities.

• YouTube
• 31 minutes
• Self-Paced
• Free Video

Building Resilient Web Structures: Lessons from Architecture

Exploring architectural concepts in web development, from pattern languages to responsive design, to build resilient, performant, accessible, and beautiful web structures.

• YouTube
• 43 minutes
• Self-Paced
• Free Video

CSS on Today's Web Platform - View Source 2019

Explore CSS evolution, pragmatic solutions, and upcoming APIs. Dive into grid layouts, variable fonts, and Houdini, discovering modern techniques for web development challenges.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

A Case for Browser-Engine Diversity - View Source 2019

Browser engine diversity: importance for web compatibility, interoperability, and standards. Explores history, current landscape, and future implications. Encourages active participation in maintaining a diverse ecosystem.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

Is the Site Fast Yet? Conducting Performance Audits and Setting Benchmarks

Discover strategies for conducting performance audits, communicating with non-technical teammates, and prioritizing user experience through web performance optimization.

• YouTube
• 28 minutes
• Self-Paced
• Free Video

Polyglot WebAssembly: Enhancing JavaScript with Multiple Languages

Explore how to enhance JavaScript with multiple languages using WebAssembly, combining C, C++, Rust, and AssemblyScript for optimal performance and functionality.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

The Web in Different Parts of the World

Insights on web challenges and opportunities in emerging markets like India and Indonesia, comparing device landscapes, connectivity, and app usage to more familiar markets.

• YouTube
• 30 minutes
• Self-Paced
• Free Video

Demystifying Modern CSS Layouts with DevTools

Explore modern CSS layouts using Firefox DevTools. Learn to visualize and understand Flexbox, Grid, and Box alignment properties for responsive web design.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

Demystifying Speed Tooling - Assessing and Optimizing Site Performance

Discover effective techniques for assessing and optimizing website performance using industry-grade tools. Learn to diagnose, benchmark, and monitor site speed with professional methods.

• YouTube
• 33 minutes
• Self-Paced
• Free Video