3 Followers
42 Following
17 Posts
Front-end developer/designer in York, UK.

Help us choose the syntax for CSS Nesting!

This article will walk you through the three options currently under consideration by the CSS Working Group. Read through them, and take a one question survey to weigh in.

#css #webdev #frontend

https://webkit.org/blog/13607/help-choose-from-options-for-css-nesting-syntax/

Help choose the syntax for CSS Nesting

The CSS Working Group is continuing a debate over the best way to define nesting in CSS.

WebKit
Behooves - Chris Coyier

Elon isn’t the only person who has recently purchased a large-scale social network. Matt Mullenweg snapped up Tumblr back in August for the “de minimis” sum of 3 million (it takes far more than an order of magnitude more than that just to run Tumblr for a year). Nilay Patel has a great interview with […]

Chris Coyier

Getting deep into the syntax for CSS Nesting, exploring the options…

Here’s a quick & overly simplistic preview...

Option 3:
article {
font-family: avenir;
& aside {
font-size: 1rem;
}
}

Option 4:
article {
font-family: avenir;
} {
aside {
font-size: 1rem;
}
}

Option 5:
@nest article {
& {
font-family: avenir;
}
aside {
font-size: 1rem;
}
}

Which all become:
article {
font-family: avenir;
}
article aside {
font-size: 1rem;
}

Thoughts?

Option 3
80%
Option 4
5.5%
Option 5
6.5%
(show results)
8%
Poll ended at .

I'm enjoying @shadeed9's
"Inside the mind of a frontend developer" series.

This time it's article layout:

https://ishadeed.com/article/inside-frontend-developer-mind-article-layout/

#frontend #css #html

Inside the mind of a frontend developer: Article layout - Ahmad Shadeed

An exploration of how a frontend developer thinks while building an article layout.

Ahmad Shadeed Blog

I think we're at the point where someone should release a highly designed marketing site for a new #css 'framework' with a flashy name and focused documentation - and its all just normal css.

No installs! Zero config!

This is half a joke, and half maybe a useful exercise? What are the selling features and demos that make it the right choice for a busy dev with a site to launch on a budget?

But most importantly, it needs a good name and url.

(or does this already exist?)

Just realised that I can use :has() to lock page scrolling under modals and menus without toggling classes with JS. Handy!

I guess it's time to really familiarize myself with Container Size Queries.

Coming to Firefox In a month! 🎉

https://caniuse.com/css-container-queries

CSS Container Queries (Size) | Can I use... Support tables for HTML5, CSS3, etc

This is a nice little explanation of how Mastodon's verified site ownership works by @Meyerweb https://meyerweb.com/eric/thoughts/2022/11/30/how-to-verify-site-ownership-on-mastodon-profiles/ #mastodon
How to Verify Site Ownership on Mastodon Profiles

Like many of you, I’ve been checking out Mastodon and finding more and more things I like.  Including the use of XFN (XHTML Friends Network) semantics to verify ownership of sites you link from your profile’s metadata!  What that means is, you can add up to four links in your profile, and if you have […]

A lot of Mastodon instance admins are either getting their first hosting bill or getting a very increased bill from extreme growth and usage. Some may be experiencing bill shock.

Please make sure your paying/supporting them!

Twitter was free because you were the product. Mastodon doesn't work this way.

Many instances list a patreon or donation links on their about page.