#open-source - Liam Hammett

TailwindCSS <details> plugin

Feb 13th 2019 · #open-source #tweet #tailwind

I built a nice looking and fully accessible dropdown menu by using the native <details> HTML tag without a drop of JavaScript in the client.

A little more polish to get the alignment and colours sorted out, as well as flipping the caret on open — just a couple of years ago it would've been completely unthinkable to build an accessible dropdown component like that without the use of JavaScript pic.twitter.com/qPaygfh29p
— Liam Hammett (@LiamHammett) January 30, 2019

To build it in a utility-first approach, I created a simple plugin for TailwindCSS.

Just published my first npm package - that small three-line Tailwind Plugin to apply styles when a <details> tag is opened 🤷‍♀️

A couple of useful examples in the readme of what you can achieve with it pic.twitter.com/TXjwqhmEGy
— Liam Hammett (@LiamHammett) February 13, 2019

You can find the plugin over at GitHub.

GitHub - imliam/tailwindcss-open-variant: Open variant for Tailwind CSS

Open variant for Tailwind CSS. Contribute to imliam/tailwindcss-open-variant development by creating an account on GitHub.

github.com

Laravel Blade Helpers

Nov 29th 2018 by Liam Hammett · 3 minute read · #open-source #laravel

Laravel’s Blade templating engine offers a ton of convenient directives you can use to make your view files beautiful and abstract anything that may be too complex or verbose to live inside HTML. It even gives a really handy way to add your own custom directives using the Blade::directive(…) method.

However, the callback in custom directives only receives a single parameter - the raw string expression from the view file. It seems to be rare that developers actually parse the contents of the expression itself within the directive, opting instead to pass the entire expression as arguments to a helper function or a method on another class. For example:

BladeHelper::directive('uppercase', function($expression) {
    return "<?php echo strtoupper($expression); ?>";
});

Throttle Simultaneous API Requests with Laravel

Jul 13th 2018 by Liam Hammett · 2 minute read · #open-source #php #laravel

Laravel comes with a handy ThrottleRequests middleware out-of-the-box that blocks users of an API from being able to send more than a particular amount of requests within a defined amount of time.

This is extremely useful for preventing an API from being abused by spammed requests, but isn’t suitable for every use case.

What about an API call that takes a lot of limited processing power, or performs an action that simply can’t be running twice at the same time?

Laravel Set .env File Variable

Jul 13th 2018 by Liam Hammett · 2 minute read · #open-source #php #laravel

Need a quick way to set an environment variable from the command line that’ll save it to the Laravel .env file?

Here’s a command to do just that.

GitHub - imliam/laravel-env-set-command: Set a .env file variable from the command line.

Set a .env file variable from the command line. Contribute to imliam/laravel-env-set-command development by creating an account on GitHub.

github.com

PHP Shareable Social Media Links

Jun 27th 2018 by Liam Hammett · 2 minute read · #open-source #php

I recently had the need to generate various “shareable” links to help share a particular URL to different social media platforms. The problem is that every platform requires information in a slightly different way.

Lo and behold, just a few days later, Dennis Smink shared their method of doing so in their article “Laravel Shareable Trait” that covers the few biggest platforms.

Cenafy For Bash

Mar 10th 2018 by Liam Hammett · 2 minute read · #open-source #bash

Photo of someone being Cenafied in a terminal

Based on the wonderful Chrome extension of the same name that lets you know who the champ is, this is a version for Bash that lets an unsuspecting victim who left their terminal open know about the champ via the magic of ASCII art (and even some killer singing, if they have the say command like on Mac OS).

You can install it as a command with wget:

Lua Collections

Mar 4th 2018 by Liam Hammett · 2 minute read · #open-source #lua

When working on Lua code bases, I frequently find that the code gets more difficult to read as the project gets more complex, partially due to how almost everything in Lua is an iterable table which allows for some extremely powerful functionality.

Introducing Lua Collections.

GitHub - imliam/Lua-Collections: A robust Lua collection class based on Laravel collections.

A robust Lua collection class based on Laravel collections. - GitHub - imliam/Lua-Collections: A robust Lua collection class based on Laravel collections.

github.com

jQuery.scrollup.js Plugin

Mar 14th 2017 by Liam Hammett · 1 minute read · #javascipt #jquery #open-source

A jQuery plugin to recreate the commonly used “pull-to-refresh” found in mobile devices, but this time for the desktop browser.

Example of how scrolling up to the top of the frame refreshes the page

The “pull-to-refresh” pattern and similar variations are commonly used all over mobile devices to perform a variety of functions such as refreshing a web page, checking for new mail and loading old chat messages as you’re scrolling through, but rarely makes its way over to desktop devices for one reason or another.