HTMX in Action How to Build a Lightweight Signup Form

HTMX in Action: How to Build a Lightweight Signup Form

Chris Sonnenberg HTML5, Tutorial Leave a Comment

Creating dynamic, responsive web forms doesn’t have to be complicated. With HTMX, you can build a seamless signup form using just a few HTML enhancements. In this blog, I’m going to show how to make a basic signup form with HTMX.

We’ll cover how a few minor improvements to HTML allow us to make a simple form quickly while keeping state consistent. There will be only three sections to the form, but it’s easily extendable with changes in only one or two routes per change.

Navigating the High Seas of CSS Anchor Positioning

Lawrence Chabela Articles, CSS & HTML, Design, Development Technologies & Tools, HTML5 3 Comments

Navigating the seas of web development, the CSS Anchor Positioning API has emerged as a foundational tool, enabling developers to anchor elements precisely relative to others. This blog post explores key concepts such as anchor elements and anchor-positioned elements, demonstrating how to set up relationships between elements, utilize the anchor() function for positioning, and leverage the new anchor-center value for effortless centering. Advanced techniques like multiple anchors, the inset-area property, the anchor-size() function, and visibility options are also covered.

A Retrospective of React

A Reactrospective: A React Retrospective

James Bradley Angular, Articles, Development Technologies & Tools, HTML5, JavaScript, React Leave a Comment

Most, if not all, of my experience has been with .NET and .NET Core. I’ve also worked with most of the front-ends throughout history including Classic ASP, Code Behind, Model View Presenter, MVC, Backbone, and, over the last few years, Angular 1… Angular 6… not Angular 2…AngularJS. To me, AngularJS is that old t-shirt that you put on to sleep in; comfortable.

At first, most of us on the team were a bit apprehensive about moving to React. AngularJS was very familiar and Angular 2 seemed like the natural next step. I could learn TypeScript, and as primarily C#-based developer, I really liked the idea of a little typing. I like shiny new things, and I’m always game to learn, so challenge accepted. Since then I’ve had a hand in writing three applications in React and have learned more than a few lessons. These are their stories… dun dun.

Progressive Web Apps Tips and Tricks

Progressive Web App Tips and Tricks

John Boardman Articles, CSS & HTML, HTML5 4 Comments

PWA (Progressive Web App) is a powerful solution to multiple problems. Prior to PWA, there were some browser-specific implementations to some of the problems solved by PWA, but PWA is much more elegant while solving more problems at the same time.

In this post, we’ll cover the problems PWA was created to solve, some of the solutions PWA replaced, tools that make PWA development faster and more flexible, and tips to get the most out of PWA development.

Time Input Widget with AngularJS

Phuong Nguyen Angular, Articles, CSS & HTML, HTML5, JavaScript 2 Comments

Attention: The following article was published over 10 years ago, and the information provided may be aged or outdated. Please keep that in mind as you read the post.I have been working with the AngularJS framework for a couple of years now. One of the features I love the most about Angular is the powerful directive system that allows you …