56 search results.
3.15 Use Beneficial JavaScript and Its APIs
...} else { audio.play(); } }); Page Visibility API. Resources 9 Proven Strategies to Improve API Performance Accessible JavaScript CanIUse Common API mistakes and how to avoid them Comparing the...
3.23 Take Advantage of Native Features
...Example Code: <button onclick="window.dialog.showModal()">open dialog</button> <dialog id="dialog"> <p>I'm a dialog.</p> <form method="dialog"> <button>Close</button> </form> </dialog> HTML [dialog] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) API example. Resources 15 Tips to Optimize Your PHP Script for Better...
Does the project promote good health and wellness?
...ways in which our digital solutions can support and promote good health and wellness rather than extract and exploit? Resources: Request a free toolkit from the Digital Wellness Collective Read...
Is the content accessible?
...user research and testing. Resources: Read the W3C’s Web Accessibility Initiative or Web Content Accessibility Guidelines Read Using Web Content Accessibility Guidelines to Improve Your Website Browse free accessibility courses...
2.4 Consider Sustainability in Early Ideation
...Even the electronic versions of these may have a lower carbon cost than committing to building a full-blown experience for each idea. Criteria Wireframes And Prototypes: Utilize wireframes, and rapid...
2.12 Document and Share Project Outputs
...foster an open source culture. Impact Medium Effort High Benefits Environmental: Deliverables that are used in common, easy-to-understand formats will take less computer time to learn and adapt to the...
3.7 Rigorously Assess Third-Party Services
...materials: High energy: High water: High emissions: High Example Code: <iframe src="https://example.com" loading="lazy" width="600" height="400"></iframe> It’s time to lazy-load offscreen iframes. Resources AdGreen Building for sustainability with WordPress Cookies, Pixels,...
3.13 Adapt to User Preferences
...Example Code: @media (prefers-color-scheme: dark) { /* wants dark mode */ } @media (prefers-color-scheme: light) { /* wants light mode */ } The complete guide to CSS media queries. Resources...
3.22 Use the Latest Stable Language Version
...with performance improvements. Regarding language choice, an algorithm implemented in a compiled language such as C or Rust, for example, can have greatly reduced execution time and energy usage compared...
3.24 Run Fewer, Simpler Queries As Possible
Making multiple requests whether HTTP or within a database has a carbon cost as infrastructure has to send that information back and forth. As such, managing how you store and...