Category Archives: Coding

Comparing and contrasting Bulma and Bootstrap

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

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

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.

Continue reading Three ways to create a modal dialog

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 ]