Menu

W3C News

Using Netlify Forms and Netlify Functions to Build an Email Sign-Up Widget

August 2nd, 2019

Building and maintaining your own website is a great idea. Not only do you own your platform, but you get to experiment with web technologies along the way. Recently, I dug into a concept called serverless functions, starting with my own website. I’d like to share the results and what I learned along the way,…

W3C Workshop Report: Web Games

August 2nd, 2019

W3C is pleased to announce a report from the W3C Workshop on Web Games held in late June 2019, in Redmond, WA, USA. The workshop convened about 100 participants representing browser vendors, game engines developers, games developers, game distributors, and device manufacturers. Together, they discussed the future of Web technologies for games. The report collects…

Angular Interns Summer 2019

August 1st, 2019

The Angular team believes that people are essential to building great technology, and so we are taking part in Google’s 2019 intern program with three new projects. This year, we have three team members participating: Alyssa Wang, Ayaz Hafiz, and returning intern Elana Olson. They are each working on projects that will be valuable to…

Weekly Platform News: Preventing Image Loads with the Picture Element, the Web We Want, Svg Styles Are Not Scoped

August 1st, 2019

In this week’s week roundup of browser news, a trick for loading images conditionally using the picture element, your chance to tell bowser vendors about the web you want, and the styles applied to inline SVG elements are, well, not scoped only to that SVG. Let’s turn to the headlines… Preventing image loads with the…

Making a Realistic Glass Effect with SVG

August 1st, 2019

I’m in love with SVG. Sure, the code can look dense and difficult at first, but you’ll see the beauty in the results when you get to know it. The bonus is that those results are in code, so it can be hooked up to a CMS. Your designers can rest easy knowing they don’t…

Register Now for An Event Apart 2019 in Chicago

August 1st, 2019

An Event Apart juuuuust wrapped up its Washington D.C. event yesterday. We hope we got to see you at the event but if not, perhaps we’ll see you at the next one happening Aug. 28-28 in Chicago. Why would you go, you might ask? It’s three days of experts imparting their knowledge on topics ranging…

Fetching Data in React using React Async

July 31st, 2019

There will always be delays when handling requests over the network. That’s just part of the deal when it comes to making a request and waiting for a response. That’s why we often make use of a loading spinner to show the user that the expected response is loading. See the Pen ojRMaN by Geoff…

A More Accessible Portals Demo

July 31st, 2019

The point of the <portal> element (behind a flag in Chrome Canary) is that you can preload another whole page (like <iframe>), but then have APIs to animate it to the current page. So “Single Page App”-like functionality (SPA), but natively. I think that’s pretty cool. I’m a fan of JavaScript frameworks in general, when…

How much specificity do @rules have, like @keyframes and @media?

July 30th, 2019

I got this question the other day. My first thought is: weird question! Specificity is about selectors, and at-rules are not selectors, so… irrelevant? To prove that, we can use the same selector inside and outside of an at-rule and see if it seems to affect specificity. body { background: red; } @media (min-width: 1px)…

Intrinsically Responsive CSS Grid with minmax() and min()

July 30th, 2019

The most famous line of code to have come out of CSS grid so far is: grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room for another one, and then a…