Gettin’ Foldy with the Dual-screen Web

Say hello to web design for foldable devices.

Bootstrap Icons v1.0.0

Over 1,100 icons, ready to use and customize.

Kindle Collects a Surprisingly Large Amount of Data

The Kindle tracks every interaction someone makes while reading.

Asynchronous HTMLRewriter for Cloudflare Workers

The next level of streaming changes to HTML on the edge.

“Managing a remote team is not the same as managing a work from home team.”

lookup.design

Handpicked UI and UX design examples for your inspiration.

RFC8890: The Internet is for End Users

The meaning of the latest RFC of the Internet Architecture Board.

“In many different fields, outsiders overestimate the value of ideas and underestimate the difficulties of execution.”

How People Use Google Search (New User Behavior Study)

Only 9% of searchers make it to the bottom of the first page.

CoverView

Easily create cover images for your blog or social media.

A Search Performance Per Device Dashboard

A way to analyze mobile vs. desktop website search behavior.

APIs

History, future, design, development, opportunities, and impacts.

Help users change passwords easily

Add a well-known URL for changing passwords.

COVID-19 Has Changed Your Users

User needs are changing quickly and we must keep up.

Learn how to find image licensing information on Google Images

Google makes it easier to find licensable images.

Amazon wins FAA approval for Prime Air drone delivery fleet

The e-commerce giant can now begin testing customer deliveries.

Tweet Photo got acquired

How a blog post became an accidental success story.

Ground Rules for Web Animations

What to consider when using animations on product pages.

Canvas pages

Framer introduces a new way to organize prototypes.

Statecharts.io

Statechart tools to make your code do more, visually.

mailgo

A new concept of ‘mailto’ and ‘tel’ links.

Display Typefaces

More than meets the eye: debunking of the display typefaces.

Component Driven User Interfaces

The practice of building UIs with modular components.

Tweetagram

Auto generate beautiful visuals from a Tweet.

Giving users and developers more control over focus

New in Chrome: ‘:focus-visible’ and Quick Focus Highlight.

Stitches

A modern, fully-featured CSS-in-JS styling library.

Custom bullets with CSS ::marker

It‘s now very easy to customize list bullets and numbers.

Copy Analyzer

Analyze your SaaS landing page copy with machine learning.

Sidebar Webring

A collection of handpicked blog feeds focused on design.

Shape

Countless customizable illustrations and icons for your web projects.

How to Become a Successful Remote Based Freelancer

Actionable tips and advice.

Why do URL-based ad blockers work?

Wondering why advertisers haven’t just worked around ad blockers.

“Sketches are for thinking. Comps are for selling. Prototypes are for validating. Specs are for building. Experiments are for proving. Launches are for adoption. Features are for learning.”

The SEO Cheat Sheet for Small Businesses

A plan of attack for small businesses without an in-house marketer.

Big changes are coming to GTmetrix

Lighthouse, new test locations, new PRO plans, etc.

Chrome 86

Improved Focus Highlighting, WebHID, and more.

Beyond Media Queries

Using newer HTML and CSS features for responsive designs.

Loaf

Animated SVG icon library packaged in an easy to use icon editor.

How to pick more beautiful colors for your data visualizations

Common color mistakes and how to avoid them.

“I am a professional web designer, which just means I have memorized fifteen different programs’ wildly inconsistent keyboard commands for ‘move this layer to the back’.”

“Good designers are interdisciplinary thinkers who care about things like social issues, cultural issues, and the world in which their design gets applied.”

What is the Value of Browser Diversity?

What if all browsers switched to a single engine?

Connect, No Matter the Speed

Let’s minimize user frustration due to connectivity.

Styling Complex Labels

An example on how far we can push the styles of HTML elements.

Online Privacy Should Be Modeled on Real-World Privacy

How online ad tracking really works.

This Image Is Also a Valid Javascript File

It’s a mental challenge to make this stuff work.

Parsel

A tiny, permissive CSS selector parser.

Google Says It Is Unlikely Core Web Vitals Will Become The Primary Ranking Factor

This should come as no surprise to most of you.

AVIF has landed

How to use the new image format, and how it compares to others.

Inspect

A new developer tool to debug your websites on iOS devices.

Visualising SEO

Illustrations explaining SEO terminology and concepts.

Arcade

A fun way to manage design tokens for enterprise teams.

How to Use Animations in Mobile Apps

Ways to add usability and elegance to interactions.

Email Platform Status

What email developers use: HTML, CSS, At-rules, and more.

How CSS Perspective Works

Master the basics of the perspective property in CSS.

“The less you’ve built, the more you’re inclined to critique what’s been built by others.”

devcert

Running a local HTTPS server made easy.

“Every story of yourself in the future is a form of fiction. But if it aligns with where you want to go, it’s called a vision.”

Beautiful CSS box-shadow examples

A collection of ready-to-use recipes for CSS box-shadow.

Three Myths About Calculating the ROI of UX

Don’t overthink UX return-on-investment calculations.

CNCF Cloud Native Interactive Landscape

A map through the terrain of cloud native technologies.

Relativty, ‍an open-source VR headset

Make your own virtual reality headset for $200.

Introducing the Colorblind Generator

Stark introduces a sibling to its Colorblind Simulator.

“The modern web dev is an extreme overreaction to not liking some php.”

How Often Google Ignores Our Meta Descriptions

The relationship between search volume and rewrite rate.

How to preload responsive images with imagesizes and imagesrcset

Performance tuning for responsive images.

How to tell browsers that your site supports color-schemes

A new CSS property simplifies to build color-schemed UIs.

Flying debugger

When the Senior Developer arrives to fix the bug.

The Sound of Colleagues

Feel like you’re working at the office, not from remote.

Managing several displays with the Multi-Screen Window Placement API

A new API is ready to be tried out in Chrome.

Your Calendrical Fallacy Is...

Date and time operations are more complex than you think.

It’s not a bug, it’s a beetle

When full-stack developers maintain the CSS framework.

Introducing Web APIs for Dual Screen and Foldable Devices

Microsoft prepares the browser for a new form factor.

Centering in CSS

A visual guide to everything you need to know.

Interaction Media Features and Their Potential

Beware of false assumptions about these media features.

Color within Constraints

A scalable color system for digital products.

3 best practices of competitor SEO you should know

Inspirations to develop your own competitor SEO strategy.

Moment.js

The popular date/time library is now a legacy project.

Chandeliers work

When you copy some working code from StackOverflow.

The tangled webs we weave

You start with three tools, but then you grapple with twenty.

Nova

Say hello to a powerful and stylish new code editor for Mac.

Catchpoint to Acquire Webpagetest.org

The popular performance tool will be enhanced but remains free.

Safari on iOS 14 and iPadOS 14 for PWA and Web Developers

What’s new, what’s missing, new challenges and new abilities.

GitHub CLI 1.0 is now available

Now you can run your entire GitHub workflow from the terminal.

Googlebot will soon speak HTTP/2

However, it won’t affect the crawling budget and indexing of your site.

Embracing the tension between code and design

Figma’s new features bring design and code closer together.

Intelligent Tracking Prevention In iOS 14, iPadOS 14, And Safari 14

The impact of the changes on analytics and digital marketing.

Make Firefox your default browser on iOS (finally!)

Now you can choose any default browser on iPhones and iPads.

Form design

Best practice, research insights and examples.

“Designers obsess over colors, shapes, grids, typography. But getting better at writing is the fastest way to become a better designer.”

Folding the Web

Enabling real responsive design on foldable devices.

BGJar

SVG background generator for your website..

Cloudflare and the Wayback Machine, joining forces for a more reliable Web

The CDN starts to use the Wayback Machine.

Visualize Data Structures in VSCode

The power of the VSCode Debug Visualizer extension.

“Are you working on side projects or do you have kids?”

v3.0.0 One Piece

The next level of the popular JavaScript UI framework.

Buttons that Spark Joy

Delight users and create memorable experiences with buttons.

How to earn your place in Google’s index in 2020

What has changed and what you can do about it.

False Simplicity in UI Design: Simple is not always better

What can go wrong and how you can fix it.

GitHub to replace 'master' with 'main' starting next month

An effort to remove unnecessary references to slavery.