Search
Safari 15 Opinions
28.7.2021
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
13.7.2021
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
28.6.2021
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
23.6.2021
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”
23.6.2021
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!
11.6.2021
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...
macOS 15 Monterey: Propojené plochy různých zařízení, pokročilá automatizace a přepracované Safari
7.6.2021
Apple na WWDC 2021 představil novou verzi operačního systému macOS 15 Monterey • Nová verze macOS piluje zavedený směr k většímu propojení a jednotnosti na různých zařízeních • macOS 15 dostane spoustu novinek, které dorazí i na iOS a iPadOS
Debugging iOS Safari
2.6.2021
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...
A nejpoužívanějším prohlížečem se stává… Google Chrome!
27.5.2021
Ty tam jsou doby, kdy byli uživatelé „nuceni“ projíždět ty internety prostřednictvím Internet Exploreru. Dnes je na výběr…
The post A nejpoužívanějším prohlížečem se stává… Google Chrome! appeared first on Tyinternety.cz
Progress Delayed Is Progress Denied
5.5.2021
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
4.5.2021
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
30.4.2021
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.
26.4.2021
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
22.4.2021
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
19.4.2021
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...
Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
16.4.2021
There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
The post Platform News:...
:where() has a cool specificity trick, too.
30.3.2021
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....
Platform News: Prefers Contrast, MathML, :is(), and CSS Background Initial Values
19.3.2021
In this week’s round-up, prefers-contrast lands in Safari, MathML gets some attention, :is() is actually quite forgiving, more ADA-related lawsuits, inconsistent initial values for CSS Backgrounds properties can lead to unwanted — but sorta neat — patterns.
The prefers-contrast: more…
The...
Apple M1 dosáhl výkonu téměř 1 TFLOPS. Experimentální test násobil matice a proběhl v prohlížeči Safari
7.3.2021
Nad čipem Apple M1 kroutí hlavu řada odborníků a testerů hlavně kvůli tomu, jaký výkon poskytuje i přes nízkou spotřebu. Apple využívá několik desítek vlastních akcelerátorů uvnitř čipu a unikátně zapracoval i operační paměť, díky čemuž dokáže přenášet data bezkonkurenčně rychle s extrémně nízkou
Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support
5.2.2021
Hey, we’re back with weekly updates about the browser landscape from Šime Vidas.
In this week’s update, the CSS :not pseudo class can accept complex selectors, how to disable smooth scrolling when using “Find on page…” in Chrome, Safari’s …
The post Weekly...