CSS - TJ Fogarty

TJ Fogarty

Sign in Subscribe

CSS

A collection of 13 posts

Tailwind Is...

I don't get all this hate for Tailwind. It's not going anywhere, so it's probably time to move on.

Rediscovering the Joy in Coding

Rediscovering the Joy in Coding

Going back to basics by putting aside the typical frameworks and making my own rules.

IE11 Placeholder Transition Issue

A combination of autoprefixer and transitions styles broke an input in IE11.

Text Selection Particle Effects

Creating particle effects based on text selection using the Web Animations API.

Theming with CSS Custom Properties

I remember scoffing at the thoughts of variables in CSS. “Haha. Oh internet, we have Sass!” Alas, I was a fool. Now it’s getting to the stage where I might say “Haha. Oh internet, we have CSS!” when faced with the option of using a pre-processor. There’s still

Variable Fonts

I read a great article about variable fonts the other day, and saw that it’s possible to use animations. Specifically, I wanted to look at scaling the weight since it can be much more granular with variable fonts. Now, I’m no craftsman when it comes to animations and

Building My Site Part III: Fine Tuning

Final tweaks and performance improvements for my website.

Building a 'Now Playing' Feature

Show the world what you're listening to because it's important.

The (Clip) Path of Least Resistance

We may be familiar with the formable border property, which has been used for many a year for generating arrows to add a little bit of pizazz to our pages. I only recently got a chance to play with the clip-path property to take these flourishes to a new, scalable

Building a full-screen overlay

A JavaScript approach to a full-screen overlay

Quickly build a simple grid with Sass

All you need are some variables and loops. Granted, some may argue for readability, but as long as what you're doing is well documented, it can save you a lot of time. Especially if you want to add/remove breakpoints. The end result should be a simple class

Web Project Boilerplate - Browserify with ES6

Someone told me you like boilerplates, so I went ahead and made one just for you. https://github.com/tjFogarty/boilerplate I know, I know, we promised we wouldn’t do gifts. Is this conversational tone creeping you out yet? Yes? Then let’s move onto the contents: * Gulp * Browserify

Front-end Strategy with a sprinkling of ExpressionEngine

My aim in the past while has been pointed towards front-end development, and exploring the different ways in which to produce a tidy result. These examples point to ExpressionEngine paths, but you can customise them to any project you’re working on. I’m relatively new to the ExpressionEngine game,