Geoff Dusome

Web Development | #HTML | #CSS | #JS | #PHP | I make things on the interwebs.

[Geoff Dusome @GeoffDusome]

I just updated my ACF Meta Builder npm package & my helper to go with it! I needed to move to non-random strings for the key names to avoid issues with editing content in WP while making changes to code.

npm Package: https://t.co/dX7aOjwFO8
Helper Plugin: https://t.co/dOXHxK7rTi

[Geoff Dusome @GeoffDusome]

Responsive type scaling via the CSS clamp function is the future and can safely be used in all modern browsers. Why aren't you using it yet?

https://t.co/KzF37dOu1F

#codepen #responsive #typescaling #developers #css #clamp

[Geoff Dusome @GeoffDusome]

Web accessible modals are here and are easy to create and use. Even adding a simple "click outside to close" function for additional accessibility is possible!

https://t.co/Ab6z58Pmpx

#codepen #a11y #accessibility

[Geoff Dusome @GeoffDusome]

Multiple Line Link Underline Animation

Ever wanted an animation on an inline link element that spans multiple lines? Well... you can do that. Take a look at this @CodePen and let me know what you think!

https://t.co/AnlKVyPTYl

[Geoff Dusome @GeoffDusome]

Animate on Scroll using Intersection Observer

I've been using Intersection Observer for all my element animation lately and decided to throw together my implementation of it for others on @CodePen. I love pairing this with a SASS version of animate.css!

https://t.co/7xqWBIS6JC

[Geoff Dusome @GeoffDusome]

Practical Responsive Flex Layout for Cards

This @CodePen was a long time coming. Previously I created this same thing using CSS grid, but decided to replicate it with flex. Flex is much more powerful than this, but I love using it for simple things too!

https://t.co/gZEvBaJ9sS

[Geoff Dusome @GeoffDusome]

I change my Sublime theme every couple of months because I can't stand to look at the same 6 colors for too long.

[T-Mobile @TMobile]

Don't trust big decisions to just any network. You deserve 5G that rocks 🤘 — Largest 5G network. Fastest 5G speeds. #LeaderIn5G

RT for a shot at a Samsung Galaxy S21+ 5G! The fastest 5G network meets the fastest 5G Galaxy device! #Sweepstakes​

Rules https://t.co/EQMVQ16qpW

[Geoff Dusome @GeoffDusome]

@TMobile Looking into the OnePlus 8T+ as an upgrade but it's been out of stock for awhile now. Any chance it's going to come back in stock, or should I start looking at other stuff?

[Geoff Dusome @GeoffDusome]

Pulled a scroll transition effect out of a project and put it in a @CodePen. I think I could maybe use a GSAP animation or something to make this more efficient, but this is a quick solution for a cool effect.

https://t.co/xqUOLs1Crj

[Geoff Dusome @GeoffDusome]

@shamburd The "discount" wording makes it a + not a -.

[Geoff Dusome @GeoffDusome]

@TheEventsCal Is there an updated version of this snippet somewhere for the new calendar views? Having trouble finding anything on the internet. https://t.co/hdyLqkTPvR

[Geoff Dusome @GeoffDusome]

@TMobileHelp Cool thanks! I DMd!

[Geoff Dusome @GeoffDusome]

@TMobile hi friends! 2 things: Currently, what's the best non-iPhone phone camera on T-Mobile right now and what's the best non-iPhone gaming phone on T-Mobile?

[Geoff Dusome @GeoffDusome]

Starting the week off with a @CodePen post! This time I look at a page transition effect I recently created for a client website.

https://t.co/JEZRoE1seN

[Geoff Dusome @GeoffDusome]

Back again hooking you up with another @CodePen tutorial. This time we look at how we can create scrolling progress bars with CSS variables set in JS and CSS linear gradients.

https://t.co/iee2vMS2ps

[Geoff Dusome @GeoffDusome]

Back again with another @CodePen tutorial. This time we take an adventure into jQuery AJAX loading overlays! Simple task with a simple solution (as long as you are able to use jQuery, that is).

https://t.co/oP0SkHNBfo

[Geoff Dusome @GeoffDusome]

Since my @CodePen from yesterday about practical responsive grid layout for cards was so well received, I decided to continue the series with "A Practical Look at Social Icons". This time, with comments!

https://t.co/fx8LvMSnuo

What do you want to see next?

[Geoff Dusome @GeoffDusome]

Sometimes I like to create practical layouts on @CodePen. Here's one using CSS Grid for article cards.

https://t.co/ZVIXF5LK4y

Let me know what you'd like to see.

[Geoff Dusome @GeoffDusome]

Managed to setup a completely new base theme using Highway JS (https://t.co/jJtb1peMgC) with minimal change to my WordPress development workflow. Anyone interested in learning how to use this powerful tool?

[Geoff Dusome @GeoffDusome]

When Cloudfare's DNS server goes down and you're too lazy to remove the connection from your computers so you can keep working so you just sit there and refresh the status page until it gets fixed.