Clik here to view.
On generating social images for this blog
I recently decided to generate social images for my blog. You know those images that are being displayed by facebook or twitter when you share link on those platforms:I want to get started and create...
View ArticleAlfred Snippet workflow
I recently decided to remove a few no so frequently used applications. One of them was Typinator. It is a text expander - one of many. While I was researching if I can remove it and consolidate my...
View ArticleHTML has a base tag
Today I learned about <base /> tag. It is really useful in a situation where you need to tell the browser what is the base for relative links. Why you need that? Imagine that you have a script...
View ArticleClik here to view.
Distractions tips & tricks
In this blog post I want to write more about different techniques I tried to lower my distractions both in work and in personal environment.Websites blocking & elements on websites blockingThanks...
View ArticleClik here to view.
TIL - Chrome has emulate focused page
Today I learned that chrome has Emulate Focused Page settings.What such toggle is doing?It emulates that the page is focused and allows to debug select or dropdown that is triggered when user focus...
View ArticleClik here to view.
TIL - how height:auto works
Today I learned a bit more on how height:auto works. Let’s say you have a box that has implicit height& width set to 250px. Inside this box you place 1px by 1px image. You give image height: auto....
View ArticleClik here to view.
Tooling overload in JS
Before I start let me clarify what I mean by tooling in the context of programming language: all ecosystem of tools/libraries/frameworks that are needed to use with a given programming language.When...
View ArticleClik here to view.
Stack & Column in CSS-in-JS
Today I want to write more about new emotion components that we try at Ingrid. Those components help us with spacing.The problemI want to implement this footer:It has a logo, text in two rows and...
View ArticleIntl Collator in JavaScript
Recently I needed to sort an array of objects from A to Z. Usually for such task I’m using the following piece of code:const cities =[{ name:'Wrocław'},{ name:'Kraków'},{ name:'Łódź'}];...
View ArticleClik here to view.
How to split antd theme into smaller components
Recently I stumbled upon an interesting problem at work. I was using ant-design and I wanted to customize default theme variables. To do that I’ve created a...
View ArticleClik here to view.
Setting up webpack for chrome extension development
Today I learned how to setup webpack for chrome extension development. In this post I will show you how I did it. To start, you need to install webpack and packages from webpack ecosystem:npminstall...
View ArticleClik here to view.
RxJS and auth token expiration timers
Recently in my work, I stumbled upon an interesting problem to solve. I needed to inform users that they have a valid token only for the next 10 minutes and after that 10 minutes logout them. You can...
View ArticleHow to setup emotion css prop to work with Parcel & TypeScript
In this blog post I will look into how to setup Emotioncss prop with Parcel& TypeScript. There are two ways those tools work with each other. You can either use /** @jsx jsx */ pragma on every file...
View ArticleCron under MacOS
I’m using plain text to store my information. This plain text is inside a git repo. To back it up I need to commit changes & push them to the remote. I was doing that manually. Yet this is not...
View ArticlePlaceholder shown CSS selector
Today I learned about :placeholder-shown selector in CSS. What is doing? It is selecting those inputs - if you are gonna use it as input:placeholder-shown which currently has a placeholder. It works on...
View ArticleClik here to view.
Firefox has copy url button
Today I learned that you can have copy url pinned to your search bar in Firefox.See gif below for details:
View ArticlePlaceholder shown CSS selector
Today I learned about :placeholder-shown selector in CSS. What is doing? It is selecting those inputs - if you are gonna use it as input:placeholder-shown which currently has a placeholder. It works on...
View ArticleClik here to view.
Firefox has copy url button
Today I learned that you can have copy url pinned to your search bar in Firefox.See gif below for details:
View ArticleTIL - ramda clamp
Today I learned that Ramda has a clamp function. What is clamp? It allows you to set value between min& max.Example:import{ clamp }from'ramda';setCoordinates(clamp(-90,90,...
View ArticleClik here to view.
How to read TypeScript errors and not get mad?
If you are working with TypeScript I bet you come across such compilation errors:Sometimes TypeScript has a lot to say when it is throwing an error so community even made some stickers:In my blog post,...
View Article
