Chrome 78 Beta

A new Houdini API, native file system access and more.

Smarter custom properties with Houdini’s new API

Transitions and data protection in CSS.

Variable fonts & the new Google Fonts API

How Google’s new variable fonts work.

Fresher data in your site’s Search Performance report

Better insights into how your site performs on Google search.

Intelligent Tracking Prevention 2.3

Further protections of user privacy in Safari.

Yahoo redesigns its logo to remind you that Yahoo exists

Also, Yahoo Mail has a new design.

Discover the hidden secrets in privacy policies

Artificial intelligence reads privacy policies for you.

CopyPalette

Create and export consistent monochromatic color palettes.

“Pick one thing at your work that sucks, fix it. Even if it is a small thing, you’ll feel amazing. Then. You’ll do it again. And. You’ll be amazing.”

The Hippocratic License

An ethical license for open source projects.

A Like Can’t Go Anywhere, But a Compliment Can Go a Long Way

How social networks can inspire negativity.

Productdesign.tips

Curation of product design articles, tools, and other resources.

More options to help websites preview their content on Google Search

New meta tags and attributes.

Introducing Browser Insights

CloudFlare rolled out a real user measurement tool.

A Guide to the Biggest SEO Myths on The Web

How to identify misleading articles about search engine optimization.

“When your product is great, but your marketing is bad, you’ll just get ripped off by somebody who is better at marketing and they get the benefit.”

Website Speed Test With & Without Ad Blocker

Check the weight of your ad implementation.

Optimize images with Thumbor

Resize, compress, and transform images on-demand.

“If you want to predict future user behavior, focus on deeply understanding current behavior and motivations instead of asking users to predict what they’ll do with a product they’ve never seen.”

JavaScript SEO Tools

Tools to improve the search engine optimization of your website.

“It takes less effort and skill to write a lot of code and a lot more effort and skill to write minimum code.”

Cloudflare, Google Chrome, and Firefox add HTTP/3 support

The next iteration of the HTTP protocol gets a big boost.

Google Review Stars Drop by 14%

What it means for you if your website has been affected.

The perfect responsive menu

A responsive menu with the same HTML for all viewports.

Lunar

Intelligent adaptive brightness for your external display.

designMode

That feeling when you first discovered ‘document.designMode’.

Virtual Lollipop

Send people virtual lollipops to pep them up.

“The quickest way to ruin the productivity of a small company is to have it adopt the practices of a large company.”

Why Progressive Web Apps Are The Future of Mobile Web

They just work better than typical mobile sites.

Robots meta changes for Google

Make sure that nobody runs into unexpected surprises.

The webhint browser extension v1 release

The linting tool for web best practices is now out of beta.

HEAD

You never guess what could go in the ‘head’ tag of a web page.

Wallace CLI

Pretty CSS analytics on the command line interface.

Same-Site Cookies By Default

Inside Chromium’s brave plan to change the recipe for cookies.

Devices

A growing collection of images and Sketch files of popular devices.

Freebies.ByPeople

A selection of resources for designers and developers.

Why JavaScript Tooling Sucks

It’s just too hard to use, and it’s not your fault.

“Me in my 20s: but that corner radius isn’t quite right. Me in my 30s: Literally no one cares. Just get that shit out and see if anyone even uses it.”

“If you’re having z-index problems I feel bad for you son, I’ve got 999999999999999999999999999999999999999999999999999999999999999999999999999999 and it seems to work alright on my machine.”

Google's John Mueller: I Strongly Recommend New Sites Not Use M-Dot URLs

Responsive Designs makes everything easier.

Into the web multiverse

Maybe it is time to re-evaluate our approach to ‘saving the web’.

New Productivity

What’s behind the wave of new productivity software.

Bringing PWABuilder to VSCode

Convert your web into a Progressive Web App with just a few clicks.

A Modern CSS Reset

It can make your life as a frontend developer a lot easier.

Preloading responsive images

Load responsive images faster with link rel=“preload”.

“Invest in your own platforms. Building audiences on any other platform can be taken away from you with the snap of a finger. Use other platforms as a funnel, not as the base.”

Leave Me Alone 2.0

Easily unsubscribe from unwanted emails.

Enhancing The Clickable Area Size

Some examples of how clickable areas should be created.

Updating the user agent of Googlebot

Your website my be affected if it looks for a specific user agent.

The Evolution of Web Content Management

What can bring us back to the ease of creation of the early web.

Preact X: Virtuous DOM and the Fragments of Suspense

The next major version of the React alternative.

Why big ISPs aren’t happy about Google’s plans for encrypted DNS

The concerns of Internet Service Providers.

Designing for top feature requests, like Smart Animate

Figma introduces new prototyping features.

Manage tags easily and safely with the new Community Template Gallery

Third party templates for Google Tag Manager.

“The scariest phrase in product development: ‘You know what would be cool?’”

No More Mixed Messages About HTTPS

Chrome will start blocking http subresources on https pages.

Adaptive Photo Layout with Flexbox

A horizontal masonry effect for arbitrarily-sized photos.

Design Systems for Developers

A guide on how to build and maintain design systems.

Bundle Analyzer

A webpack bundle monitor integrated to GitHub.

Why Toggle Tokens Are a Better Alternative to Checkboxes

When to use which component for option selections.

“When your weekend coding projects are held up by scope creep, you really only have yourself to blame.”

Why much of the internet is closed off to blind people

The accessibility challenges for retailers and customers.

Do you know your HTML tags?

You get 112 seconds, plus one for each correct tag.

“Wisdom acquired through aging is vastly undervalued in the UX industry.”

The 7-Point Website Redesign Checklist To Avoid SEO Problems

Do’s and don’ts.

Practicing Growth Design

When design becomes a strategic business driver.

“A component library isn’t a design system. In order to qualify as a design system, it also needs to have a bunch of documentation nobody reads.”

“No amount of JavaScript will save you from a bad idea.”

A Framework for Making Better Product Decisions

How product teams can evaluate their work much better.

Big HTTPS changes coming in Chrome

They will help push the web to be even more secure.

Service workers at TPAC

Potential new features and behaviours of service workers.

Screen Size Map

Interactive map of screen sizes for responsive and adaptive design.

ASPIRE: Ideals to Aspire to When Building Websites

The meaning of the acronym ASPIRE.

New reports for video results in Search Console

Video Appearances in Performance Report, and Video Enhancement Report.

Optimizing images for the web: an in-depth guide

An overview of approaches and tools.

Verify phone numbers on the web with the SMS Receiver API

Everything you wanted to know.

Complete Guide to Responsive Images!

Current methods, and two new with a future CSS image function.

Stop relying solely on static prototypes

Sometimes they can lead you down the wrong path.

The Shifting Landscape of Digital Analytics

And the analysts who will be successful in it.

The new evergreen Bingbot simplifying SEO by leveraging Microsoft Edge

Bing is adopting Microsoft Edge as the Bing engine.

The Obvious UI is Often the Best UI

Design clear interactions instead of clever ones.

Editorial Design Patterns With CSS Grid And Named Columns

Demos and examples.

“Please don’t let anyone guilt you into staying in a toxic job situation in order to ‘fix’ it. You have the power to seek out or craft environments where you can thrive.”

Microsoft open sources SandDance, a visual data exploration tool

It now works with modern JavaScript toolchains.

“The most difficult part of switching from being a traditional designer to becoming a maker is moving from unmanageable perfectionism and a ‘done’ mindset to an incremental approach. Everything is always in flux.”

The World-Wide Work.

How the web is changing, and our work alongside it.

Flash Is Responsible for the Internet's Most Creative Era

The visual evolution of web design.

Clip-path converter

Convert SVG absolute clip-path to relative.

Why you shouldn’t ignore your competitors

What you can learn about your customers from your competitors.

The Hot Potato Process

A collaborative process for designers and developers.

Roadmaps: the value of an uncertain plan

Things to get right when you’re creating a product roadmap.

Designing accessible color systems

You don’t have to fumble around in the dark.

GitSheet

A dead simple git cheatsheet.

Google’s Robots.txt Parser is Misbehaving

How does the real Googlebot treats robots.txt?

Firefox’s New WebSocket Inspector

What you can do with the WebSocket Inspector in Firefox DevTools.

crontab.guru

The quick and simple editor for cron schedule expressions.

The Myths of Color Contrast Accessibility

Let’s create inclusive interfaces that satisfy everyone.

“When a job becomes an identity, you’re in serious trouble.”

200 Free Animated Icons

Download JSON for Lottie, GIF, and After Effects format.

Open Doodles Generator

Choose a theme, edit the colors, and download the assets.