Chrome DevTools tricks that deserve a spotlight
Some of the DevTools features you might not know about.
Some of the DevTools features you might not know about.
A global database built for JavaScript and TypeScript with zero setup.
“Stop using ChatGPT to avoid thinking.”
Vercel makes databases a first-class part of its frontend cloud.
Interactive demonstrations of pixel blending techniques.
Effective tools would make it clear how they should be used.
Are there any viable options for CAPTCHAs on the horizon?
Feature detection for modern CSS, inspired by the legacy of Modernizr.
“The best way for you to become a better designer is not looking at Dribbble or Behance. It’s looking and playing with real products and seeing how they handle certain scenarios and flows.”
Google will replace the lock icon in Chrome’s address bar with a new ‘tune’ icon.
The full-stack web framework brings a new approach to delivering instant apps at scale.
More user engagement with a well-crafted website footer.
Just because you can style browser scrollbars doesn’t mean you should.
Google has started to roll out passkeys on all major platforms.
Expand your CSS design options with custom view queries.
“The (user) insights a UX team can generate are the most important source of information that can be fed to AI tools to create a usable product.”
“The Arc web browser is the most transformative app I’ve used in decades.”
What the arrival of the new WebGL means for programmers.
The current trends around Google Search with actionable insights.
“Accessibility isn’t something you add to your product. It is your product. If the button isn’t labeled, if the text cannot be seen, if the action cannot be performed, then it may as well not be there for some subset of people.”
“‘Users say our website is hard to use, let’s add a chat bot.’ Congratulations, now you have two bad interfaces instead of one.”
The downside of treating AI as a mere tool or even a slave.
“Product, development, and design should all report to UX research.”
Building evolvable software systems is a strategy, not a religion.
Ways to optimize page loading, improve smoothness, and reduce layout shifts.
Sticky menus can hurt UX far more than they improve it.
Structuring content for people who only scan it is critical.
Let’s build a chat application with a vector database.
A tool to create proportional scales for UI elements in design systems.
Users of assistive technologies have now faster access to the content.
Smaller additions arrive this year; bigger ones are on the horizon.
Who content designers are, how they work, their impacts, and their future.
With a few lines of JavaScript and CSS, you can animate your grid layout.
The popular WebPageTest tool introduces Carbon Control.
“Don’t take your work too serious. Your designs will fail and you will make mistakes. That’s okay. As far as you learn from them you just can win.”
A fresh approach to documenting browser support for web features.
Interaction to Next Paint (INP) becomes a Core Web Vital next year.
What has changed in the past decade, and what can we expect in the future?
An interactive introduction to memory allocation with visuals and a playground.
Let’s try to unsubscribe from 16 well-known digital services!
Every image that’s put out has the opportunity to make a difference.
Some ways to make underlined links look more attractive.
“PHP has become faster, more secure, and more enjoyable to use.”
Find out if an IP address is a threat.
The many ways people aren’t writing JavaScript anymore.
“It is still impressive how far ahead Macromedia Flash was in terms of interactivity and design on the web. To this day, we’re still trying to do the same things we did 20 years ago with Flash.”
How to know whether ‘example.zip’ is an URL or a filename?
Why the debut of .zip and .mov as top-level domains has caused a stir.
ChatGPT adds internet access and 70+ third-party plugins.
A tool that helps to create accessible text links without underlines.
The problem of CSS Custom Properties defined on :root.
“Research without insights and insights without action don’t count.”
Proper layering facilitates the long-term evolution of a design system.
Live form validations can frustrate users or even cause them to give up.
A step-by-step guide to run a Google traffic erosion analysis.
Further ways to create dynamic components with modern CSS.
Options to improve data visualizations for colorblind people.
Measure your website’s Time to First Byte (TTFB) from many locations worldwide.
Google’s web performance auditing tool now has a diff tool.
Why a front-end developer is anything but a mediocre coder.
Easily configure and generate an animated header for your website.
A fast JavaScript bundler deeply integrated into Bun’s runtime.
Watch a web page performing a live, annotated https request for itself.
CSS Nesting, CSS user valid and invalid pseudo-classes, and more.
Guidance on designing services for people who need help with numbers.
Options for increasing the usefulness of chat interfaces.
Google remains on track to completely deprecate third-party cookies.
The top four languages are still the same for over a decade now.
“As designers, we’re not just creating products. We’re creating a language, a dialogue with users that transcends the screen. A conversation that starts with a user’s first click and evolves with every interaction.”
“Calling it ‘content’ was the first step in convincing people that machines could make it.”
“The ability to easily create quality 60 FPS page transitions is a game changer.”
Nothing is built-in to JavaScript to help us, so what to do?
A collection of pictorial mental models to clarify your thoughts.
Optimize web performance by identifying out-of-order head tag elements.
Bounce, spring, and elastic effects with the upcoming CSS linear() easing function.
The importance of a high-contrast theme in interfaces.
There is a term that more accurately describes the control you want.
Why not store your go-to avatar on your domain for quick retrieval?
“‘Pick the right tool for the job’ is always the right answer, especially when someone’s trying to debate you on why their tool is better than ‘your tool.’”
New HTML APIs for building popovers are coming to browsers.
A new way to create imagery from a simple text prompt.
People behave differently when they know they are observed.
A roadmap to learn Search Engine Optimization with reliable resources.
How Google’s new system surfaces expert news in search results.
A collection of more than 100 unique CSS patterns coded from scratch.
How the new image format has been adopted in the ecosystem.
An inspiring collection of tile layouts for branding and product features.
A guide to learn the basics of generative AI and to spot AI bullshit.
The Arc browser now turns its users into web designers.
How we interact with technology is about to change significantly.
These forms are simple, but many websites still have mistakes.
What you risk when you rely on the CSS declaration ‘display: contents.’
Why stop with just a dark mode? Let’s go back to the future.
“Professionalism is caring more than is reasonable to get it right.”
“To replace programmers with AI, clients will need to accurately describe what they want. We’re safe.”
Public data sources for digital products, services, and activities.
Blend modes are a powerful way to create endless visual effects.
Ethical alternatives to deceptive patterns benefit everyone in the end.
Let’s discover the potential of the new View Transitions API.
What if a UI can anticipate user needs and iterate itself?