10 episodes

A podcast about modern web development.

Codesplitters Podcast Poul Hansen, Kevin Andries and Mikkel Rom

    • Technology
    • 4.8 • 4 Ratings

A podcast about modern web development.

    10: 2021 reflections

    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

    • 55 min
    9: Mikkels thoughts on using Tailwind and Angular

    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

    • 1 hr 9 min
    8: Testing from a beginners standpoint

    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

    • 1 hr
    7: The fall of IE

    7: 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

    • 1 hr 3 min
    6: Modern CSS and JS we're excited about 🤩

    6: 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

    • 53 min
    5: Web Components, front and center

    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

    • 54 min

Customer Reviews

4.8 out of 5
4 Ratings

4 Ratings

Top Podcasts In Technology

iHeartPodcasts
Zetland
Leif Jensen
Jack Rhysider
Lex Fridman
Techies & Artists