tag Browsers

標籤
貢獻37
37
02:22 AM · Nov 17 ,2025
patrickbrosset 頭像 louis-lazaris 頭像 robin-marx 頭像 michelle-barker 頭像 atila-fassina 頭像 addy-osmani 頭像 jacob-gube 頭像 aaronladage 頭像 dudley-storey 頭像 fuqiao-xue 頭像 jacobrossi 頭像 stephaniewalter 頭像

@Browsers / 博客 RSS 訂閱

addy-osmani 頭像

Addy Osmani - Using Modern Image Formats: AVIF And WebP

We’ve recently published Addy’s Image Optimization book with everything you need to know about images, how to compress, serve and maintain images. Now, shipping with a hand-written personal messa

performance , Images , optimization , Browsers , Smashing Books

收藏 評論

stephanie-stimac 頭像

Stephanie Stimac - Building Web Layouts For Dual-Screen And Foldable Devices

It’s now been more than two years since the Samsung Galaxy Fold and Surface Duo were introduced to the world. Since then, the Surface Duo 2, Samsung Galaxy Z Fold 3 and Galaxy Z Flip 3 have all hit

Responsive Web Design , CSS Grid , Css , Browsers

收藏 評論

atila-fassina 頭像

Atila Fassina - Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about settin

API , Apps , cms , Browsers , serverless

收藏 評論

stephanie-eckles 頭像

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

收藏 評論

eric-bailey 頭像

Eric Bailey - Improving The Accessibility Of Your Markdown

Markdown is a small text to HTML conversion language. It was created by John Gruber in 2004 with the goal of making writing formatted text in a plain text editor easier. You can find Markdown in man

Tools , Accessibility , Browsers , User Experience

收藏 評論

robin-marx 頭像

Robin Marx - HTTP/3 From A To Z: Core Concepts

You may have read some blog posts or heard conference talks on this topic and think you know the answers. You’ve probably heard things like: “HTTP/3 is much faster than HTTP/2 when there is packet l

performance , Guides , Security , Browsers

收藏 評論

robin-marx 頭像

Robin Marx - HTTP/3: Performance Improvements (Part 2)

Welcome back to this series about the new HTTP/3 protocol. In part 1, we looked at why exactly we need HTTP/3 and the underlying QUIC protocol, and what their main new features are. In this second

performance , Guides , Security , Browsers

收藏 評論

zack-grossbart 頭像

Zack Grossbart - JavaScript Profiling With The Chrome Developer Tools

Little changes in your code can have gigantic performance impacts. A few lines here or there could mean the difference between a blazingly fast website and the dreaded “Unresponsive Script” dialog.

coding , Browsers , Javascript

收藏 評論

nathan-smith 頭像

Nathan Smith - CTA Modal: How To Build A Web Component

I have a confession to make — I am not overly fond of modal dialogs (or just “modals” for short). “Hate” would be too strong a word to use, but let’s say that nothing is more of a turnoff when start

Apps , Web Components , Browsers , HTML , Javascript

收藏 評論

barry-pollard 頭像

Barry Pollard - Performance Game Changer: Browser Back/Forward Cache

First of all, it would be remiss of me to give the Chrome browser all the credit here, when the other two main browsers (Safari and Firefox) have had this concept for quite some time now, though the

performance , Core Web Vitals , Caching , Browsers

收藏 評論

alyssa-holland 頭像

Alyssa Holland - Creating A Custom Range Input That Looks Consistent Across All Browsers

As one of the maintainers of a UI component library, I’ve implemented and styled myriads of input elements. One day I was assigned the task of adding a range input to the library and, I figured it w

Techniques , Css , Browsers , HTML

收藏 評論

michelle-barker 頭像

Michelle Barker - Simplifying Form Styles With accent-color

I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. aspect-ratio is one such p

Tools , Accessibility , Css , Browsers

收藏 評論

michelle-barker 頭像

Michelle Barker - New CSS Features In 2022

Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for respons

Guides , Css , Browsers

收藏 評論

victorclarke 頭像

Victor Clarke - 15 Impressive Alternative Browsers

It’s 2015 and your choice of browser has proven to be as important as your choice of operating system. Dedicated apps may be competing against browsers on mobile devices, but that is hardly the case

Technology , Browsers , Design

收藏 評論

joseph-zimmerman 頭像

Joseph Zimmerman - How To Make A Drag-and-Drop File Uploader With Vue.js 3

What’s different about the file uploader we’re building in this article versus the previous one? The previous drag-and-drop file uploader was built with Vanilla JS and really focused on how to make

Tools , Vue , Browsers , Javascript

收藏 評論

atila-fassina 頭像

Atila Fassina - Databases For Front-End Developers: The Concepts Under The Hood (Part 2)

In Part 1, The Rise Of Serverless Databases, of the “Databases For Front-End Developers” series, we talked about the hurdles and traps of scaling and maintaining your databases. We went from simpler

API , Apps , Browsers , serverless

收藏 評論

yaphi-berhanu 頭像

Yaphi Berhanu - Motion Controls In The Browser

In this article, I’m going to explain how to implement motion controls in the browser. That means you’ll be able to create an application where you can move your hand and make gestures, and the elem

API , Apps , Browsers , Javascript

收藏 評論

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep Dive Into object-fit And background-size In CSS

We’re not always able to load different-sized images for an HTML element. If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or st

Techniques , Tools , Css , Browsers

收藏 評論

brad-colbow 頭像

Brad Colbow - The Life, Times (and Death?) of Internet Explorer 6 (Comic Strip)

In this post we’re looking at what Internet Explorer 6 used to be and why its image changed over the years. You can also see the comic in a larger version. Further Reading on SmashingMag: The

Cartoons , Browsers , Design , Internet Explorer

收藏 評論

louis-lazaris 頭像

Louis Lazaris - Why Web Designers Should Not Use Ad Blockers

I’ll start this article with a positive statement: Most people frequenting the web design community (whether they are casual readers or regular design bloggers doing research) understand that nothin

Community , Advertising , Browsers , Opinion Column

收藏 評論

david-sparks 頭像

Dave Sparks - Using CSS3: Older Browsers And Common Considerations

With the arrival of IE9, Microsoft has signalled its intent to work more with standards-based technologies. With IE still the single most popular browser and in many ways the browser for the uniniti

css3 , coding , Css , Browsers , Essentials

收藏 評論

patrickbrosset 頭像

Patrick Brosset - What’s New In DevTools: Halloween Edition 🎃

I can’t believe it’s already been nine months since I last wrote about the new DevTools features across browsers! You folks are due for an update. And what an update this is going to be! Our friend

devtools , Tools , testing , debugging , Browsers

收藏 評論

aaronladage 頭像

Aaron Ladage - Form Inputs: The Browser Support Issue You Didn’t Know You Had

The lowly form input. It’s been a part of HTML for as long as HTML has had a formal specification; but before HTML5, developers were hamstrung by its limited types and attributes. As the use of smar

Forms , coding , Browsers

收藏 評論

patrickbrosset 頭像

Patrick Brosset - What’s That (Dev) Tool?

Have you ever looked to see what other tools were available to you within the DevTools toolbox? You’re probably using the same few panels over and over again — I know I am! It turns out there are m

devtools , Techniques , Tools , Browsers

收藏 評論