Anyone can design something that looks good. It just takes some attention to the right details. With design, details matter, but how do you know which details matter most? The answer is that it just takes a little practice and observation. In this article, I'll show you how...
Follow along as I set up a macOS desktop from scratch. Development environments, apps, code editors, all the settings, and some useful shortcuts!
Laravel provides frontend scaffolding, but you may want a more
customized boilerplate to start projects from. Learn to create your own package
to do just that!
We'll cover how to add syntax highlighting to code blocks in Statamic v3 using Prism. With a couple quick steps you'll have your code blocks looking spiffy!
As developers it is crucial to keep learning all the time. Otherwise, you might get caught up in your day-to-day work and stagnate. The cure? Learn something and apply it in your workflow! Here are three tips I wish I could've given myself sooner.
Was updating my site today and noticed that my navbar is still using vanilla javascript to handle the toggling of the responsive menu at mobile size. This will not do!
Here's how I converted it to Alpine JS.
Vim can be a polarizing editor, and while it may seem cryptic when you start, it can be incredibly powerful. Many folks never bother to learn vim, which is a shame. Some people go crazy with vim and make it their primary editor. For me, the sweet spot is somewhere in the middle — using another editor with some vim sprinkles. If you're not familiar with vim, and you're looking to level up your ninja editing capabilities, this is the article for you.
It's no secret — I'm a huge fan of Alpine. For me, it hits that goldilocks zone between minimalistic and powerful. Alpine is straightforward to get started with, especially if you have a VueJS background. However, there are a few hidden features (okay, they're documented, not actually hidden) that you may not notice if you're just quickly scanning the readme.
Friday, I received a snazzy new M1 Macbook Pro in the mail. This article outlines how I was able to set it up for doing web development. We'll set up Homebrew, PHP, MySQL, Composer, and Laravel Valet. Let's jump in!
Now that Tailwind CSS 1.4 is out it's a great time to upgrade your old, tired app. Okay, maybe your app already had version 1.3, but if not, the latest two versions (1.3 and 1.4) bring some amazing improvements. Most notable are the new space between utilities and built in PurgeCSS support.
We'll add some custom functionality to the composer package we created in part one to create a Laravel boilerplate with things set up just how we prefer.
Recently I added a signup form for my email list to the site. Using ConvertKit's API, Tailwind CSS, and AlpineJS and the Javascript Fetch API made it easy to whip up. The result is a form that's much more customizable than the embeddable forms provided by ConvertKit. This article breaks down how I did it, and how you can too.
Although the Laravel framework has its own conventions, there are several others I tend to follow that (I think) make me more efficient, so I want to share them with the world. These are my personal “best practices” for conventions in Laravel models, Laravel Livewire components, and Tailwind CSS utility classes.
Torchlight is a syntax highlighting service created by the legendary Aaron Francis (Thank you Aaron, it's awesome!). It generates beautiful code blocks and I love how they look. However, I wanted to take it a step further and add a "Copy to Clipboard" button to make...