Five Tips for Joining as a Staff Engineer
Staff engineer onboarding is about building relationships, understanding priorities, and delivering early value while aligning with the organization’s goals.
Lisi Linhart's Blog
Writing from Lisi Linhart
Latest posts
7 lessons I learnt as a senior engineer
Read about my journey as a senior software engineer, looking at the importance of understanding people and managing time wisely.
The importance of female role models in the tech industry
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.
How to write effective documentation
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.
Six ways to strive with your remote team
Strive with your team: be consistent, flexible, celebrate wins, promote inclusivity, speak up, and prioritize work-life balance.
From developer to architect
A Front-end Architect is responsible for creating and documenting architectures for large-scale front-end applications.
How AI will impact software developers
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.
Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System
This post explains how we migrated Storyblok from Vue 1 to Vue 2 to Vue 3.
Improve your Vue 3 accessiblity with linters & git hooks
This post shows you how to setup up accessibility linters in Vue 3.
The junior developer journey - Part 7
Part 6 of the series focuses on learning in public and leveraging social media platforms.
The junior developer journey - Part 6
Part 6 of the series focuses on learning in public and leveraging social media platforms.
The junior developer journey - Part 5
Part 5 of the series focuses on building a public profile, sharing your learning and expanding your network.
The junior developer journey - Part 4
Part 4 of the series focuses on becoming more professional and seeking feedback.
The junior developer journey - Part 3
Part 3 of the series focuses on picking the right learning path and defining goals for your learning journey.
The junior developer journey - Part 2
Part 2 of the series focuses on gaining confidence as a junior developer and learning to write more readable code.
The junior developer journey - Part 1
This series is about sharing some of my experiences in becoming a senior software engineer.
Transform JSON data for Storyblok
Quickly transforming JSON Data into Storyblok Content
Creating an IoT LED matrix controlled by Storyblok
Learn how to create a LED matrix that is controlled via a headless CMS.
Personal Portfolio Refresh
In 2020 I redid my portfolio and learned about eleventy while doing so.
CSS Painting vs. CSS Houdini Paint API
Recently I have been wondering how CSS features like painting backgrounds compare to CSS Houdini’s Paint API in terms of performance.
Dynamic SVG Animation with CSS Variables
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.
The developer’s guide to native web animation
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.
Handling Touch with VueJs
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.
Getting started with GatsbyJS
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.
Principles of Mobile User Interfaces
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.
Improving CSS Grid workflow with SASS
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.
Advantages of the Web Animations Api
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.
Getting started with the Web Animations Api
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.
Performance of CSS Variables
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.