Styling RSS and Atom Feeds • Robb Knight
To style an RSS or Atom feed you need to add a reference to an xsl file which is the styling document for the feed. https://rknight.me/blog/styling-rss-and-atom-feeds/
Max Böck | Notes
Max Böck is a professional front-end developer based in Vienna, Austria.
Latest posts
A Global Design System | Brad Frost
…would improve the quality and accessibility of the world’s web experiences, save the world’s web designers and developers millions of hours, and make better use of our collective human potential. https://bradfrost.com/blog/post/a-global-design-system/
Where have all the websites gone? - Jason Velazquez
The good news is that websites didn’t go anywhere. The bad news- we are the ones who vanished, and I suspect what we really miss are the joys of discovery. https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/#ps-aia
Remembering the early 00s teen website scene - localghost
The way we experience the internet is very different - not only for those of us who have seen it change, but even more so for the younger generations who’ve grown up with endless short form video. https://localghost.dev/blog/remembering-the-early-00s-teen-website-scene/
Horizontal Scrolling in a Centered Max-Width Container | Ryan Mulligan
Ryan shows how to build a CSS-Only horizontal slider that aligns with a centered container. Good bookmark! https://ryanmulligan.dev/blog/x-scrolling-centered-max-width-container/
Your CSS is an interface - Eric Bailey
Human-friendly CSS is an interface that […] allows someone using your website to easily make modifications. The web is malleable, and that is a highly intentional design decision. (via @ericwbailey ) https://ericwbailey.design/writing/your-css-is-an-interface/
The Single-Page-App Morality Play - Baldur Bjarnason
‘The biggest hindrance to the web’s progress isn’t non-expert developers, tooling, libraries, Single-Page-Apps, or Multi-Page-Apps. It’s bad management.’ (via @fakebaldur ) https://www.baldurbjarnason.com/2021/single-page-app-morality-play/
Why are hyperlinks blue?
What happened in 1993 to suddenly make hyperlinks blue? No one knows, but I have some theories. https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/
Reducing Carbon Emissions On The Web - Smashing Magazine
‘The mean average emissions for websites with a PageSpeed score of 100 is about 1 gram of carbon, which rises to a projected almost 6 grams for websites with a score of 0.’ (via @smashingmag ) https://www.smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/
Oh Hello Ana - Blog
lovely redesign of Ana’s personal website. plus: guestbooks are back! (via @ohhelloana ) https://ohhelloana.blog/
HTML Boilerplate
Manuel shares his current setup for new HTML documents, including all the best practices for 2021. https://www.matuzo.at/blog/html-boilerplate/
Don't Rush to Simplicity
To me simplicity is made more beautiful when understood through a long personal struggle with complexity. When I can dance with it, having turned a mighty nemesis into an old friend, and teach others to do the same. https://www.swyx.io/simplicity-rush/
Which type of novelty-seeking web developer are you? Baldur Bjarnason
‘There is no history in web development and everybody walks on the shoulders of giants thinking-or pretending-that they’re just following a dirt path conveniently laid out by nature.’ https://www.baldurbjarnason.com/2021/which-kind-of-web-developer-are-you/
07 Nov 2020
I haven’t seen that much joy and relief on Twitter in a long time. A nice change from all the doomscrolling!
Looking at coronavirus.data.gov.uk - Matthew Somerville
Yesterday I was looking for data on less-then-ideal emergency information sites. Then @dracos does this amazing case study with more detail than I could have hoped for! 😍 http://dracos.co.uk/wrote/coronavirus-dashboard/
Gardened. - Ethan Marcotte
‘…right now, producing quality work relies on teams electing to adopt best practices: In other words, they have to give a damn. But giving a damn doesn’t scale.’ (via @beep ) https://ethanmarcotte.com/wrote/gardened/
Hydration
‘So you’ve got a facade of an interface that you can’t actually interact with until a deluge of JavaScript has been loaded, parsed and executed.’ (via @adactio ) https://adactio.com/journal/16404
Letting Go of the Old Internet
we miss the old internet - but that time has gone and passed. The future web can only hold as much wonder, discovery and community as it did back then, when we let go. https://dezz.ie/web-history/still-making-for-ourselves/
Getting to work. - Ethan Marcotte
(…) No single one of us can fix our industry: it’s going to take all of us, and we need to start now. (via @beep ) https://ethanmarcotte.com/wrote/getting-to-work/
Introducing Sass Modules
Sass is getting better namespacing for imports. This will be a good fit for component-based architectures! (via @originell ) https://css-tricks.com/introducing-sass-modules/
Post short notes to a Jekyll blog using an iOS Shortcut
Another implementation for easy #indieweb note sharing (via @rdsaunders ) https://www.rdsaunders.co.uk/indieweb/2019/12/03/post-short-notes-to-a-jekyll-blog-using-ios-shortcut
Webclerks Conference
cool conf y’all! https://webclerks.at/
Mental models
…applying mental models from server programming or computer science is not a good idea when it comes to frontend. (via @adactio ) https://adactio.com/journal/16138
The web is not dying | Go Make Things
‘I don’t know how you can look at all of these amazing tools and technology and feel like the web itself is doing anything other than flourishing, though.’ (via @ChrisFerdinandi ) https://gomakethings.com/the-web-is-not-dying/
29 Sep 2019
On my recent trip to belarus, I met Vadim Makeev and had an interesting chat about CSS on the @webstandards_ru podcast. listen here: (via @pepelsbey ) https://www.youtube.com/watch?v=qxwe-ixsTuI
Amphora - Ethan Marcotte
…we’ve reached a point where AMP may “solve” the web’s performance issues by supercharging the web’s accessibility problem. (via @beep ) https://ethanmarcotte.com/wrote/amphora/
Getting to the Heart of Digital Accessibility - A List Apart
https://alistapart.com/article/getting-to-the-heart-of-digital-accessibility/
04 Aug 2019
The cat’s out of the bag: we are organizing a conference in November in Vienna! I’ve been working with Tuzo and Daniel these past few weeks to get the website set up and this thing off the ground. I’m very excited about this and although there’s still lots of work ahead of us, the lineup is already amazing. Speakers include Rachel Andrew, Jeremy Keith, Heydon Pickering and more awesome people who…
09 Jun 2019
wrote a new post: The CSS Mindset saw a live show by Tool, one of my favourite bands got lots of work done with the guys at Simpleloop learned a bit about React hooks and how to use them.
01 Jun 2019
I’m giving this “weeknotes” thing a shot after seeing it on some other blogs! (I’m starting with 22 because that’s the current calendar week). Started digging into webcomponents with lit-html. So far I like it, feels very straightforward. Met Manuel for drinks and shoptalk. Interesting stuff is happening! Saw Ethan’s Talk “The World-Wide Work” from New Adventures Conf, which really got me thinking…
15 May 2019
We use gitlab issues at work, which supports tagging commit messages with an issue number, to make that commit appear in the issue thread. I often forget to tag my messages though, and then remember a second after committing. 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…
22 Apr 2019
💡Friendly reminder: if you include analytics or other tracking scripts on your site, please respect the “Do Not Track” client setting. You can check for it like this: function allowsTracking ( ) { const dnt = window . doNotTrack || navigator . doNotTrack || navigator . msDoNotTrack if ( dnt === 1 || dnt === '1' || dnt === 'yes' ) { return false } if ( 'msTrackingProtectionEnabled' in window .…
30 Mar 2019
detecting autofill on form inputs is not very straightforward. One solution involves hooking up an empty animation to the :-webkit-autofill pseudo class, then listening for that animation in JS. (works in chrome/safari) code: https://codepen.io/mxbck/pen/XQrymm
25 Mar 2019
biggest win for semantic HTML? It’s just waaaay easier to type <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? RT twitter.com/AdamRackis/status/1109526799455784960
04 Mar 2019
Usually, when writing print CSS, you would want to omit 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…
02 Mar 2019
TIL there’s a media query for display-mode , triggered i.e. when a PWA is launched from the homescreen in standalone mode. via Google Developer Web Fundamentals
11 Feb 2019
While I applaud the new wave of people publishing on their own blogs, I still feel this is too hard to do for non-tech folks. Here’s what I’d love to see: A platform that includes free hosting the ability to buy a custom domain a simple CMS for writing posts an integrated RSS feed reader to “follow” your friends a “content stream” showing recent posts of blogs you subscribed to webmention support…
07 Feb 2019
Ever wanted to inspect some UI that only appears on specific interactions? Run window.setTimeout(() => {debugger}, 5000) in the devtools console: page will freeze in 5 seconds.
31 Jan 2019
The internet used to be a weird funny place, and a lot more people just hacked stuff together. Can we get that back? https://jarredsumner.com/codeblog/
28 Jan 2019
Sometimes I wonder if any other profession fights as much as developers. You think bakers frequently get into arguments on how everybody “is doing flour wrong”?
24 Jan 2019
“Called ‘a map of deadbeat debtors’, this app allows users to find out whether there are any people in debt within 500 meters.” … China is really running with every dystopian idea they can find. http://www.chinadaily.com.cn/a/201901/16/WS5c3edfb8a3106c65c34e4d75.html
23 Jan 2019
Using CSS to track user data: https://www.templarbit.com/blog/2018/03/20/tracking-users-with-css/ - once again proving that any technology can and will be exploited for bad intentions.
14 Jan 2019
Support for CSS Custom Properties is really good, so I want to start using them more! I’m getting my feet wet by building a dark mode for my blog - looks good! (click the 🌙 in footer to switch)
11 Jan 2019
Very interesting post about the privacy implications of indieweb techniques, especially backfeeding. TBH I hadn’t thought about that yet. 🤔 https://sebastiangreger.net/2018/05/indieweb-privacy-challenge-webmentions-backfeeds-gdpr/
04 Jan 2019
I did some housekeeping over the holidays and ported my website to Eleventy ! The previous version was based on Jekyll - which is fine but got a bit slow, and since I don’t know Ruby, the generator was always a bit of a mystery to me. Eleventy runs on node / Javascript, so I have more control over whats going on. I have also switched to Netlify for hosting - it’s super developer friendly and makes…
30 Dec 2018
A spin on atomic design: “component based design”, by @weareheavyweight https://medium.com/@wereheavyweight/how-were-using-component-based-design-5f9e3176babb
13 Dec 2018
“Woodpecker tongues are over a foot long and wrap around the bird’s brain to protect it from TBI while pecking”. whaaat 😶
04 Dec 2018
The Power of Web Components - Mozilla Hacks A nice overview of the current state of standardized web components. Keeping an eye on this…
02 Dec 2018
Here’s my first note! I want to try this as a way of posting small, random chunks of content. #indieweb