Travis Waith-Mair
@Jarvis1010
đź‘‹ Hi! I'm Travis Waith-Mair. I am a senior front-end developer and the creator of the Bedrock Layout Primitives, https://bedrock-layout.dev/, a library of components designed to make layout composition easier.
I am also the author of The newline Guide to Composing Layouts in React here at newline.
Contributed IDE list
No IDE contribution for now
User's comments
0
articles
The Misunderstood Role of Flexbox in CSS Layouts
Flexbox has become a buzzword in the world of CSS layouts, often hailed as the ultimate solution for design challenges. However, there's a significant misconception clouding its perception. While Flexbox is indeed a powerful tool, it's not the cure-all for every layout conundrum.Feb 26th 2024Mastering CSS Layout: Unraveling the Power of Design Patterns
Knowing how to approach CSS layout can be challenging for web development. Knowing where to start can be so tricky. This problem worsens when we hear CSS Flexbox is for one-dimensional layouts and CSS Grid is for two-dimensional layouts. Not only is this misleading advice, it does nothing to help…Jan 9th 2024How To Make CSS “Click” Through Mastering Layouts
CSS is and always has been a unique challenge. It's a tool that often divides developers into two camps: those who love it and those who kinda hate it. CSS can be an enigma even to the most skilled of devs. Developers able to create amazing pieces of code in Python and Node can be at a loss when…Feb 29th 2024Encapsulated CSS
Photo by Mika Baumeister on Unsplash Most modern frameworks, like React, use components as their foundation. They do this for a few reasons, but a crucial one is that components allow you to break your app into simple single-purpose parts that can then be composed together to solve more complex…Jul 4th 2021
Creating A Split Component
Photo by Cassie Matias on Unsplash For the longest time, floats were the go-to tool for putting two things next to each other. Unfortunately, since this is not what floats were designed for, this created as many problems as it solved. Luckily, modern CSS makes this much easier to solve. Let's take…Jul 17th 2021
How to Build a Composable Stack Component
Photo by Sean Stratton on Unsplash One of the simplest and yet most common layout patterns found on the web is putting one element on top of another element with consistent space between them. From form labels, to paragraphs of text, to social media feeds. They all need to stack one thing on top of…Jul 14th 2021
Composing Layouts
Composition, simply put, is when you build something greater than the sum of its parts. For example, an organism is composed of organs, which are composed of organ parts, which are composed of cells, which are composed of atoms. A musical composition can be broken down to nothing more than…Jul 5th 2021
CSS Reset For Composable Layouts
The styles that we write are not the first styles that get applied to our app. Before a single line of our CSS is used, the browsers will apply their user-agent style sheets. Unfortunately, there is no rule that requires any of the browsers to use the same style sheet for their user-agent. For this…Jul 4th 2021
courses
Mastering CSS Layout
Become confident in building any CSS layout by learning the fundamental CSS Design Patterns and Best Practices that are responsible for all the CSS layouts in the world. Make CSS easy and intuitive by identifying those building blocks in seconds in every layout and learn how to code each of them using CSS Grid or Flexbox. By the end of this course, CSS will finally "click". Everything will make sense and you'll know how to build from scratch or edit both simple and complex layouts.Feb 21st 2024
books
Jarvis1010 hasn't published any books