Writing from Lisi Linhart https://lisilinhart.info/ https://lisilinhart.info/posts/joining-as-a-staff-engineer https://lisilinhart.info/posts/joining-as-a-staff-engineer Tue, 26 Nov 2024 00:00:00 GMT Staff engineer onboarding is about building relationships, understanding priorities, and delivering early value while aligning with the organization’s goals. https://lisilinhart.info/posts/7-lessons-i-learnt-as-a-senior-engineer https://lisilinhart.info/posts/7-lessons-i-learnt-as-a-senior-engineer Sun, 30 Jun 2024 00:00:00 GMT Read about my journey as a senior software engineer, looking at the importance of understanding people and managing time wisely. https://lisilinhart.info/posts/female-role-models-in-tech https://lisilinhart.info/posts/female-role-models-in-tech Tue, 19 Mar 2024 12:00:00 GMT The crucial role of female role models in the tech industry, this blogpost delves into real experiences and insights. It offers actionable strategies for fostering diversity and inclusion. https://lisilinhart.info/posts/effective-documentation https://lisilinhart.info/posts/effective-documentation Tue, 02 Jan 2024 00:00:00 GMT This blog post explores the role of quality documentation, looking at different documentation types, effective strategies, and great documentation tools to start your documentation journey. https://lisilinhart.info/posts/six-ways-to-strive-with-your-remote-team https://lisilinhart.info/posts/six-ways-to-strive-with-your-remote-team Sun, 26 Nov 2023 00:00:00 GMT Strive with your team: be consistent, flexible, celebrate wins, promote inclusivity, speak up, and prioritize work-life balance. https://lisilinhart.info/posts/from-developer-to-architect https://lisilinhart.info/posts/from-developer-to-architect Sat, 11 Nov 2023 00:00:00 GMT A Front-end Architect is responsible for creating and documenting architectures for large-scale front-end applications. https://lisilinhart.info/posts/how-ai-impacts-developers https://lisilinhart.info/posts/how-ai-impacts-developers Mon, 25 Sep 2023 00:00:00 GMT AI's role in coding is set to expand, integrating synthesized code and automated suggestions into the developer's toolkit. While this promises greater accessibility for non-traditional coders, expertise will remain essential. https://lisilinhart.info/posts/the-junior-developer-journey-part-6 https://lisilinhart.info/posts/the-junior-developer-journey-part-6 Thu, 27 Oct 2022 00:00:00 GMT Part 6 of the series focuses on learning in public and leveraging social media platforms. https://lisilinhart.info/posts/the-junior-developer-journey-part-3 https://lisilinhart.info/posts/the-junior-developer-journey-part-3 Mon, 03 Oct 2022 00:00:00 GMT Part 3 of the series focuses on picking the right learning path and defining goals for your learning journey. https://lisilinhart.info/posts/the-junior-developer-journey-part-4 https://lisilinhart.info/posts/the-junior-developer-journey-part-4 Mon, 10 Oct 2022 00:00:00 GMT Part 4 of the series focuses on becoming more professional and seeking feedback. https://lisilinhart.info/posts/the-junior-developer-journey-part-1 https://lisilinhart.info/posts/the-junior-developer-journey-part-1 Sat, 10 Sep 2022 00:00:00 GMT This series is about sharing some of my experiences in becoming a senior software engineer. https://lisilinhart.info/posts/the-junior-developer-journey-part-2 https://lisilinhart.info/posts/the-junior-developer-journey-part-2 Sat, 17 Sep 2022 00:00:00 GMT Part 2 of the series focuses on gaining confidence as a junior developer and learning to write more readable code. https://lisilinhart.info/posts/the-junior-developer-journey-part-7 https://lisilinhart.info/posts/the-junior-developer-journey-part-7 Tue, 01 Nov 2022 00:00:00 GMT Part 6 of the series focuses on learning in public and leveraging social media platforms. https://lisilinhart.info/posts/the-junior-developer-journey-part-5 https://lisilinhart.info/posts/the-junior-developer-journey-part-5 Sun, 23 Oct 2022 00:00:00 GMT Part 5 of the series focuses on building a public profile, sharing your learning and expanding your network. https://lisilinhart.info/posts/improve-your-vue-3-accessiblity-with-linters-git-hooks https://lisilinhart.info/posts/improve-your-vue-3-accessiblity-with-linters-git-hooks Sun, 13 Nov 2022 00:00:00 GMT This post shows you how to setup up accessibility linters in Vue 3. https://lisilinhart.info/posts/moving-from-vue-1-to-vue-2-to-vue-3 https://lisilinhart.info/posts/moving-from-vue-1-to-vue-2-to-vue-3 Thu, 02 Mar 2023 00:00:00 GMT This post explains how we migrated Storyblok from Vue 1 to Vue 2 to Vue 3. https://lisilinhart.info/posts/transform-json-data-for-storyblok https://lisilinhart.info/posts/transform-json-data-for-storyblok Sat, 03 Sep 2022 00:00:00 GMT Quickly transforming JSON Data into Storyblok Content https://lisilinhart.info/posts/touch-interaction-vue https://lisilinhart.info/posts/touch-interaction-vue Mon, 20 Aug 2018 00:00:00 GMT When developing new applications many developers start with a desktop interface in mind. But often we forget that most people will access an application on their phone and interaction patterns that work well on desktop, might not be optimal on mobile. https://lisilinhart.info/posts/waapi-introduction https://lisilinhart.info/posts/waapi-introduction Sat, 19 Aug 2017 00:00:00 GMT There is so many ways to animate things on the web today. From pure CSS animation to fancy libraries like GSAP. The Web Animations Api (short WAAPI) tries to combine the power of CSS with the flexibility of Javascript in order to allow complex animation sequences. https://lisilinhart.info/posts/led-matrix-headless https://lisilinhart.info/posts/led-matrix-headless Wed, 14 Apr 2021 00:00:00 GMT Learn how to create a LED matrix that is controlled via a headless CMS. https://lisilinhart.info/posts/waapi-advantages https://lisilinhart.info/posts/waapi-advantages Fri, 20 Oct 2017 00:00:00 GMT If you create an animation in CSS you have to specifically describe what is going to happen for every step, whereas in Javascript with the WAAPI you are more flexible, because you can programmatically define the animation in an animation object. https://lisilinhart.info/posts/css-variables-performance https://lisilinhart.info/posts/css-variables-performance Thu, 27 Jul 2017 00:00:00 GMT CSS variables have been around for a while. Although they still lack some Browser Support (mainly IE and Edge), they provide a great new way to structure and interact with your CSS. In order to take a closer look at the performance impact of CSS variables one has to understand the basic principle of the scope, because it also applies to CSS variables. https://lisilinhart.info/posts/portfolio-2020 https://lisilinhart.info/posts/portfolio-2020 Tue, 18 Aug 2020 00:00:00 GMT In 2020 I redid my portfolio and learned about eleventy while doing so. https://lisilinhart.info/posts/native-web-animation https://lisilinhart.info/posts/native-web-animation Tue, 08 Jan 2019 00:00:00 GMT Animation on the web has come a long way. At first we used Flash to create websites, which were all fun and interactive, then we got to fancy JavaScript libraries, and now the web platform offers us a selection of native animation tools. https://lisilinhart.info/posts/getting-started-gatsby https://lisilinhart.info/posts/getting-started-gatsby Tue, 15 May 2018 00:00:00 GMT Recently I ported my website to [GatsbyJs](https://www.gatsbyjs.org/). In my previous setup I already wrote my blog posts in markdown, but had a kind of self-built way of displaying those markdown files, which I wasn’t perfectly happy with. https://lisilinhart.info/posts/ux-mobile-interfaces https://lisilinhart.info/posts/ux-mobile-interfaces Sun, 14 Jan 2018 00:00:00 GMT When developing mobile user interfaces, simplicity is essential for a good user experience. The interface should be consistent, avoid cognitive overload and disorientation in the user. https://lisilinhart.info/posts/css-grid-sass https://lisilinhart.info/posts/css-grid-sass Tue, 14 Nov 2017 00:00:00 GMT Before you start code your layout with CSS Grid, setup up your HTML so it makes sense. First and foremost your markup should be readable on screen readers and work without a fancy layout. https://lisilinhart.info/posts/css-houdini-performance https://lisilinhart.info/posts/css-houdini-performance Wed, 01 Jul 2020 00:00:00 GMT Recently I have been wondering how CSS features like painting backgrounds compare to CSS Houdini’s Paint API in terms of performance. https://lisilinhart.info/posts/svg-animation-css-variables https://lisilinhart.info/posts/svg-animation-css-variables Mon, 22 Jul 2019 00:00:00 GMT Sometimes we want to create dynamic animations, that react to user input, like the mouse moving or selecting some checkboxes. Updating SVG elements according to this input has gotten a lot easier now that CSS Variables are usable in the browser.