Blog

AlpineJS Mask

October 23, 2023

🥸 Alpine Plugin: Mask

One directive: x-mask

Easy, powerful and elegant input masking.

Scribbles

October 23, 2023

Vector Scribbbles are FREE 🥳

Go grab them right now! https://scribbbles.design

Tabular Numbers

October 23, 2023

If you're animating numbers, use this line of CSS

.numbers {
   font-variant: tabular-nums;
}

It will make sure your numbers don't jump around like this 👍

Make Waves

October 23, 2023

Make some waves! 🏄‍♂️

https://getwaves.io

Typography

October 23, 2023

For anyone who loves typography, this little gem 💎 from @mikemai2awesome is one of my favorites. Clear, concise, actionable, and beautifully designed:

Interface design

October 23, 2023

🔥 Design tip for developers

A good way to make your interface look “designed” is to use a consistent space scale

It's not art, it's science 🧬

With TailwindCSS this is so easy.

Gradient Border Effect

October 23, 2023

Really cool CSS gradient border effect I recreated after seeing it on the warp website. Props to Wes Bos for this one.

Demo: https://htmlpreview.github.io/?https://raw.githubusercontent.com/wesbos/hot-tips/main/warp-card.html…

Code: https://github.com/wesbos/hot-tips/blob/main/warp-card.html

CSS Pie Chart

October 22, 2023

With a few simple lines of CSS you can create a beautiful 🥧 chart 

background:conic-gradient(
   #a78bfa 0deg 45deg,
   #fb923c 45deg 90deg,
   #a3e635 90deg 225deg,
   #22d3ee 225deg 0deg
);

Spread Operator

October 19, 2023

The spread operator [...] is a handy way to convert iterable item(s) like strings, arrays and node lists into arrays. Converting node lists from querySelectorAll statements into arrays is 🌶️

Craft CMS vs WordPress

October 12, 2023

In the ever-evolving world of web development and content management, two prominent platforms, Craft CMS and WordPress, have garnered substantial attention from users and developers alike. Craft CMS is a dynamic, robust content management system designed for flexibility and customization. WordPress stands as the juggernaut in the industry, celebrated for its user-friendliness and extensive ecosystem of themes and plugins. In this comparison, I will dive into three critical factors to consider when deciding between Craft CMS and WordPress: speed, scalability and security. 

Continue reading

AlpineJS - Init event

October 12, 2023

I'm a huge fan of Alpine.js. One of the best features is the ability to break components and modules down into small reusable chunks of code that can easily be plugged into HTML. I generally prefer to install Alpine as a module and bundle it up with my main site javascript, but sometimes I need to break the compiled javascript into separate files. Understanding how and when to use the `alpine:init` event is the key to making this work.

Continue reading

Craft CMS vs Drupal

October 11, 2023

Selecting the right Content Management System (CMS) is crucial for any website or digital project. Among the myriad options available, Craft CMS and Drupal stand out as two formidable contenders, each with its own strengths and unique characteristics. Let's dive into their respective pros and cons to help you make an informed decision for your next web project.

Continue reading