ML + DESIGN

Handpicked resources around machine learning and design.

90's Cursor Effects

Ancient cursor effects built for modern browsers.

The Future Vision of Microsoft 365

On designing experiences that encompass your wellbeing.

Svelte <3 TypeScript

The modern web app builder now supports TypeScript.

Prepare for mobile-first indexing (with a little extra time)

Google extends the timeframe for its search indexing switch.

Templatery

Beautiful templates for your Figma presentations.

Towards native security defenses for the web ecosystem

New opt-in security features for Chrome 83 and Firefox 79.

Regulate the web

Open protocols and ideals don’t guarantee an open web.

Behind the feature: shedding light on shadow spread

Figma‘s journey to build a ‘simple‘ feature.

@property: giving superpowers to CSS variables

The Houdini Properties and Values API arrive in Chromium 85.

Streaming requests with the fetch API

The exciting new things you can do with request streams.

It's time to lazy-load offscreen iframes

Browser-level native lazy-loading for iframes is here.

5 essential UX design principles that great designers embrace

Results of an interview with three design leaders.

Twitter says it's looking at subscription options as ad revenue drops sharply

The company is exploring new revenue streams.

Why you should have a blog (and write in it)

There are many topics you can write about.

How I, as someone who is visually impaired use my iPhone

Why accessibility for digital products matters.

Recursive Sans & Mono

The highly-flexible variable font is now live on Google Fonts.

New ‘Meow’ attack has deleted almost 4,000 unsecured databases

Most affected instances: Elasticsearch, MongoDB, Redis.

You are not alone

Using the library without reading the documentation.

CSS breakpoints used by popular CSS frameworks

Bootstrap, Foundation, Material UI, Tailwind CSS, and others.

Happy Birthday Web Fonts!

10 years ago, an event changed our experience of text on the web.

Making a useful ‘offline’ page for your web app

How to maintain a consistent UX during network failures.

A CSS-only, animated, wrapping underline

A great alternative to the good old ‘text-decoration: underline’.

35 Content Marketing Tips From Top Industry Experts

Insights to help any business move in a successful direction.

CS Visualized: CORS

Cross-origin resource sharing and CORS policy error explained.

Using Flexbox and text ellipsis together

Responsive display of long file names with pure CSS.

Highlights from Git 2.28

A look at the most interesting features and changes.

Designing Adaptive Components, Beyond Responsive Breakpoints

Beyond arbitrary mobile screen sizes.

Google’s Top Search Result?

Its own products take up almost half of the first result page.

Logfile Analysis for SEO (Google Data studio template included)

A practical guide to log file analysis using Cloudflare’s Logflare.

A more expressive Medium

The popular publishing platform kicks off a beta for creators.

Google's web app plans collide with Apple's iPhone, Safari rules

The struggle is over the future of the web.

What does 100% mean in CSS?

Percents in CSS are probably not what you think.

“I’m tired of designing. I don’t want to solve problems anymore. I want to create them.”

Remote work is a platform

Trying to simulate office work remotely is the wrong approach.

Different versions of your site can be running at the same time

Are you prepared for that?

“That thing where someone sees their first usability study session and gets it — just never gets old.”

Zoom Security Exploit

How Zoom meeting passwords were crackable within minutes.

myFrontpage

Your personal internet frontpage, customizable without any code.

Sonuum

The web-based audio editor for everyone.

System UIcons

A collection of clean SVG icons designed for products.

Zero-config Storybook

What’s new in the popular UI development environment.

The Renaissance Of No-Code For Web Designers

New opportunities for designers with no-code tools.

We give up, Progressive Web Apps can track you, says W3C

After 5 years, it decides privacy is too much bother.

A new default Referrer-Policy for Chrome

Chrome plans to gradually enable strict-origin-when-cross-origin.

The things of everyday design

Affordances, the hidden language of interface design.

A Look at What’s New in Chrome DevTools in 2020

The latest and greatest on browser developer tools.

Tailwind CSS

From side-project byproduct to multi-million dollar business.

Thanks a Million

Netlify has now onboarded more than 1 million developers.

Bringing Modern JavaScript to Libraries

Let’s adopt a new ‘browser2017’ conditional export key.

Infinite Scroll without Layout Shifts

How to optimize loading long lists for the Core Web Vitals.

Complexity Convection

The lifecycle of businesses in the website builder space.

The UX of LEGO Interface Panels

What LEGO bricks can teach us about design.

Clever Landing Pages demonstrating their product in-page

Product demos can be more than screenshots or videos.

Firefox 79 includes protections against redirect tracking

The next step in providing a safer and more private surfing experience.

Browser Back/Forward Caches and their Benefit to Web Performance

Speeding up the web for up to 20% of navigations.

content-visibility

The new CSS property that boosts your rendering performance.

Tips and notes about freelancing

A guide to hopefully help you to make the plunge.

A new look & new ways to collaborate

How Pitch helps teams build better presentations.

What is the difference between this & that?

Differences between ___ and ___ in the front-end development.

Drop-Shadow: The Underrated CSS Filter

A look at some cool use cases.

Restream

Stream live video to 30+ social networks at the same time.

Search Console API announcements

Google upgrades the infrastructure of the Search Console API.

Figma News

The design platform’s new ways to create higher-fidelity prototypes.

State of Frontend 2020

The latest trends in front-end development, explained by experts.

Warp SVG Online

An online tool to warp, bend, and distort SVG files.

How insights from people around the world make Google Search better

The work of search quality raters.

Modern CSS grid solutions to common layout problems

Three layout implementations that can improve your website.

Form design best practices

Learn how to improve the design of digital forms.

I'm Open Sourcing the Have I Been Pwned Code Base

HIBP is now a community project.

Announcing TypeScript 4.0 RC

What’s in store for the next major version of TypeScript.

Web History: Birth

The first chapter in a new ongoing series about web history.

“Everybody is one exceptional essay away from a flood of career opportunities.”

Introducing Rome

A linter for JavaScript and TypeScript, more coming soon.

“Work with people you want to become like, because you’ll become like whoever you work with.”

“My best career advice is to work with nice people who want you to succeed.”

Unsplash’s dataset is now open source

Over 2 million high-quality images and over 16GB of accompanying data.

FAST

Create reusable UI components based on web component standards.

China is now blocking all encrypted HTTPS traffic that uses TLS 1.3 and ESNI

Other HTTPS traffic is still allowed.

Digging Into the Flex Property

The basics of ‘flex’ longhand properties, and how to use them.

Multiple drop shadows

Why the CSS property ‘drop-shadow’ is so exciting.

“It’s hard to beat your competition when you’re copying them.”

An ancient, long-forgotten trick for doing good work

Sometimes, the secret to great work is simply time.

SEO myth-busting

What is not a Google search ranking factor.

dorking

How to find anything on the internet.

Avatarz

An original library of customizable 3D avatars.

mmhmm

A fresh way to communicate over video in a remote world.

The Algorithm Behind the Performance Score

And how to improve yours.

“If you don’t want to deal with CSS, maybe you shouldn’t be a full-stack engineer.”

A Roadmap for Angular

What‘s next for the web application development platform.

Changing World, Changing Mozilla

Mozilla lays off 250 employees, about 25% of the company.

Update for Customers Using PhoneGap and PhoneGap Build

Adobe encourages its customers to use alternative products.

React v17.0 Release Candidate: No New Features

But focused on making it easier to upgrade React itself.

Reliable and Valid SVG Accessibility

Making SVG accessible has never been easier.

I tracked my Discover feed for 12 days: Here’s what I learned

Google‘s transition from a search to an answer engine.

Storybook 6.0

Retooling Storybook for professional frontend developers.

What is the Small Web?

A vision for our future in the digital and networked age.

Introducing a new and improved Twitter API

Rebuilt from the ground up to deliver new features faster.

The cult of the free must die

Let‘s find a way to overcome the web’s original sin.

Is the Phone Gap closed in 2020?

PWA abilities in 2020 vs PhoneGap offerings in 2009.