Tobias Ahlin
tobiasahlin.com · Personal blog · on HN since 2012
Tobias Ahlin, a designer and developer, writes about CSS techniques, animation, and moving from jQuery to vanilla JavaScript, and made the SpinKit spinners.
What HN saysHN commenters like the blog and link SpinKit, his collection of CSS loading spinners, which at least one commenter used in their own project.
18HN people shared it
5linked it in comments
13stories submitted
401story points
2 years agolast shared
2012people per year2026
Most-shared posts
- 1CSS animated loading indicators3 people · 327 points · first shared 2013 · 70 comments on HN
- 2Cheat sheet for moving from jQuery to vanilla JavaScript2 people · 6 points · first shared 2019 · discussion on HN
- 3Selecting previous siblings with CSS:has()2 people · 1 points · first shared 2023 · discussion on HN
- 4Skeumorphism and storytelling1 people · 56 points · first shared 2012 · 11 comments on HN
- 5Common Mac OS X Cursors1 people · 2 points · first shared 2023 · discussion on HN
- 6Losing to Bureaucracy & Complexity in Adobe CS1 people · 2 points · first shared 2012 · discussion on HN
- 7CSS masonry with flexbox,:nth-child(), and order1 people · 2 points · first shared 2021 · discussion on HN
- 8Meaningful Motion with Action-Driven Animation1 people · 1 points · first shared 2019 · discussion on HN
- 9Responsive type scales with composable CSS utilities1 people · 1 points · first shared 2023 · discussion on HN
- 10Moving along a curved path in CSS with layered animation1 people · 1 points · first shared 2016 · discussion on HN
- 11Moving Letters – Text animated with JavaScript and anime.js1 people · 1 points · first shared 2022 · discussion on HN
- 12Google Web Font Inspiration in HTML and CSS1 people · 1 points · first shared 2015 · discussion on HN
- 13Homepage1 people · first shared 2019
- 14How to animate box shadow1 people · first shared 2021
What HN people wrote when they linked it
stankot · 2019-12-08
I really love this one:
https://tobiasahlin.com/
Shameless self promotion (my blog):
https://muffinman.io/
And of course, Daring Fireball:
https://daringfireball.net/
emmacharp · 2024-07-17
You may have to group elements, yes. But generally speaking, they already are grouped in some logical sense. And you can do a lot now with grid, without having to wrap child elements in containers. It's not absolutely separated but to great degree it is (in my experience at the very least).
And yes, you can select previous elements with :has(). Here is an article about it: https://tobiasahlin.com/blog/previous-sibling-css-has/
dmitriid · 2021-06-02
> You're incoherent.
I am very coherent
Ok. Let's be very coherent. Let's talk about one single thing.
Not so long ago Twitter redesigned their website. Mind you, Twitter is far from being a complex app UI-wise. It's basically text plus images. All they did was re-implement infinite scrolling using a well-known paradigm called a virtual list (or a virtual table).
Here's a small video of their original result: https://grumpy.website/post/0RQvmdNmN
Note: I implemented a similar functionality in C++ Builder circa 2004 and in Qt circa 2005. This entire functionality is either available right out of the box, or will take a first-year CS student a day or two to implement by following a simple tutorial (because virtual lists are a thing available in all UI kits since probable early 80s).
It took Twitter close to a year to fix this functionality.
Now, tell me: why is it that such a powerful platform:
a) doesn't have this functionality out of the box
b) requires a company the size of Twitter almost a year to implement somewhat satisfactorily
c) why didn't Twitter just "go ahead and download a package" that implements this trivial primitive functionality that is so readily available, once again, everywhere else.
From here on we can discuss all the other trivial and primitive things that require you to depend on someone to spend untold man-powers to implement them in the "so powerful a platform".
And from there on we can move on to discussing why these trivial and primitive…
tyingq · 2017-02-28
A collection of CSS spinners: https://github.com/tobiasahlin/SpinKit
Demo: http://tobiasahlin.com/spinkit/
lukasm · 2014-04-15
This is why I like HN. I was about to build something similar. I choose the same color and even picked the same spinner http://tobiasahlin.com/spinkit/ :)
Kudos. I'd like to give a try with my mp3 library. Maybe just add it to README?
I had two bugs.
- header bg was not loaded
- there was a high pitch sound (defo not part of the song)