DiscoverCodesplitters Podcast
Codesplitters Podcast
Claim Ownership

Codesplitters Podcast

Author: Poul Hansen, Kevin Andries and Mikkel Rom

Subscribed: 1Played: 0
Share

Description

A podcast about modern web development.
3 Episodes
Reverse
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
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/
1: Code-splitting

1: Code-splitting

2020-11-2039:26

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
Comments 
Download from Google Play
Download from App Store