a radial gradient shown over a conic gradient of sun rays
a linear gradient shown overtop a radial gradient
a conic gradient on top of another conic gradient
gradient.style has finally
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
In other words, to make hashtags accessible, use #UpperCamelCase, also known as #PascalCase. Am I right?
Sounds good 👌
I have a pi-day challenge for all the physics students among you (or anyone willing to set up an experiment). If you share your results with me by March 10th, I may feature them in a video, depending on how good the results are and how many I get.
Both videos from today's 11ty Meetup are now live on our YouTube channel and embedded on our site...
Bob builds book pages and I build a web perf data aggregator
#11ty #webperf
www.youtube.com/watch?v=r2St...
11tymeetup.dev/events/ep-21...
<table> highlighting with CSS :has() 💡
td:has(~ td:hover), /* previous sibling cells */
table:has(td:nth-of-type(3):hover) /* column cells */
tr:not(:first-of-type):has(~ tr:hover)
td:nth-of-type(3) {
background: var(--highlighted);
}
HTML, CSS, JS & A11y course stack:
- HTML For People by @blakewatson.com: htmlforpeople.com
- Complete CSS by @piccalil.li: complete-css.com
- Joy For JavaScript Developers by @joshwcomeau.com: www.joyforjs.com
- Practical Accessibility by @sarasoueidan.com: practical-accessibility.today
You can build amazing projects with plain HTML, CSS, and JavaScript.
![New JavaScript Set Methods
const set1 = new Set(['wes', 'kait']);
const set2 = new Set(['wes', 'scott']);
Difference
Elements in set2 but not in set1
set2.difference(set1)
> ['scott']
Intersection
Elements that exist in both sets
set1.intersection(set2)
> ['wes']
Symmetric Difference
Elements in either set, but not both
set1.symmetricDifference(set2)
> ['kait', 'scott']
Union
All elements from both sets
set1.union(set2)
> ['wes', 'kait', 'scott']
Is Disjoint From
True if sets share no elements
set1.isDisjointFrom(set2)
> false
Is Subset Of
True if all elements are in other set
set1.isSubsetOf(set2)
> false
Is Superset Of
True if it contains all other's elements
set1.isSupersetOf(set2)
> false](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:etdjdgnly5tz5l5xdd4jq76d/bafkreifpciv7ufsmynaqjmiw63rmyybije242ep2ylqs3iarkehaz4qxzi)
New JavaScript Set Methods const set1 = new Set(['wes', 'kait']); const set2 = new Set(['wes', 'scott']); Difference Elements in set2 but not in set1 set2.difference(set1) > ['scott'] Intersection Elements that exist in both sets set1.intersection(set2) > ['wes'] Symmetric Difference Elements in either set, but not both set1.symmetricDifference(set2) > ['kait', 'scott'] Union All elements from both sets set1.union(set2) > ['wes', 'kait', 'scott'] Is Disjoint From True if sets share no elements set1.isDisjointFrom(set2) > false Is Subset Of True if all elements are in other set set1.isSubsetOf(set2) > false Is Superset Of True if it contains all other's elements set1.isSupersetOf(set2) > false
You should be using JavaScript sets more often
Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.
Must reads for web developers - how modern browsers work:
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
I just started reading it, but it is really good so far. It seems more like a second course on the subject that ties all the concepts together nicely. I’ll let you know when I get further into it 🙂
I read a lot of math books (and CS and data science) and plan on sharing my finds in the future.
After reading several introductory #statistics #books, my absolute favorite book is OpenIntro Statistics 4th ed.
There is a free online version (with other free resources) - as well as physical copies available. Great place to start.
Check it out at: www.openintro.org/book/os/
📝 New post: Theme Machine 2.0
A rundown of all the new features I’ve added to the #ThemeMachine
keithjgrant.com/posts/2024/1...
#css #webdev #color
Arc on a shark! 😂
I’m glad I found your account over here on the Sky. I’m hoping a bigger #math community grows on here. My interests lie at some weird intersection between math, computer science, and data science. I read a lot of math textbooks and hope to find more likeminded people. Here’s to #mathsky
Yes. Sounds great.
Counting dots from left to right, top to bottom
Left to right, from top to bottom.
Got an idea you need to code up super quick?
Just remember:
https://buff.ly/2KGmVgG
10 powerful ways to use #CSS variables
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
I do the same thing. I always bring a book and sometimes earbuds. Sure makes the time go by a little faster.
It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel.
Enjoy!
htmhell.dev/adventcalend...
In case you missed it, I reduced the price of my debugging CSS book to just $19.99!
Get your copy: debuggingcss.com
I’m really looking forward to this course. Andy makes fantastic content.
🏠 I’m having an Open House!
This has become a bit of a tradition for me. Every Black Friday, I select a couple of lessons from my courses and make them public for a few days. This way, potential students can test-drive the content and see if it’s a good fit for them!
The doors have just opened. 😄
That’s a great idea. They say that the golden ratio is the most pleasing ratio to look at and has been found in famous architecture and other contexts. If you could pull off a golden layout, it could be a big deal 😎
A screenshot of a post from this site with Bluesky mentions linked with an icon.
Bluesky interactions are now collected and shown on my personal site's posts! thanks at-proto and Bridgy (brid.gy)
nerdy.dev/this-site-no...
