Eleventy Walk Through - Partials and IncludePartials often refers to HTML that is not a complete web page, but is intended for re-use within multiple web pages. Common examples are the header and the footer of site pages. Some advantages of this are: not having to copy that code into every page of the site; and if a change has to be made, it only has to be done in one place.tagged: eleventy05-06-2022
shared-element-transitions/developer-guide.md at main · WICG/shared-element-transitions · GitHubThis guide covers the page transition API as currently supported in Chrome Canary, for developers who want to try out the feature today. The explainer is a more in-depth overview of the feature, but it includes parts that aren't implemented yet.tagged: shared-element-transitions04-06-2022
The Open Graph protocolThe Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any web page within the social graph. The Open Graph protocol builds on these existing technologies and gives developers one thing to implement. Developer simplicity is a key goal of the Open Graph protocol which has informed many of the technical design decisions.tagged: open-graph-protocol04-06-2022
Hypothesis-driven development - IBM Garage PracticesContinuous delivery demands the use of hypotheses, not requirements, to deliver what customers want. Developers embrace continuous experimentation and adaption.tagged: hypothesis-driven-developmentcontinuous-delivery03-06-2022
Hypothesis-Driven Development (Practitioner's Guide)Like agile, hypothesis-driven development (HDD) is more a point of view with various associated practices than it is a single, particular practice or process. That said, my goal here for is you to leave with a solid understanding of how to do HDD and a specific set of steps that work for you to get started.tagged: hypothesis-driven-development03-06-2022
How to Implement Hypothesis-Driven Development - Barry O'ReillyRemember back to the time when we were in high school science class. Our teachers had a framework for helping us learn – an experimental approach based on the best available evidence at hand. We were asked to make observations about the world around us, then attempt to form an explanation or hypothesis to explain what we had observed. We then tested this hypothesis by predicting an outcome based on our theory that would be achieved in a controlled experiment – if the outcome was achieved, we had proven our theory to be correct.tagged: hypothesis-driven-developmentscience03-06-2022
Web Directions Lazy LoadA conference all about front end performancetagged: performanceconferenceslondon01-06-2022
LitBuilding on top of the Web Components standards, Lit adds just what you need to be happy and productive: reactivity, declarative templates and a handful of thoughtful features to reduce boilerplate and make your job easier. Every Lit feature is carefully designed with web platform evolution in mind.tagged: web-componentsstandardsinteroperable01-06-2022
Explore the Search Gallery and Rich Results | Documentation | Google DevelopersGoogle uses structured data to understand the content on the page. You can help us by providing specific information about your site, which can help your site display in richer features in search results. If you're just getting started, visit Understand how structured data works.tagged: metasearchseometadatavue-meta01-06-2022
Search Journey Towards Better Experimentation Practices : Spotify EngineeringAt Spotify, we aim to build and improve our product in a data-informed way. To do that, teams are encouraged to generate and test hypotheses by running experiments and gathering evidence for what works and what doesn’t. tagged: spotifycroexperimenationhypothesis-driven-development31-05-2022
High Performance Animations - HTML5 RocksWe’re going to cut straight to the chase. Modern browsers can animate four things really cheaply: position, scale, rotation and opacity. If you animate anything else, it’s at your own risk, and the chances are you’re not going to hit a silky smooth 60fps.tagged: performanceanimationscale30-05-2022
Stick to Compositor-Only Properties and Manage Layer CountStick to Compositor-Only Properties and Manage Layer Counttagged: performanceanimations30-05-2022
From Gut to Plan: The Thoughtful Execution Framework | Spotify DesignFrom Gut to Plan: The Thoughtful Execution Frameworktagged: experimentationcroframework30-05-2022