Search

Nalezeno "safari": 113

Safari 15 Opinions


It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other … The post Safari 15 Opinions appeared first on CSS-Tricks....

Meta Theme Color and Trickery


Starting with Version 15, Safari supports the theme-color <meta> tag both on macOS and iOS. That’s exciting news because now the first desktop browser supports this <meta> tag and it also supports the media attribute and the prefers-color-scheme media feature.… The post Meta...

Working around the viewport-based fluid typography bug in Safari


Sara digs into a bug I happened to have mentioned back in 2012 where fluid type didn’t resize when the browser window resized. Back then, it affected Chrome 20 and Safari 6, but the bug still persists today in Safari … The post Working around the viewport-based fluid typography bug...

Using Performant Next-Gen Images in CSS with image-set


The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().… The post Using Performant Next-Gen Images in CSS with image-set...

“Weak declaration”


PPK looks at aspect-ratio, a CSS property for layout that, for the most part, does exactly what you would think it does. It’s getting more interesting as it’s behind a flag in Firefox and Safari now, so we’ll have … The post “Weak declaration” appeared first...

Safari 15: New UI, Theme Colors, and… a CSS-Tricks Cameo!


There’s a 33-minute video (and resources) over on apple.com covering the upcoming Safari changes we saw in the WWDC keynote this year in much more detail. Look who’s got a little cameo in there: Perhaps the most noticeable thing there … The post Safari 15: New UI, Theme Colors...

Debugging iOS Safari


How do I debug Safari on iOS? These are my general steps, starting with not even using iOS Safari. 1. Is this just a small-screen problem? Lemme just use the device mode in Chrome quick. Note that this does a … The post Debugging iOS Safari appeared first on CSS-Tricks. You can support...

Progress Delayed Is Progress Denied


The bombshell article of the week is from Alex Russell of Google/Chrome. Alex has long been super critical of Apple, particularly about how there is literally no option to run any other browser than Safari on iOS. This article isn’t … The post Progress Delayed Is Progress Denied...

16px or Larger Text Prevents iOS Form Zoom


This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is … The post 16px or Larger Text Prevents iOS Form Zoom appeared first...

Safari 14.1 Adds Support for Flexbox Gaps


Yay, it’s here! Safari 14.1 reportedly adds support for the gap property in flexbox layouts. We’ve had grid-gap support for some time, but true to its name, it’s limited to grid layouts. Now we can use gap in either type … The post Safari 14.1 Adds Support for Flexbox Gaps...

Exploring color-contrast() for the first time.


I saw in the release notes for Safari Technical Preview 122 that it has support for a color-contrast() function in CSS. Safari is first out of the gate here. As far as I know, no other browser supports this yet … The post Exploring color-contrast() for the first time. appeared first...

Text That Sometimes Turns to Emojis


There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see: Chrome on the left. Safari in the simulator on top… The post Text That Sometimes Turns to Emojis appeared first...

Xbox Cloud Gaming For Windows 10 And iOS Launches Limited Beta Tomorrow


As promised back in December, a browser-based version of the Xbox Cloud Gaming service for Windows 10, iPhones, and iPads is kicking off tomorrow, with a limited number of Xbox Game Pass Ultimate subscribers invited to stream and play games directly through Edge, Google Chrome, or the Safari...

:where() has a cool specificity trick, too.


There is a lot of hype on the :is() pseudo-selector lately, probably because now that Safari 14 has it, it’s supported across all the major browsers. You’ve got Miriam tweeting about it, Kevin Powell doing a video, Šime … The post :where() has a cool specificity trick, too....

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace