html

  • September 14, 2020

    Learning HTML and CSS (with My New Book, Out Now!)

    I’ve always been a learn-by-doing kind of guy. Maybe it’s because I’m thinking about other things when something is explained to me, or maybe people are bad at explaining things. But either way, a concept doesn’t really sink in until I do it, or until I see an immediate application for it. When I learned HTML and CSS, I learned it by doing it. I’d make a page in Microsoft Front Page one then see what the generated source looked like.

    Eventually, when I moved to using Notepad (or more accurately, Notepad++), I’d try something and see what happens, or copy someone else’s source and modify it. It wasn’t ideal, and today there are lots of great alternatives. I’m happy to add a new one to the fray: my new book, HTML and CSS: Visual QuickStart Guide.

    (more…)

  • July 29, 2014

    Use Input Masks for Better UX and Easier Validation

    Recently I was developing a few forms for a project at work and wanted a fairly specific format for the input of one of the fields. It was a time of day, and since the <time> element isn’t very well supported in browsers yet, I opted for my own text input and validation. While I do provide some examples for users and check the input on the server side, I opted for input masks on the front end of development to make the form validation easier, and more importantly, to make using the form easier.

    (more…)

  • June 20, 2013

    Web Development Resources, Summer 2013

    I have a ton of bookmark folders to help keep myself organized, though to be honest I usually bookmark something and then forget about it. So, while looking through some of my folders, I can across a good amount of web development resources I’ve been keeping. I’ve decided to share them.

    (more…)

  • February 18, 2006

    State Drop Down box

    Today, working on a project, I searched for a ‘State Drop Down Box’ for a form. Believe it or not, I couldn’t really find one, and had to ‘borrow’ own. So figured why not add one that is easy to get to my site. on top of Code I have added ‘Code Cips as a category, and for this post, the slug is state-drop-down, so the url should be https://casabona.org/?p=state-drop-down/. Easy enough, right?

    Just copy and paste*! When processing the form, the variable name for it is ‘state’. Later!

    *OK- it’s not showing up right in the textarea, but it will in an HTML doc.