Is Vendor Prefixing Dead?

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 on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/is-vendor-prefixing-dead/

4y | CSS tricks
Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders

Here’s a dilemma: what happens if your WooCommerce site has a problem and the quickest and best way to fix it is to roll back to a previous version? The dilemma is, if you roll back the database, you would …

The post Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/jetpack-backup-roll-back-your-woocommerce-site-without-losing-orders/

4y | CSS tricks
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 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 on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/

4y | CSS tricks
Number of Homes

🏠 They say an average person lives in 11 homes in their lifetime. What’s your number? (I’m currently at 8🤪) — CanadianPam (@PamelaApostolo1) May 1, 2021 Hmmmmm! I’m not even sure what house I lived in when I was born. … The post Number of Homes appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. https://css-tricks.com/number-of-homes/

4y | CSS tricks
Creating Colorful, Smart Shadows

A bona fide CSS trick from Kirupa Chinnathambi here. To match a colored shadow with the colors in the background-image of an element, you inherit the background in a pseudo-element, kick it behind the original, then blur and filter it. …

The post Creating Colorful, Smart Shadows appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://www.kirupa.com/html5/creating_colorful_smart_shadows.htm

4y | CSS tricks
Let’s use (X, X, X, X) for talking about specificity

I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and Eric took the time to point out the misleading nature …

The post Let’s use (X, X, X, X) for talking about specificity appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/lets-use-x-x-x-x-for-talking-about-specificity/

4y | CSS tricks
Chapter 8: CSS

In June of 2006, web developers and designers from around the world came to London for the second annual @media conference. The first had been a huge success, and @media 2006 had even more promise. Its speaker lineup was pulled …

The post Chapter 8: CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/chapter-8-css/

4y | CSS tricks
Swipey Image Grids

I hope people think of SVG as a vector format that is good for drawing things. There is plenty more to know, but here’s one more: SVG is good for composition. You draw things at very specific coordinates …

The post Swipey Image Grids appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://www.cassie.codes/posts/swipey-image-grids/

4y | CSS tricks
WebPageTest API

I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …

The post WebPageTest API appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/webpagetest-api/

4y | CSS tricks
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 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/safari-14-1-adds-support-for-flexbox-gaps/

4y | CSS tricks

Search