https://karlsandin.comCollection of useful snippets related to frontend development. 2021-07-13T16:07:06+02:00 Karl Sandin https://karlsandin.com Jekyll © 2021 Karl Sandin /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 2021-07-13T15:00:00+02:00 2021-07-13T16:07:06+02:00 https://karlsandin.com/posts/remove-whitespace-svg/ Karl Sandin

Neat little trick to remove excess whitespace from an svg. Visit this link and paste the content of your svg and hit ‘Run’, the script will run and add a viewBox attribute which removes the whitesp...

2021-04-06T13:00:00+02:00 2021-07-13T16:07:06+02:00 https://karlsandin.com/posts/restore-removed-branch/ Karl Sandin

While doing some branch cleaning I accidentally deleted a branch I shouldn’t have deleted and apperently there is a way to restore it afterwards (phew!). Get git history: 1 $ git reflog Find row...

2021-01-21T12:25:00+01:00 2021-07-13T16:07:06+02:00 https://karlsandin.com/posts/group-js-array-by-key-with-reduce/ Karl Sandin

This will create a new object with each gender grouped by key using the reduce function. Array of objects to be grouped by gender: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 2...

2020-11-03T15:19:00+01:00 2021-07-13T16:07:06+02:00 https://karlsandin.com/posts/add-timeout-to-fetch/ Karl Sandin

This function returns 504 after time has passed. Instead of letting the user wait for the API to timeout which could take 60 seconds, it’s better to give the user feedback after a few seconds inste...

2020-08-28T10:37:00+02:00 2021-07-13T16:07:06+02:00 https://karlsandin.com/posts/increase-dashed-border-width/ Karl Sandin

The CSS property border doesn’t let us increase the width of the dots or the spacing between them, and this clever little trick is a workaround for that. 1 2 3 4 5 6 7 8 9 10 11 /*Horizontal*/ bac...