ThatSoftwareDude

Category

Web Design

Articles

web-design

Creating Engaging Typing Animations with Pure CSS

Typing animations can add personality to your website, draw attention to important messages, or simply create a more dynamic user experience

How To Make Responsive HTML Tables

The beloved HTML table is one of the oldest elements on the web and one of the most used elements. It's incredibly important, for a number

How to Implement Glassmorphism Design on Your Website

Glassmorphism has become one of the most popular design trends in recent years, and for good reason. The sleek and translucent frosted glass

How to fade out elements without using jQuery

In the past, fading out an element in JavaScript involved literally looping thousands of times per second and gradually reducing the opacity

Taking a look at Google's Material Icons Font

If you have any type of icons on your websites, then odds are you are either using image files to render them or perhaps the ever so popular

Working with the loading icon

The little guy that helps us decide whether we should click again, or wait it out for another 2 minutes. It's a love hate relationship with

6 Web Design Mistakes That Ruin User Experience

It’s now a necessity for a business to have an excellent online presence to remain competitive in the marketplace. This makes your webs

How to show users their plain-text passwords

A common feature that many websites now implement, is the ability to toggle on and off the password visibility on a signup form.

Top FontAwesome alternatives to use on your websites

Loading icons onto a web page used to be a difficult and tedious task. In the past web developers essentially had to create and load image s

Site Optimization With Google PageSpeed Part 2

A while back I did a Google PageSpeed audit on my website, and documented the process of how I went about fixing some of those issues that

Working With CSS3 FlexBox

FlexBox, or Flexible Box, is a CCS3 layout mode that arranges the elements in a way that they behave predictably when the page changes to a

What No One Tells You About Making A Website

So you want to make a website. You have an idea or bits and pieces of an idea, you get a cheap hosting account and a $9.99 domain name and

Trying Out: Google's Material Design Lite

Google just unveiled Material Design Lite out into the wild for all to use, and so I'm going to be trying it out on a few of my websites th

The Web Isn't Valid Anymore, And That's Not Ok

The language of the internet is and always will be HTML. And this HTML is standardized by the W3C, or the World Wide Web Consortium. The W3

A 5 Minute Guide To CSS Transitions

CSS transitions have been out for a bit now, but many websites still don't make full use of them, unfortunately. And they should, as they p

Font Awesome has changed the way that I build websites

I don't get paid by Font Awesome, but after I hype them up, they will at some point. Font Awesome has changed the way that I build websites

When to use 'em' and 'rem' in CSS

Styling elements on the web can be a tricky thing, particularly these days with hundreds of display sizes, various pixel densities and vario

Should you follow mobile-first design principles?

The mobile-first design pattern came into popularity over a decade ago mainly in response to the increase number in smartphone users and new

The one downside with using CSS frameworks

I am all for making my coding and front-end life as smooth a process as possible. And thanks to the advancements in technology and our human

How to implement Dark Mode on your websites with JavaScript

I'll start by saying that there is no native method for dark mode in HTML and CSS just yet. So whatever method you end up using will have to

4 reasons why you might want to avoid infinite scrolling

Infinite scrolling is a somewhat popular UI/UX technique for loading content asynchronously to the user. In a sense, as you scroll through t