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 tried to replicate it in Bootstrap. Continue reading Comparing and contrasting Bulma and Bootstrap
Category Archives: Coding
Learning Laravel: What is Laravel?
In last week’s laravel post, I mentioned that Laravel is an open-source PHP framework that uses the model–view–controller (or MVC for short) architectural pattern. This week, I want to drill down more on what that means. Continue reading Learning Laravel: What is Laravel?
Are you still working on the State Parks app?
Yup, I am.
Last year, I posted a lot about how I was building a state parks app to help with my goal of eventually visiting every park in the Wisconsin State Parks system. The most recent post was around November, though. Well, I am working on the app again and I am hoping to have it finished this month (by Memorial Day, ideally).
If you want to check it out before then, the testing environment is at https://test.wisparks.jws.app and you can follow the progress at https://github.com/steinbring/WIStateParks/.
Beyond that, if you have any questions, comments, etc, feel free to drop a comment below.
Learning Laravel: Composer and The Laravel Installer
I spent years writing Laravel code at UWM but you might have noticed that I almost never wrote anything on this blog about it. I am hoping to address that here and now. If you don’t already know, Laravel is a free, open-source PHP web framework, intended for the development of web applications following the model–view–controller architectural pattern. Continue reading Learning Laravel: Composer and The Laravel Installer
I’m speaking at That Conference Wisconsin, this year
So, I am speaking at That Conference. I will be giving the talk “Locating your user in meatspace” on Tuesday, July 26, 2022 at 1:00 PM CDT. Swing by and I’ll show you what I have learned about geolocation and how to add it to your web application. You can pick up a $99 “ON THAT Camper” ticket at: https://that.us/events/wi/2022/tickets/. Continue reading I’m speaking at That Conference Wisconsin, this year
Learning Tailwind: Borders, Shapes and Backgrounds
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
How to use regex and vue to validate form input
I haven’t talked about regular expressions much on this blog and that is mainly because I don’t feel like I understand the topic enough. We are going to work on that, today. Regular expressions (or regex) are patterns used to match character combinations in strings. There are regex strings to test for valid phone numbers, email addresses, IP Addresses, credit card numbers, and much more. In today’s post I figured that we would look at three examples of how you can use them in vue. Continue reading How to use regex and vue to validate form input
Three ways to create a modal dialog
Today, we are going to look at three ways to add a modal dialog to your app. The first option just uses CSS and JavaScript (no special libraries). The second option uses Bootstrap (a topic that I haven’t touched in a few years). The third and final option uses Bulma. I looked back at my previous posts and don’t think that I have covered this, yet. I am purposely trying to keep the three examples as similar to each other as possible. There is a button that opens the modal and you can close it by either clicking on the space outside of the modal or on the X in the corner of it.
Did you know that the blockquote element has a cite attribute?
This is going to be a fairly quick post. I was reading some developer documentation recently and noticed that the blockquote element in HTML has an attribute for citing the source for that blockquote.
See the Pen
Blockquote Cite by Joe Steinbring (@steinbring)
on CodePen.
It doesn’t seem to surface that citation in the rendered HTML but I’m sure that you can do that with a little CSS and JavaScript.
[ Cover Photo by Mariia Zakatiura on Unsplash ]
Learning Tailwind: Fonts and Typography
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