I haven’t been shy in the past about how I have really prefer Bulma over Bootstrap. I wanted to use this week’s post to compare and contrast the two and hopefully reset my opinion of Bootstrap. So, how am I going to do that? I am going to create a webform using Bulma and then …Continue reading "Comparing and contrasting Bulma and Bootstrap"
A few weeks ago, I started a series where I planned to cover Tailwind to the best of my ability. Over the years, I have used Bootstrap and Bulma a heck of a lot but I wanted to branch out a little. Today’s post is going to cover borders, shapes, and backgrounds. Let’s get started.Continue reading "Learning Tailwind: Borders, Shapes and Backgrounds"
One of my goals for this year is to become more familiar with Tailwind CSS. As part of that, I am going to post a few things on the topic to the blog. This week, I intend to focus on fonts and typography.Continue reading "Learning Tailwind: Fonts and Typography"
Recently, I was talking about how a random tweet got me thinking about CSS image carousels and at the end of that post, I mentioned that the second version of the image carousel would allow you to link to individual slides. I figured that it was time to show how to do that. See the …Continue reading "CSS Image Carousel, Part 2"
Recently, I was doom-scrolling twitter when I came across a tweet that claimed that you can build an image carousel using just two lines of CSS. I liked the tweet and then thought to myself “I can’t sleep, right now. Why not try it out?” CSS Tip 💡 Create image Carousel using two lines of …Continue reading "Two ways to make a pure CSS image carousel"
Making your forms look less “straight out of the box” is sometimes just as simple as adding a border-radius to things. In this quick post, I figured that I would show the power of it.Continue reading "How to use border-radius to round the corners of inputs, buttons, and divs"
I found myself trying to figure out how to do an interface consisting of a series of cards that slide off to the side as you finish them. Let’s start by looking at the sample app before the addition of the sliding magic.Continue reading "Sliding transitions, using Vue and Bulma"
Almost two years ago, I looked at how to use prefers-color-scheme to add “dark mode” to a website. It isn’t exactly a difficult change to make, so I figured that we could take this week to add it to the State Parks App. The last time we looked at this, it was supported by everything …Continue reading "Adding dark mode to your web app"
I am slightly surprised that I haven’t done a post on this, yet. My intention with this blog post is to simply show how to layer text on-top of an image.Continue reading "How to add text on-top of an image"