Search

Nalezeno "browser": 600

CSS Logical Properties and Values

27.7.2021
Now that cross-browser support is at a tipping point, it’s a good time to take a look at logical properties and values. If you’re creating a website in multiple languages, logical properties and values are incredibly useful. Even if you’re … The post CSS Logical Properties...

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

System *Things

29.6.2021
I think we’re all largely aware of named colors in CSS: color: OldLace; background: rebeccapurple; I guess you’d just call those “named colors” in CSS. Those aren’t the only kind of named colors there are though. Some of them … The post System *Things appeared...

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

Perfect Tooltips With CSS Clipping and Masking

17.6.2021
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a clipping technique for tooltips showing above links in text. Those … The post Perfect Tooltips With CSS Clipping and Masking appeared...

How I Used the WAAPI to Build an Animation Library

16.6.2021
The Web Animations API lets us construct animations and control their playback with JavaScript. The API opens the browser’s animation engine to developers and was designed to underlie implementations of both CSS animations and transitions, leaving the door open to … The post How I Used...

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

Should DevTools teach the CSS cascade?

22.5.2021
Stefan Judis, two days before I mouthed off about using (X, X, X, X) for talking about specificity, has a great blog post not only using that format, but advocating that browser DevTools should show us that value by … The post Should DevTools teach the CSS cascade? appeared first...

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

Is Vendor Prefixing Dead?

5.5.2021
Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone! It‘s not clear who started prefixing, or when it began exactly. What is clear, is … The post Is Vendor Prefixing Dead? appeared first...

Crypto-Friendly Opera Browser Now Supports .crypto Blockchain Addresses

29.4.2021
Opera, the chromium-based web browser, has announced its integration with Blockchain domain provider “Unstoppable Domains” to make decentralized web access to its users. Users don’t have to download the browser extension but can directly access Blockchain websites via IPFS, using...

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

Eliminating five top compatibility pain points on the web

23.4.2021
Robert Nyman and Philip Jägenstedt: Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers. The areas of focus are CSS Flexbox, CSS Grid, position: sticky,  … The post Eliminating five...

How to Improve CSS Performance

19.4.2021
There is no doubt that CSS plays a huge role in web performance. Milica Mihajlija puts a point on exactly why: When there is CSS available for a page, whether it’s inline or an external stylesheet, the browser delays rendering … The post How to Improve CSS Performance appeared first...

Not Your Typical Horizontal Rules

16.4.2021
The default browser style for <hr> is so weird. It’s basically: border-style: inset; border-width: 1px; The default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line … The post Not Your Typical...

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