💻 Frontend consultant and evangelist at @squeed_com. 🥑 Developer advocate at @SKFgroup 💛 I love HTML, CSS, and JavaScript. In that order.
Gothenburg, Sweden
Joined April 2017
- Tweets786
- Following221
- Followers107
- Likes1.5K
Pinned Tweet
Check out this article I wrote about the JavaScript API Intl. Loads of useful little snippets that will make it easier to support multiple languages on your web site or application!
tobiasljungstrom.net/blog/20…
#javascript #webdev #intl
Tobias Thorin retweeted
Learn more about using popover here 🍿:
developer.chrome.com/blog/in…
Tobias Thorin retweeted
New video and blog post released!!
They're about using `git add -p` instead of `git add .`.
The video is mostly about how: youtu.be/u3NG1966zso
and the blog is mostly about why:
chael.codes/2023/09/09/stop-…
Tobias Thorin retweeted
PSA: Do NOT use the chalk-next package!
Today we found a PR trying to poison our GitHub project 😨. This `chalk-next` parody package is malicious and will try to collect your config and delete your local files 👎. Beware! #opensource
github.com/toeverything/AFFi…
Tobias Thorin retweeted
"Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is." @stevefaulkner tpgi.com/subheadings-subtitl…
Tobias Thorin retweeted
Do you just click different blending modes until it sort of looks right?
Well, that probably won't change after you read this but at least you probably won't use Lighten or Darken again.
(you should bookmark this thread and use it as a reference)
Using @storybookjs to build entire pages of an application allows one to do things like this, using different mocked back end data for each story (using MSW). Really takes things to the next level. All possible states of a page, right there at your fingertips!
ALT The sidebar in Storybook, showing three stories for a page component: Happy Path, Loading Error, Saving Error.
Tobias Thorin retweeted
Git Tip: do this and thank me later
Link to docs: git-scm.com/docs/git-config#…
ALT git config --global push.autoSetupRemote true
Tobias Thorin retweeted
Want a behind-the-scenes look at how GitHub makes color themes?
@colebemis from our Design Engineering team explains why we built a dedicated color tool and how we use it to create color palettes for GitHub. github.blog/2022-06-14-accel…
Tobias Thorin retweeted
#tinyCSStip Want mono emojis of various hues? Use CSS filters! 🐾
✨brightness(0) ⇒ black emoji
✨invert(x%) ⇒ hsl(0, 0%, x%)
✨sepia(1) ⇒ pretty desaturated, lighter or darker yellow depending on x% (hue≅40)
✨hue-rotate(a) ⇒ move around hue wheel by a
✨saturate(v), v>1
ALT Screenshot showing lots and lots of mono paw emojis created using such a filter.
Tobias Thorin retweeted
ProtonMail is rebranding and adding a lot more storage to all its plans engt.co/3LZscOJ
Tobias Thorin retweeted
A good overview of a common foe: wrestling mustard yellow when trying to achieve adequate color contrast. medium.com/@lodestar-design/…
Tobias Thorin retweeted
Mechanical Watch – ciechanow.ski/mechanical-wat…
Tobias Thorin retweeted
Hollywood movie websites 25 years ago
– Austin Powers
– Batman & Robin
– Men in Black
– The Postman
#WebDesignHistory
Tobias Thorin retweeted
👏 What a great Lit tutorial by web developer @JoubranJad and his adorable sidekick! 🐱
In this video, Jad walks you through how to create a basic #webcomponent and highlights some exciting Lit features.
Watch meow ↓ goo.gle/3vQAr9w
Tobias Thorin retweeted
Reminder that you can use the %c formatter in your console.log calls to apply some (limited) styling to the messages on the console. For example:
console.log("%cStop!", "font-size: 100px; color: red; font-weight: bold")
Wide gamut color is really cool when you see it with your own eyes. You need Safari and a supported screen though, like an iPhone.
tobiasljungstrom.net/blog/20…
#webdev #css