https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/#ps-aia
]]>https://localghost.dev/blog/remembering-the-early-00s-teen-website-scene/
]]>https://ryanmulligan.dev/blog/x-scrolling-centered-max-width-container/
]]>https://ericwbailey.design/writing/your-css-is-an-interface/
]]>https://www.baldurbjarnason.com/2021/single-page-app-morality-play/
]]>https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/
]]>https://www.smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/
]]>https://www.baldurbjarnason.com/2021/which-kind-of-web-developer-are-you/
]]>Speakers include Rachel Andrew, Jeremy Keith, Heydon Pickering and more awesome people who are yet to be announced. We also have an open CFP for the last slot - Take a look!
]]>So I wrote a little helper function as a custom git command:
#!/bin/sh
OLD_MSG=$(git log --format=%B -n1)
git commit --amend -m "$OLD_MSG, #$1"It’s just a simple shell script that fetches the last commit message and appends the issue number. So I can do this:
$ git commit -m "add css grid support"
# ah fuck, forgot that this is related to an issue!
$ git append-issue 27
# commit msg is now: "add css grid support, #27"To make it work:
git-append-issue (no extension)~/git-commandschmod 555$PATHfunction allowsTracking() {
const dnt =
window.doNotTrack ||
navigator.doNotTrack ||
navigator.msDoNotTrack
if (dnt === 1 || dnt === '1' || dnt === 'yes') {
return false
}
if ('msTrackingProtectionEnabled' in window.external) {
return !window.external.msTrackingProtectionEnabled()
}
return true
}
if (allowsTracking()) {
// Analytics Tracking Code Here
}:-webkit-autofill pseudo class, then listening for that animation in JS. (works in chrome/safari) code: https://codepen.io/mxbck/pen/XQrymm
]]><button> and be done with it than to try and bolt shit on a div with lots of attributes and JS. With everything you get for free, why would you want to do all that extra work?
]]>background-color declarations to improve readability (and save ink).
I had a case at work today though where I actually needed them to print. It was used in some progress indicators that didn’t make any sense without it. But some browsers ignore background-color by default in print, unless the user selects otherwise.
If you absolutely have to override that, there’s -webkit-print-color-adjust: exact.
It only works in Chrome and Safari though.
display-mode, triggered i.e. when a PWA is launched from the homescreen in standalone mode.A platform that includes
I think Netlify / NetlifyCMS checks a lot of these boxes, but still requires some tech knowledge, i.e. you need to have a git repo and understand some of the basic concepts (“deploy”, “build”, “static”…)
Ideally, I’d like a page with a big “start your own blog” button, and a process that’s just as easy as signing up for Facebook.
]]>window.setTimeout(() => {debugger}, 5000) in the devtools console: page will freeze in 5 seconds.
]]>I have also switched to Netlify for hosting - it’s super developer friendly and makes a lot of difficult tasks just work out of the box. Loving it so far!
I have some ideas for the notes section, the webmentions and a few other #indieweb features I’d like to explore, but for now I’m pretty happy with how the site turned out.
As always, the source code is public on Github, if anyone is interested in the specifics. 😉
]]>A nice overview of the current state of standardized web components. Keeping an eye on this…
]]>