Exactly How to Deploy Local Files to Make a Live Website
A very basic step-by-step guide of exactly how to do it for static files like .html, .css, and .js files.
Tag Archive for
HTML
Using the Popover API for HTML Tooltips
We can *mostly* use HTML alone for this API. But here, we’ll use CSS to style the “links” within paragraphs and a JS library to position them, in lieu of CSS anchoring.
The HTML, CSS, and SVG for a Classic Search Form
Let’s build a search form that looks like this: That feels like the absolute bowl-it-down-the-middle search form right now. Looks good but nothing fancy. And yet, coding it in HTML and CSS I don’t think is perfectly intuitive and makes use of a handful of decently modern and slightly lesser used features. The Label-Wrapping HTML […]
Arguments for opening links in a new tab or window
I feel like I’ve always been in the minority on this: I don’t think you should use target=”_blank” on links. Unless you have a very good reason, that is, like there is currently-playing media that would stop, or a user has unsaved work you don’t want to interrupt. But I find that most people disagree, and have their own philosophy.
Project Idea: Convert a PDF Form to a Web Form
Jermey Keith visited a school doing this exact project, and I thought it was a great idea for learning: There’s a specific module his students are partaking in that’s right up my alley. They’re given a PDF inheritance-tax form and told to convert it for the web. You could make doing this job really well […]
Streaming HTML
I admit I went pretty far in my web development career without understanding that Streamed HTML is a thing. And while I’m admitting things, I’m still not 100% sure when it’s an ideal solution and how best to take advantage of it. But knowing is half the battle sometimes, so let me get into some […]
Building a TODO App from Scratch — Step 5 — Extra Functionality
We left off in a decent place, but there was some missing functionality that we wanted all along. Editing To-Dos The interaction we decided on for editing is to double-click the todo. This will turn the to-do, in place, into an editable input. Then you hit enter (e.g. submit) or leave the input (e.g. blur) […]
Safari Gets a Toggle Switch Input
Safari 17.4 dropped an interesting an unexpected feature, a native UI toggle switch control! It’s so new it’s not even in the HTML spec yet. While that might be a blocker for your project, you can use it today as a progressive enhancement on top of the standard checkbox input.
Capo.js: A five minute web performance boost
You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your <head> in order. It’s based on some research by Harry Roberts that shows how something seemingly insignificant as the elements in […]
Building a TODO App from Scratch — Step 2 — HTML
OK it’s HTML time! I love HTML time. We’re laying down a foundation that makes everything feel very real. Is HTML jumping the gun? Nah. The reason that we can jump to HTML right away is that it is common to any other future choice we make. As I mentioned, we might just stay in […]
Did you know?
Frontend Masters Donates to open source projects. $363,806 contributed to date.