Using the HTML title attribute – Updated March 2020 – Website Design Article

Takeaway If you want to hide content from mobile and tablet users as well as assistive tech users and keyboard only users, use the title attribute. The details The HTML title attribute is problematic. It is problematic because it is not well supported in some crucial respects, even though it has been with us for over 23 years. With the rise of touch screen interfaces, the usefulness of this attribute has decreased. The accessibility of the title…

Read More

Listen to your web pages · GitHub – Website Design Article

Listen to your web pages · GitHub Instantly share code, notes, and snippets. Listen to your web pages /* Copy this into the console of any web page that is interactive and doesn’t do hard reloads. You will hear your DOM changes as different pitches of audio. I have found this interesting for debugging, but also fun to hear web pages render like UIs do in… This is only a snippet of a Website Design Article written by Chris Coyier…

Read More

Full Stack Panic Podcast – Website Design Article

Full stack panic is that feeling you get when … You read a JavaScript newsletter and don’t recognize half of what’s in it. Or when you keep hearing … “Nobody uses The Thing You Are an Expert In anymore we’re all using New Hotness over here.” Or when every job description seems to require a skill you don’t have and the little voice in your head says … “I should know all of this. Do I even know what I’m…

Read More

A new serverless platform using Web Browser execution engines – Website Design Article

If you want to build a modern web app, you typically need to use a few different tools: one set for the front-end, and another for the back-end. In addition, you would need to learn and use a different API (and often even a different programming language) for the back-end. However, the Web API is a rich and stable API, and the web browser is a stable, powerful and secure execution environment. So why then can we not use this…

Read More

Re-creating the ‘His Dark Materials’ Logo in CSS – Website Design Article

The text logo has a slash cut through the text. You set two copies on top of one another, cropping both of them with the clip-path property. What’s interesting to me is how many cool design effects require multiple copies of an element to do something cool. To get the extra copy, at least with text, we can sometimes use a pseudo-element. For more elaborate content, there is an element() function in CSS, but it’s limited to a prefixed property…

Read More

Highlights from Chrome Dev Summit 2019 – Website Design Article

I’ve been going to Chrome Dev Summit for a couple of years now (2016 & 2018) and I always like to do this roundup article, highlighting what I thought were the most interesting ideas and projects from the conference. So let’s get into it! HTML is (finally) getting some 💕 It seems like the design and functionality of pretty much all control elements have stayed the same since the dawn of the browser. This is true even despite the fact…

Read More

A Course About CSS Layout and Animations – Website Design Article

Christina Gorton just released a new course called CSS Layout and Animations as a part of Design+Code, which is a $9/month. That includes a ton of video training on everything from stuff like this to React to Sketch to iOS development… and beyond! Christina approaches the course with my favorite way to learn this stuff: by starting from a lovely design and then pulling it off with code. That’s Figma as the design tool, which is another tool I love.…

Read More

the Web’s First Built-in Module  |  Web  |  Google Developers – Website Design Article

Engineer at Google working on the Web Platform Browser vendors and web performance experts have been saying for the better part of the last decade that localStorage is slow, and web developers should stop using it. To be fair, the people saying this are not wrong. localStorage is a synchronous API that blocks the main thread, and any time you access it you potentially prevent your page from being interactive. The problem is the localStorage API is just so temptingly…

Read More

The Dark Side of the Grid (Part 1) – Website Design Article

Preface It has already been two years since the first browsers, Chromium 57 and Firefox 52, shipped CSS Grid Layout un-prefixed. Many developers have experimented with it or are using it in production already. More will come as soon as support for Internet Explorer 10 and 11 becomes less important.Grid offers many ways of building layouts and it challenges us to rethink the way we approach them. This flexibility is great for our development experience, but it may come at…

Read More