Search

Nalezeno "Safari": 109

“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....

New in Chrome 88: aspect-ratio


And it was released yesterday! The big news for us in CSS Land is that the new release supports the aspect-ratio property. This comes right on the heels of Safari announcing support for it in Safari Technology Preview 118, … The post New in Chrome 88: aspect-ratio appeared first...

`aspect-ratio` is going to deprecate FitVids


Jen was just tweetin’ about how the latest Safari Technical Preview has aspect-ratio. Looks like Chrome and Firefox both have it behind a flag, so with Safari joining the party, we’ll all have it soon. I played with it … The post `aspect-ratio` is going to deprecate FitVids...

CSS Individual Transform Properties in Safari Technology Preview


The WebKit blog details how to use individual CSS Transform properties in the latest version of Safari Technology Preview. This brings the browser in line with the CSS Transforms Module Level 2 spec, which breaks out the translate(), … The post CSS Individual Transform Properties in Safari...

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