Skip to main content
Codesplitters Podcast

Codesplitters Podcast

By Poul Hansen, Kevin Andries and Mikkel Rom
A podcast about modern web development.
Listen on
Where to listen
Apple Podcasts Logo

Apple Podcasts

Breaker Logo

Breaker

Castbox Logo

Castbox

Google Podcasts Logo

Google Podcasts

Overcast Logo

Overcast

Pocket Casts Logo

Pocket Casts

RadioPublic Logo

RadioPublic

Spotify Logo

Spotify

3: Utility CSS and Tailwind
In this episode we talk about utility CSS, utility-first approaches with frameworks such as Tailwind and why these could be useful to have in your styling setup or design system. *************** 🔗 LINKS Adam Wathan on utility first CSS https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ Tailwind https://tailwindcss.com/ Tailwind cheat sheet https://nerdcave.com/tailwind-cheat-sheet Tachyons https://tachyons.io/ CSS Stats https://cssstats.com/ BEM http://getbem.com/ ITCSS https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/ BEMIT https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/ In Defense of Utility-First CSS https://frontstuff.io/in-defense-of-utility-first-css Tailwind versus BEM https://thoughtbot.com/blog/tailwind-versus-bem
54:09
February 24, 2021
2: Productivity, Working from home, Code Editor tips and the Best debugging tool
It's 2021 and we're still in pandemic lock-down so we talk about how we're handling working from home, exercising, being productive and the tools we use to be efficient. *************** 🔗 LINKS Notion https://www.notion.so/ Todoist https://todoist.com/ Webstorm https://www.jetbrains.com/webstorm/ Webstorm shortcuts https://www.jetbrains.com/help/webstorm/mastering-keyboard-shortcuts.html VSCode https://code.visualstudio.com/ Peacock extension by John Papa https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock) Bracket pair colorizer https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2 GitLens https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens Slack https://slack.com/ MS Teams https://www.microsoft.com/en-us/microsoft-teams/group-chat-software Asana https://asana.com/
43:40
January 30, 2021
1: Code-splitting
In this very first episode of Codesplitters podcast, Poul, Mikkel and Kevin start by introducing themselves and what this podcast will be about. We talk about code-splitting; what it is, when to split and when not to split your code. We also talk about when is a good time to think about performance in the lifetime of a project. What about old jQuery code or third-party plugins. How to do code-splitting when using Webpack or when using a JS framework. What about lazy-loading JavaScript components when you need them? Can you code-split when using a CMS? ES Modules? Can you code-split CSS? What about critical CSS? *************** 🔗 Links Lighthouse https://developers.google.com/web/tools/lighthouse Code splitting in webpack https://webpack.js.org/guides/code-splitting/ Reduce JavaScript payloads with code splitting https://web.dev/reduce-javascript-payloads-with-code-splitting/ Route-level code splitting in Angular https://web.dev/route-level-code-splitting-in-angular/  Extract critical CSS https://web.dev/extract-critical-css/ Snowpack https://www.snowpack.dev/ Skypack (previously Pika Package) https://www.skypack.dev/ Webcomponents https://www.webcomponents.org/introduction
39:26
November 20, 2020