#tweet - Liam Hammett

Some VSCode Tips

Mar 26th 2020 · #tweet #vscode

I loved seeing @calebporzio's tutorial on making @code a bit more minimalistic when coding!

I have a couple of other things I do myself to focus in on the code I'm writing and clean up some more stuff you might not think of. (Thread) pic.twitter.com/caHL1AnIzz
— Liam Hammett (@LiamHammett) March 26, 2020

Regex to find malformed PHP docblocks

Jun 21st 2019 · #php #tweet

I threw together a regex to find any PHP docblocks that don't have a proper type or fully qualified class name so I can clean them up 🙃

\@[var|param|return]+ (?!\\)(?![string|integer|int|boolean|bool|float|double|object|mixed|array|resource|void|null|callback|false|true|self]+) pic.twitter.com/I25VJfyPSa
— Liam Hammett (@LiamHammett) June 21, 2019

You can paste an image from your clipboard directly into GitHub comments/issues

May 25th 2019 · #github #tweet

😱 I just learned you can paste an image from your clipboard directly into GitHub comments/issues and it'll upload it and insert the markdown for you manually, awesome!
— Liam Hammett (@LiamHammett) May 25, 2019

Use the Chrome search bar to find Jira tickets

May 17th 2019 · #tweet #chrome #jira

One thing I find myself using all the time is the #chrome searchbar to just type in Jira ticket IDs to instantly get there - so so easy when you know what the ticket is. pic.twitter.com/p1oADlHM1P
— Liam Hammett (@LiamHammett) May 17, 2019

See your PHP's generated opcodes

May 9th 2019 · #php #tweet

The VLD package on PECL makes it super easy to see what your PHP source _actually_ does.

`pecl install vld && php -dvld.dump_paths=1 -dvld.verbosity=0 -dvld.save_paths=1 -dvld.active=1 /path/to/file.php` pic.twitter.com/S5uH526yrM
— Liam Hammett (@LiamHammett) May 8, 2019

The simplest Notion template

Apr 19th 2019 · #tweet #notion

For all the powerful and complex stuff @NotionHQ can do, I find the template I use the most is just a button to add a new list item. Super simple to just add random thoughts and note to a list without thinking where exactly to put them. pic.twitter.com/5LnSXbavFM
— Liam Hammett (@LiamHammett) April 19, 2019

Find the main application's path from a Composer package

Apr 18th 2019 · #php #tweet

Interesting little #php technique I came across to get the main application's directory - using a class you know will exist in the same place and reflection to find out the path. pic.twitter.com/KOZVz76z4z
— Liam Hammett (@LiamHammett) April 18, 2019

Generating utility classes with Sass

Feb 13th 2019 · #css #tweet

@SassCSS can be quite powerful too. It may not be as pretty as it being done in JavaScript, but you can make a couple of mapping tables and generate all the slightly different utilities you want... like spacing utilities:https://t.co/JNfz7PPVtk pic.twitter.com/kp4TczQBaL
— Liam Hammett (@LiamHammett) February 13, 2019

HTML's <button type="reset"> behaviour

Feb 13th 2019 · #tweet #html

TIL <button type="reset"> changes the form fields back to what they were originally — for some reason I always thought it would just make all of the values of fields in that form blank. Maybe it's better to label it "Discard changes" or something a bit more verbose in context?
— Liam Hammett (@LiamHammett) February 13, 2019

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

Sip app shows the name of colours, super useful for colourblind users!

Dec 2nd 2018 · #tweet #a11y

Being colourblind, one thing I really love about @sip_app is that I can just point at a pixel on the screen and immediately be told what colour it is — might seem like a small thing but this has been a pain for years until now pic.twitter.com/taIJ5XbqdW
— Liam Hammett (@LiamHammett) November 2, 2018

tl;dr php artisan

Nov 25th 2018 · #laravel #tweet

Sweet, if you forget what artisan does, you can now call `tldr php artisan` for a quick overview of some commands!https://t.co/RDe4dy6WL7 pic.twitter.com/nzhQprW7Rh
— Liam Hammett (@LiamHammett) November 25, 2018

Use small-caps to open an article's first paragraph

Nov 14th 2018 · #css #tweet #ui

✍️ Try setting the introductory clause of an article to smallcaps to give it some emphasis and style pic.twitter.com/Mj9Lj6yLEE
— Liam Hammett (@LiamHammett) November 14, 2018

Find VSCode extensions using too many resources

Nov 13th 2018 · #tweet #vscode

🔥 A @code extension using too many resources for some reason?

On MacOS, open Activity Monitor, find the process ID (PID) column for the offending "Code Helper" process, then in terminal run "ps aux | grep <pid>" to find what extension caused it.
— Liam Hammett (@LiamHammett) November 13, 2018

Screen-reading dates

Nov 13th 2018 · #tweet #a11y

What might look perfectly readable to the human eye may not be picked up very well by screen readers.

You might be able to read a date span like "14/11/2018 - 15/11/2018" perfectly fine and understand it, but VoiceOver makes a mess of it, instead saying:

"Fourteen slash eleven slash two-thousand-eighteen to two-thousand-fifteen slash eleven slash two-thousand-eighteen"#a11y
— Liam Hammett (@LiamHammett) November 13, 2018

As you can see, in this example, VoiceOver thinks the “2018 - 15” section is a single unit that should be read as “2018 to 2015”.

To give screen readers a fighting chance, you should always make sure to use more semantic elements available in HTML, such as <time>, if applicable.

Styling <details> inline in a paragraph

Nov 13th 2018 · #tweet #ui

🔥 Saw this neat idea on a blog a while ago to allow inline words to be clickable to expand for additional context by popping in a new block. Super easy to recreate without Javascript by using the <details> tag pic.twitter.com/k6cgmLbRtl
— Liam Hammett (@LiamHammett) November 13, 2018

Make your checkboxes more accessible

Sep 12th 2018 · #tweet #ui #a11y

🔥 Design your custom checkboxes so they're more accessible to users than the browser defaults#a11y pic.twitter.com/T6PyR3phzd
— Liam Hammett (@LiamHammett) September 11, 2018

Multi-condition weighted search with MySQL

Sep 10th 2018 · #tweet #sql

Another way to make a weighted #sql search, but this time where each condition increases the weight of the result a bit. pic.twitter.com/NJ1XW37OFt
— Liam Hammett (@LiamHammett) September 10, 2018

Weighted search in MySQL

Sep 6th 2018 · #tweet #sql

Make a weighted search with #mysql with different conditions affecting the individual positions in the results with a simple switch. pic.twitter.com/0T0Gmvty1z
— Liam Hammett (@LiamHammett) September 6, 2018

You can find the source code for this technique in this GitHub Gist.

Set headers with PHP's file_get_contents()

Aug 24th 2018 · #php #tweet

Did you know that using stream contexts, you can set headers when making HTTP requests with #php's file_get_contents() function? pic.twitter.com/bBoS5bksbt
— Liam Hammett (@LiamHammett) August 24, 2018