Codesplitters Podcast

By Poul Hansen, Kevin Andries and Mikkel Rom

A podcast about modern web development.... more

· Technology

Download on the App Store

Download on the App Store

Get it on Google Play

FAQs about Codesplitters Podcast:

How many episodes does Codesplitters Podcast have?

The podcast currently has 21 episodes available.

Codesplitters Podcast episodes:

March 09, 2022 11: Technology throwbacks - A tribute to AngularJS and jQuery
AngularJS reached end of LTS (Long Term Support) on 31st of December 2021, so we're saying goodbye to an old friend and go back in time and talk about our first encounters with AngularJS and remember all the goods and the bads. We also talk about some other legendary tools and frameworks such as jQuery, jQuery-UI and bootstrap.

🔗 Links:
AngularJS: https://docs.angularjs.org/misc/version-support-status
jQuery: https://jquery.com/
jQuery UI: https://jqueryui.com/
Bootstrap: https://getbootstrap.com/

Check out all our episodes on our website:
https://codesplitterspodcast.com/
Follow us on Twitter:
https://twitter.com/CodeSplitters
Poul: https://twitter.com/insanicae
Kevin: https://twitter.com/kandries89
Mikkel: https://twitter.com/mikkelrom
...more
1h 15min
January 18, 2022 10: 2021 reflections
We look back at 2021 and reflect on what projects we worked on and what we learned. We also talk a bit about our plans with the podcast for 2022.

🔗 Links:
React and web components: https://reactjs.org/docs/web-components.html

Check out all our episodes on our website: https://codesplitterspodcast.com/
Follow us on Twitter: https://twitter.com/CodeSplitters
Poul: https://twitter.com/insanicae
Kevin: https://twitter.com/kandries89
Mikkel: https://twitter.com/mikkelrom
...more
56min
December 12, 2021 9: Mikkels thoughts on using Tailwind and Angular
In this episode we focus on Mikkels experiences working with Angular and Tailwind, for the first time. What was weird? What was great? What was bad? Would he use those technologies again?
With Poul being the Angular expert and Kevin being the Tailwind expert, we talk about all the pros and cons and misconceptions of both Angular and Tailwind.

🔗 Links:
Angular
RxJs
TypeScript
Tailwind

Check out all our episodes on our website:
https://codesplitterspodcast.com/
Follow us on Twitter:
https://twitter.com/CodeSplitters
Poul: https://twitter.com/insanicae
Kevin: https://twitter.com/kandries89
Mikkel: https://twitter.com/mikkelrom
...more
1h 10min
October 30, 2021 8: Testing from a beginners standpoint
In this episode we talk about testing. Kevin wants to learn more about testing, so Poul and Mikkel try to guide him into how to get started.
We also talk about how to sell testing, why should we spend time writing tests and the different types of tests.

🔗 Links:
Jest
https://jestjs.io/
Testing Library
https://testing-library.com/
Testing Javascript
https://testingjavascript.com/
LightHouse
https://developers.google.com/web/tools/lighthouse
Axe
https://www.deque.com/axe/
Storybook
https://storybook.js.org/
Storybook a11y add-on
https://storybook.js.org/addons/@storybook/addon-a11y

Check out all of our episodes on our website:
https://codesplitterspodcast.com/
Follow us on Twitter:
Codesplitters: https://twitter.com/CodeSplitters
Poul: https://twitter.com/insanicae
Kevin: https://twitter.com/kandries89
Mikkel: https://twitter.com/mikkelrom
...more
1h 1min
September 23, 20217: The fall of IE
Since IE will be retired on June 15th 2022, we're talking a bit about how it was back in the days when we had to support old IE versions. What does this retirement of IE mean to us as frontend developers? What about the UX side of the decision of dropping IE support? What problems will disappear together with the support of IE? What web features will we be able to use?

🔗 LINKS
"The Internet Explorer 11 desktop application will be retired on June 15, 2022"
IE retirement announcement:

Slack Huddle
https://slack.com/intl/en-dk/help/articles/4402059015315-Start-a-huddle-in-a-channel-or-direct-message

HTTP 203 - Is Safari the new IE?
https://http203.libsyn.com/is-safari-the-new-ie

Moving users to Microsoft Edge from Internet Explorer
https://docs.microsoft.com/da-dk/microsoft-edge/web-platform/ie-to-microsoft-edge-redirection

Browser-update
https://browser-update.org/

shame.css
https://csswizardry.com/2013/04/shame-css/

:focus-visible
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible

object-fit
https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

CSS Scroll Snap
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap

Flexbox gap
https://caniuse.com/flexbox-gap

WebP images
https://caniuse.com/webp

CSS Custom Properties
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

line-clamp
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp

:is()
https://developer.mozilla.org/en-US/docs/Web/CSS/:is

:where()
https://developer.mozilla.org/en-US/docs/Web/CSS/:where

String.includes
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes

Template Literals
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Dynamic Imports
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#dynamic_imports
...more
1h 4min
June 18, 20216: Modern CSS and JS we're excited about 🤩
In this episode we're really excited to talk about some of the recently released web platform features. Some of them have been here for a little while, some are very new and some are still just experimental. 2021 has been a year full of new CSS features and many more are coming. We talk about what excites us the most in frontend-land and which new features solve problems we have had in the past.

🔗 LINKS
IE retirement announcement: "The Internet Explorer 11 desktop application will be retired on June 15, 2022"

Spread operator ...

Nullish coalescing ??

Project FUGU

TypeScript

Container queries @container
Experimental flag in Chrome Canary: #enable-container-queries
CodePen demo
Ahmad Shadeed: Say Hello To CSS Container Queries
Piccalilli: Container Queries are actually coming
MDN: CSS Container Queries
web.dev: The New Responsive
Miriam Suzanne / Oddbird: Container Queries
Polyfill

:focus-visible

:focus-within

aspect-ratio

gap for flexbox (and grid)

CSS Grid

@supports
...more
54min
May 18, 2021 5: Web Components, front and center
In this episode we focus on web components. Poul gives a short intro to what they are and brings up some of the benefits of using web components, and also some of the disadvantages. We talk about the shadowDOM, encapsulation, ::part , slots, builders/compilers and framework integrations. Will web components replace JS frameworks? How do you go about styling a web component?

🔗 LINKS
Web Components
Using shadowDOM
::part
Explainer: CSS Shadow ::part and ::theme
Adele - design systems repository
Inheritable styles
Lit 🔥
StencilJS
StencilJS Store
Lion web components
fast.design
@deckdeckgo/lazy-img - image lazy load web component
...more
55min
March 31, 2021 4: Component libraries and design systems
In this episode we talk about component libraries and design systems. We talk about what they are and we share our own experiences using different tools for building component libraries such as PatternLab, Fractal and Storybook. We also share our recommendation on how to get started with this and what tool to choose. And then we of course also talk about bacon 🥓
🔗 LINKS
The benefits of component libraries and when not to use one - by Mikkel Rom
Introduction to Storybook
Essential addons
Accessibility addon
Notes addon
MDX - Markdown for the component era
PatternLab
Fractal
Styleguides.io
Designsystems Repo
Adele.uxpin.com
React.ui.audi
...more
51min
February 24, 2021 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
...more
55min
January 30, 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/

...more
44min

FAQs about Codesplitters Podcast:

How many episodes does Codesplitters Podcast have?

The podcast currently has 21 episodes available.