How to not get crazy with TDD

I do not glorify Test Driven Development, but in some cases, it's handy. Jest + TypeScript + code inspection combination for more complex parts of the app was discovered by me too late. This week I found the last missing piece of the puzzle: a widget for VSC that provides excellent UI for tests.

p.s. thanks Eddy for a tip πŸ™‡β€β™‚οΈ

Brain vs Heart


The time has come. My heart looks for Vanilla JS ❀️ ... or my brain tries to escape from React/NextJs performance issues 🧐 Is that performance dead end, and I need to look for solutions like or stop acting lavishly with the package manager.

... an hour later ...

... that goddamn meaningless widget weighs over 300KB after gzip ?! 🀯

Calm, rainy day


The startup is growing, the team is bigger and bigger, application complexity rises. Solutions that were perfect a year ago now are not enough. - we are coming πŸ’ͺ

Headless CMS is not a golden hammer

Headless CMS is defenitelly the option number one for developers as it gives freedom to choose tools you love too but ... not all content editors will enjoy that way. People who used to work with WYSIWYG editors may have bad times tryiing to change own habbits. is trying to solve that issue providing tools supporting content editing ❀️ (+ awesome NextJS integration guide πŸ™‡β€β™‚οΈ)

Mess in team/department documentation?

do not panic 😨

The most important question is: why you need documentation? Do you want to secure knowledge that can be taken with leavers? Is that a tool to share knowledge better? Do you want to make new employees onboarding process much easier? Maybe it's required by stakeholders? Documentation generates costs and before you will decide to make documentation ensure that it's pragmatic. The biggest challenge is to keep documentation up to date. There is nothing more annoying than thousands of outdated documents. Few tips that can be useful:

  • secure time/resources to review documentation (i wish to have it obvious everywhere)
  • build company habit to tag documents that seem to be outdated or should be archived - you will quickly collect a list of documents that need to be reviewed, it also gives a hint for other employees to be careful before the document will be reviewed
  • find out how often specific documents are used (it can be retrieved e.g. from Google Docs API), prioritize review process for documents that are most often used and archive those that are not used at all. You will find out that some of the documents are not used but should be 😎
  • make a contribution to the documentation review process as a part of employee assessments
  • verify each new document by a person who will need to use that (e.g. if you describe a production update process - ask the developer who never did that to follow documentation)

Need more beatiful (vector) graphic for designs?

here are next two extremly popular sources

A picture is worth a thousand words πŸ“·. So here you have really nice source of free (vector) pictures: and 🎁. It helped me to build landing page for Gruv Traning side project from scratch in a matter of 2 hours.

Responsively ❀️

awesome tool for web development

Thanks to checking how webpage looks on different screen sizes is waaay faster πŸš€ Mirrored interactions makes it really useful 🧨

responsively app displaying Mailchimp website

Gruv Traning after pivot - POC ready to collect first feedback from users 😱

Finally, 48 days after Gruv Training pivot, Proof Of Concept is ready for first validation with users πŸŽ‰. It's time to leave keyboard for a while ⌨️, meet people who may using Gruv and πŸ‘‚πŸ‘‚πŸ‘‚

Chrome and HTML5 video seekbar issue

What is not clearly described in the documentation, to use html5 video seekbar functionality in Chrome or possibility to mutating currentTime property your server needs to support HTTP Range Requests. Here simple explanation how to handle that using nodeJs with streams.

Page that everyone should know

Unsplash - a countless number of beautiful ❀️ high resolutions photos πŸ“· with a copyright license to download, copy, modify, distribute, perform, and use including commercial purposes πŸŽ‰That's what i needed for next landing page design πŸ‘Ή

Β© Marcin ŚlΔ™zak - made with ❀