The Magic of Clip Path https://buff.ly/3S89SJ1 clip-path is often used for trimming a DOM node into specific shapes, like triangles. But what if I told you that it’s also great for animations?In this article, we’ll dive into clip-path and explore some of the cool things you can do with it. Once you read it, you’ll start seeing this CSS property being used everywhere. Source: The Magic of Clip Path (https://buff.ly/468FVOE)
Conffab
Education
Stream presentations from hundreds of world leading experts in development, design and more…
About us
Nearly 1,000 presentations from hundreds of world leading experts at dozens of conferences…and counting There's free, paid and premium options, or just browse our library of hundreds of presentations across product, design, front end dev, and more. From dozens of conferences No ads. Just hundreds of hours of product design, product management, front end and web dev presentations. From names you know, and emerging experts, with new content always coming.
- Website
-
https://conffab.com/
External link for Conffab
- Industry
- Education
- Company size
- 2-10 employees
- Type
- Privately Held
Updates
-
Web AI Showcase https://buff.ly/3Y5ciM6 Source: Web AI Showcase (https://buff.ly/4f2P0g3)
Web AI Showcase
intel.github.io
-
Igalia Chats: Polyfills, Trust and Progress https://buff.ly/3Wn0Km8 Eric Meyer and Brian Kardell chat about the history and evolution of polyfills and somehow related efforts in the wake of recent events surrounding the transfer of ownership of the polyfill.io domain Source: Igalia Chats: Polyfills, Trust and Progress | Igalia �� Open Source Consultancy and Development (https://buff.ly/3LoroET)
https://www.igalia.com/chats/polyfills
igalia.com
-
Island Architecture with Web Components https://buff.ly/4f1kFyt Island Architecture is a concept first described by Katie Sylor-Miller and later expanded upon by Jason Miller in his post. Island Architecture, as described by Jason, involves server-rendering HTML and then injecting placeholders or slots around highly dynamic regions. These regions, or “islands,” are initially rendered on the server and then upgraded to interactive components on the client side. Source: Island Architecture with Web Components (https://buff.ly/3y00pwA)
Island Architecture with Web Components — Begin Blog
begin.com
-
15 page speed optimizations that sites ignore (at their own risk) https://buff.ly/3LpAdyn A recent analysis of twenty leading websites found a surprising number of page speed optimizations that sites are not taking advantage of – to the detriment of their performance metrics, and more importantly, to the detriment of their users and ultimately their business.Source: SpeedCurve | 15 page speed optimizations that sites ignore (at their own risk) (https://buff.ly/3zEQP2I)
SpeedCurve | 15 page speed optimizations that sites ignore (at their own risk)
speedcurve.com
-
Zoom, zoom, and zoom https://buff.ly/4cGjhQ3 In brief: there is wide support for three different types of ‘zoom’ – available both to site visitors and (to some extent) CSS authors: Page zoom is the default with a handy keyboard shortcut, and roughly matches behavior of the CSS zoom property. Scale factor (or ‘pinch zoom’) was introduced by early versions of mobile Safari, and may only be available through trackpad or touch interfaces – roughly matching the behavior of the CSS scale transform. Text-only zoom is also provided by Firefox and Safari. While not directly available in CSS, the behavior is similar to changing default font size on a site that uses entirely relative text sizing with rem units. Source: Zoom, zoom, and zoom | OddBird (https://buff.ly/3XZwU8v)
Zoom, zoom, and zoom
oddbird.net
-
Pivoting From React to Native DOM APIs: A Real World Example – The New Stack https://buff.ly/3KYwnfq To develop the user interface of its web browser, Edge, Microsoft recently began moving away from React and other JavaScript frameworks to embrace what it called an “HTML-first” approach. Instead of using React to create the user interface — the most common web development paradigm today — the Microsoft Edge team pivoted to an approach it described as “markup-first, small bundles, and less UI-rendering JavaScript code.” After we published that post, I was approached by a developer who had also made a similar transition. Julien Moulis is a senior frontend developer at a Swiss IT company called Eukleia, which is building a custom developer tool called Mindsapp. Moulis reached out to tell me that for Mindsapp, his team “decided to make the shift from React’s overwhelming VDOM to the fantastic modern DOM API.” Source: Pivoting From React to Native DOM APIs: A Real World Example – The New Stack (https://buff.ly/3KXHjtR)
Pivoting From React to Native DOM APIs: A Real World Example
https://thenewstack.io
-
How to Fix “AI’s Original Sin” – O’Reilly https://buff.ly/4blyAMA But it seems less important to get into the fine points of copyright law and arguments over liability for infringement, and instead to explore the political economy of copyrighted content in the emerging world of AI services: Who will get what, and why? And rather than asking who has the market power to win the tug of war, we should be asking, What institutions and business models are needed to allocate the value that is created by the “generative AI supply chain” in proportion to the role that various parties play in creating it? And how do we create a virtuous circle of ongoing value creation, an ecosystem in which everyone benefits? Source: How to Fix “AI’s Original Sin” – O’Reilly (https://buff.ly/3Vpig7I)
How to Fix
oreilly.com
-
Learn Grid Now, Container Queries Can Wait https://buff.ly/4bg9EpN There’s no rush to rip out all your media queries, and replace them with containers. You’ll be fine waiting for widely available support and your next scheduled re-factor.But if you’re still avoiding grid – whatever your reasons – you are, in fact, missing out. CSS grid is one of the best features in CSS, and one of the biggest time-savers on every site we build.I can imagine it’s hard to re-write a system built on flexbox. Flexbox is a great feature, and part of the web platform. What more do you need?But flexbox is designed for content-out distribution, not system-wide page layouts. Using flexbox alone is like only using inline text, without paragraphs, divs, and other block elements. You’re using half the system, and it’s the more complicated half to manage. Source: Learn Grid Now, Container Queries Can Wait | OddBird (https://buff.ly/3xDpsoL)
Learn Grid Now, Container Queries Can Wait
oddbird.net