Entries with the tag “html”

For a project I’m working on, I had to become very familiar with the print CSS styles for headers and footers. The goal is two fold: 1) to have a nice printable version and 2) to use a chrome-pdf tool to download as PDF.

Regardless of the two consuming sources, I just wanted to solve this all as one html/css file. So, it was necessary to explore all of the different options we have now, in 2025, on Chrome.

In this blog entry, see print (pdf) versions of the different header/footer functionality in CSS including built-in page margin and header/footer tools as well as fixed/forced hacks.

In most of my applications, time is reflected in the UTC timezone. This is great for logic and math, but not so great when showing the date to the regular user.

Now, it’s pretty easy to show the UTC dates in the user’s timezone, without even asking them what it is.

Let’s see how to do this with a little bit of HTML and Javascript.

I already have Prettier and ESLint set up and they handle all of my Javascript code perfectly. But what about when you’re working on just a plain HTML file in VSCode? How do you get it to stop randomly breaking your lines?

Whenever I can use plain CSS instead of Javascript to solve a user interface or experience problem, a thousand angels rejoice. Well that, and usually the result is a lot less bytes sent for a faster page load. With this in mind, I had a problem a while ago that I solved using CSS only: showing a form only when a link was clicked to display it. Let’s see how.

This article will break down how I use GitHub Actions and GitHub Pages to retrieve data from an API, commit the new data to my repo, and have GitHub pages rebuild and use that data - all on a schedule with no hands-on interaction.

Remember when the biggest way to show off your quality as an applicant was to have a fancy resume? You’d have a heavy paper weight, fancy fonts and in some cases embossing. I decided it might be fun to duplicate that as an HTML/CSS resume.

When talking to junior developers, I hear the same question over and over: “how can I demonstrate what I know, or show experience, if I haven’t had any gigs yet?” Old-timers tell you to build a portfolio, but how do you do that? Where do you get ideas? How do you choose a project that’s not overwhelming? Let me explain my rationale as well as demonstrate how I might make my first portfolio project.

Historically, I’ve always created virtual boxes with apache environments with vagrant like this or recently a combined docker image like that. But, as I do more front end work as well, I realized these were pretty heavy weight.

Despite the “catchy” title, this is one of my pet-peeves: when developers put a p tag inside of a table like they would use a <tr><td> combo. This is often done when there is a variable amount of values - including zero - listed in a table.

tldr; Remember to use rel="noopener" on target="_blank" links where you do not control the destination.

Turns out, it’s just another issue of RTFM - but maybe this will save you some headache!

One of the applications my team develops is used by a group that we’ve determined to be very much beginners at computer usage and internet comprehension. We attempt to make the product as intuitive as possible - while staying away from the newest trends. I don’t believe our place is to challenge their current notion of what websites do at this time. We stay a bit behind the curve because they need to use this application to solve a task. The task is already hard enough, we shouldn’t be pushing them past their comfort zones.

At work the other day, our designer created an interface that had multiple checkboxes, and then of course a check-all checkbox. The thought was that if you check the check-all box, all items become checked. When our QA person started testing the interface, I noticed that a child item unchecked let the check all box remain checked. I explained to the programmer and QA person that this was not the desired outcome. As soon as one checkbox is unchecked, the checkall should now be unchecked. In addition, if you check all children by hand, the checkall should automatically check itself.

So I decided that I wanted to challenge the concepts I know about online photo booths. What are those?

In part 1, I discussed the various arguments I run into about wanting to be overly security conscious with our sites in regard to third party javascript. In this entry, we’ll run through a few scenarios.

I often run across this problem and I have to solve it each time. I finally decided to blog about it.

Ok - so I can’t take any credit for this - but check out this blog post: http://www.phpied.com/conditional-comments-block-downloads/

While I continue to look at the semantic web, I can’t help but scratch my head and say “why” about some of these technologies. I feel like its still sadly lacking… with that, let me introduce…

I came across a great idea dealing with protecting image downloads from the site. Now, this is not fool-proof. There are lots of other ways to download the image, but this may stop the casual downloader. Nope, its not disabling the right click or using java. It requires one single transparent gif. Let’s see how.

So I’ve heard of the Flash of Unstyled Content before - but never really had this problem. I always use a link tag for my stylesheets.

I just want to make a micro blog here. Just a tiny lil blog.

I thought I’d ramble on a bit about my thoughts on the HTML5 differences from HTML4 draft from working draft 10 in June 2008. You can find it - or the newest one - here: html5 diff.

Meta Tag Generator uses javascript to generate the proper format for some common meta tags. This was originally just a proof of concept script that I decided to release.

In regards to the Data in URL scheme (RFC here), I’ve found an interesting issue with the way firefox handles it which could lead to some XSS I think.

In this posting, I’m going to share the steps to making a slimmed down, cleaner, nicer layout for MySpace to help showcase your personal interests, your band, or your business.