diekus
@diekus.bsky.social
I'm just a simple bloke, in a high-tech digital world.
Expect posts about cutting `edge` web tech, photography and gadgets.
https://diek.us
Expect posts about cutting `edge` web tech, photography and gadgets.
https://diek.us
Reposted by diekus
#JS folks, what have you needed JS class mixins/traits for?
Especially interested in use cases outside of Web Components (I already have plenty around WC)
Especially interested in use cases outside of Web Components (I already have plenty around WC)
October 27, 2025 at 3:05 PM
#JS folks, what have you needed JS class mixins/traits for?
Especially interested in use cases outside of Web Components (I already have plenty around WC)
Especially interested in use cases outside of Web Components (I already have plenty around WC)
Reposted by diekus
Here's a #CSS study list, 100+ features to checkout from the past ~5 years.
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
One List To Rule Them All · September 10, 2025
In the darkness may it bind us
nerdy.dev
September 10, 2025 at 11:11 PM
Here's a #CSS study list, 100+ features to checkout from the past ~5 years.
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
Reposted by diekus
Margin? Border? Padding? Content? 💅
The CSS box model is the foundation of layout, and MDN’s interactive exercises help you truly understand how it all fits together.
💡 Practice live in your browser
developer.mozilla.org/en-US/docs/...
The CSS box model is the foundation of layout, and MDN’s interactive exercises help you truly understand how it all fits together.
💡 Practice live in your browser
developer.mozilla.org/en-US/docs/...
Test your skills: The box model - Learn web development | MDN
The aim of this skill test is to help you assess whether you understand the CSS box model.
developer.mozilla.org
September 4, 2025 at 4:00 AM
Margin? Border? Padding? Content? 💅
The CSS box model is the foundation of layout, and MDN’s interactive exercises help you truly understand how it all fits together.
💡 Practice live in your browser
developer.mozilla.org/en-US/docs/...
The CSS box model is the foundation of layout, and MDN’s interactive exercises help you truly understand how it all fits together.
💡 Practice live in your browser
developer.mozilla.org/en-US/docs/...
Reposted by diekus
How the App Store Helped Kill My Startup, and Why That Should Matter to You mariabettina.substack.com/p/how-the-ap... "We had to create TikToks just to teach users how to save our web app to their home screen. And even that confused people, largely because Apple designed it to be confusing."
How the App Store Helped Kill My Startup,and Why That Should Matter to You
Not being allowed into the App Store played a pivotal role in the challenges my startup, Freyja, faced, even if it wasn’t the sole reason for its struggles.
mariabettina.substack.com
July 29, 2025 at 11:27 AM
How the App Store Helped Kill My Startup, and Why That Should Matter to You mariabettina.substack.com/p/how-the-ap... "We had to create TikToks just to teach users how to save our web app to their home screen. And even that confused people, largely because Apple designed it to be confusing."
#CSS #Masonry layout is almost here, and we want your help and feedback to finish it!
developer.chrome.com/blog/masonry...
developer.chrome.com/blog/masonry...
Brick by brick: Help us build CSS Masonry | Blog | Chrome for Developers
Short description
developer.chrome.com
July 23, 2025 at 5:53 PM
#CSS #Masonry layout is almost here, and we want your help and feedback to finish it!
developer.chrome.com/blog/masonry...
developer.chrome.com/blog/masonry...
Exciting news! The Web Install API dev trial is live! To find out more, aka.ms/webinstall
With Web Install you'll be able to take control of the acquisition funnel for your web applications.
We want to hear all your feedback once you try it!
github.com/MicrosoftEdg...
With Web Install you'll be able to take control of the acquisition funnel for your web applications.
We want to hear all your feedback once you try it!
github.com/MicrosoftEdg...
July 9, 2025 at 5:50 PM
Exciting news! The Web Install API dev trial is live! To find out more, aka.ms/webinstall
With Web Install you'll be able to take control of the acquisition funnel for your web applications.
We want to hear all your feedback once you try it!
github.com/MicrosoftEdg...
With Web Install you'll be able to take control of the acquisition funnel for your web applications.
We want to hear all your feedback once you try it!
github.com/MicrosoftEdg...
Reposted by diekus
It’s the last day to take the State of CSS survey!!!
survey.devographics.com/en-US/survey...
If you write CSS, please do! The information has real impact.
#css #webdev
survey.devographics.com/en-US/survey...
If you write CSS, please do! The information has real impact.
#css #webdev
State of CSS 2025
Take the State of CSS survey
survey.devographics.com
July 1, 2025 at 4:45 PM
It’s the last day to take the State of CSS survey!!!
survey.devographics.com/en-US/survey...
If you write CSS, please do! The information has real impact.
#css #webdev
survey.devographics.com/en-US/survey...
If you write CSS, please do! The information has real impact.
#css #webdev
Reposted by diekus
If you would like to see everything that's wrong with frontend, all in one place, you can't do better than to take webpagetest.org for a spin and trace some AI chatbots.
WebPageTest
View this on WebPageTest.org...
webpagetest.org
June 30, 2025 at 11:06 PM
If you would like to see everything that's wrong with frontend, all in one place, you can't do better than to take webpagetest.org for a spin and trace some AI chatbots.
Reposted by diekus
If you want to learn more about Declarative Web Push or Web Push in general, my colleague Brady put out a great video: developer.apple.com/videos/play/...
Learn more about Declarative Web Push - WWDC25 - Videos - Apple Developer
Learn how Declarative Web Push can help you deliver notifications more reliably. Find out how to build on existing standards to be more...
developer.apple.com
June 11, 2025 at 6:08 AM
If you want to learn more about Declarative Web Push or Web Push in general, my colleague Brady put out a great video: developer.apple.com/videos/play/...
Reposted by diekus
Awesome to see this post on rethinking web permissions and the ongoing work on PEPC:
developer.chrome.com/blog/rethink...
developer.chrome.com/blog/rethink...
Rethink web permissions: Seamless user control of powerful capabilities with Chrome's new proposed <permission> element | Blog | Chrome for Developers
Learn how Chrome's new proposed <permission> element creates a more streamlined, trustworthy and in-context permission experience.
developer.chrome.com
June 10, 2025 at 7:06 PM
Awesome to see this post on rethinking web permissions and the ongoing work on PEPC:
developer.chrome.com/blog/rethink...
developer.chrome.com/blog/rethink...
You also need the device posture API to do cool stuff with foldables. These two APIs work great together and can make your web sites shine and bend. 😜
developer.chrome.com/blog/foldabl...
developer.chrome.com/blog/foldabl...
June 9, 2025 at 8:49 PM
You also need the device posture API to do cool stuff with foldables. These two APIs work great together and can make your web sites shine and bend. 😜
developer.chrome.com/blog/foldabl...
developer.chrome.com/blog/foldabl...
And a very fun @primavera-sound.bsky.social in beautiful Barcelona to end a great week.
June 9, 2025 at 8:35 PM
And a very fun @primavera-sound.bsky.social in beautiful Barcelona to end a great week.
Hung out with @tomayac.com and @christianliebel.com in A Coruña last week.
June 9, 2025 at 8:29 PM
Hung out with @tomayac.com and @christianliebel.com in A Coruña last week.
Just saw the new `Liquid Glass` design language from Apple. Interestingly, I think it is a good opportunity to remind web folks of this explainer that can bring this type of materials to web apps: github.com/MicrosoftEdg...
Thumbs up if you approve 😉
Thumbs up if you approve 😉
github.com
June 9, 2025 at 8:10 PM
Just saw the new `Liquid Glass` design language from Apple. Interestingly, I think it is a good opportunity to remind web folks of this explainer that can bring this type of materials to web apps: github.com/MicrosoftEdg...
Thumbs up if you approve 😉
Thumbs up if you approve 😉
been all of last week in Spain, the first half for a great @webengineshackfest.org in A Coruña where I met lovely Igalians and the end of the week in Barcelona for @primavera-sound.bsky.social
June 9, 2025 at 8:05 PM
been all of last week in Spain, the first half for a great @webengineshackfest.org in A Coruña where I met lovely Igalians and the end of the week in Barcelona for @primavera-sound.bsky.social
Reposted by diekus
🚨 Calling all web experts! 🚨
The 2025 Web Almanac is still open for contributors!
Know someone perfect for it? Mention them here and help us reach the right folks. 🙌
📢 Please help us spread the word!
🔗 Learn more: github.com/HTTPArchive/...
The 2025 Web Almanac is still open for contributors!
Know someone perfect for it? Mention them here and help us reach the right folks. 🙌
📢 Please help us spread the word!
🔗 Learn more: github.com/HTTPArchive/...
May 19, 2025 at 4:52 AM
🚨 Calling all web experts! 🚨
The 2025 Web Almanac is still open for contributors!
Know someone perfect for it? Mention them here and help us reach the right folks. 🙌
📢 Please help us spread the word!
🔗 Learn more: github.com/HTTPArchive/...
The 2025 Web Almanac is still open for contributors!
Know someone perfect for it? Mention them here and help us reach the right folks. 🙌
📢 Please help us spread the word!
🔗 Learn more: github.com/HTTPArchive/...
I'm not a UX designer, but I am sure macOS putting the Erase option next to the Eject one is probably not the best idea.
a man wearing glasses and a red jacket is saying i also like to live dangerously
ALT: a man wearing glasses and a red jacket is saying i also like to live dangerously
media.tenor.com
April 8, 2025 at 9:14 AM
I'm not a UX designer, but I am sure macOS putting the Erase option next to the Eject one is probably not the best idea.
Reposted by diekus
Tomorrow is W3C Breakouts Day - We'll be be leading a discussion about collective funding, governance and prioritization of web engine projects... You can join online.
www.w3.org/events/meeti...
www.w3.org/events/meeti...
26 March 2025 | Collective funding, governance and prioritization of a browser engine projects | Calendar
The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.
www.w3.org
March 25, 2025 at 1:16 PM
Tomorrow is W3C Breakouts Day - We'll be be leading a discussion about collective funding, governance and prioritization of web engine projects... You can join online.
www.w3.org/events/meeti...
www.w3.org/events/meeti...
how is the copy dialog still from... Windows 7?!
March 10, 2025 at 9:07 PM
how is the copy dialog still from... Windows 7?!
Reposted by diekus
HTML event handlers are those onxxx attributes and properties many of us are used to, but do you know how they actually work?
If you're writing custom elements and would like them to have such event handlers, what would you have to do?
#webdev #html #javascript #webcomponents
If you're writing custom elements and would like them to have such event handlers, what would you have to do?
#webdev #html #javascript #webcomponents
How do HTML event handlers work?
blog.ltgt.net
November 11, 2024 at 12:46 AM
HTML event handlers are those onxxx attributes and properties many of us are used to, but do you know how they actually work?
If you're writing custom elements and would like them to have such event handlers, what would you have to do?
#webdev #html #javascript #webcomponents
If you're writing custom elements and would like them to have such event handlers, what would you have to do?
#webdev #html #javascript #webcomponents
Just noticed using my laptop that Edge provides a way to upload (open) content from a mobile phone. This makes so much sense! 😀
February 27, 2025 at 10:23 AM
Just noticed using my laptop that Edge provides a way to upload (open) content from a mobile phone. This makes so much sense! 😀
"Sticky activation (or 'sticky user activation') is a window state that indicates a user has pressed a button, moved a mouse, used a menu, or performed some other user interaction."
Don't you dare sticky activate me.
Don't you dare sticky activate me.
February 21, 2025 at 1:38 PM
"Sticky activation (or 'sticky user activation') is a window state that indicates a user has pressed a button, moved a mouse, used a menu, or performed some other user interaction."
Don't you dare sticky activate me.
Don't you dare sticky activate me.
console.log('Hola, mundo!');
February 21, 2025 at 1:28 PM
console.log('Hola, mundo!');