Blog - page 15

2017-07-03T00:00:00.000Z 3rd July 2017

SCSS Reverse direction

There may be a point in your CSS coding that you want to know the opposite of a direction (e.g. up, down). This function allows you to pass it a direction and get the opposite back!

2017-06-22T00:00:00.000Z 22nd June 2017

How I kicked a millennial habit

Changing habits is hard - especially when it's being part of your lifestyle for so long. After watching a video, I decided to address my reliance on social media and mobile phones.

2017-06-14T00:00:00.000Z 14th June 2017

The Digital Bucket List for People in the Web

Last September I gave a talk at Bytes 2016, a mini-conference for people in the web about my digital bucket list for people who work with the internet.

2017-05-19T00:00:00.000Z 19th May 2017

Find folders on a linux server that do not have a file

I needed to locate any folder following a particular pattern that did not have a particular file. The command allows you to locate the folders and perform actions on them.

2017-05-18T00:00:00.000Z 18th May 2017

Render Conf 30th March 2017 - A review

Written For Liquid Light

On 30th March, I took the many trains over the many hours required to get to Oxford from Brighton and attended Render Conf. In it’s second year, this conference ...

2017-05-15T00:00:00.000Z 15th May 2017

Rarely handy Git commands

There are rare times when you need a slightly obscure git command. You spent several minutes googling, crafting and constructing your command only to run it once and not need it again for a while. This blog post will serve as my dumping ground for those odd commands I seldom need, but when I do I can then copy and paste. Feel free to get in touch with your favourite curve-ball command and I'll do my best to add it to the list!

2017-05-10T00:00:00.000Z 10th May 2017

HTML 5 collapsable information - works in a Github/Gitlab issue

It may be that you wish to include a lot of information in a Github issue (or anywhere else on the web that allows HTML) but don't want the code/error to fill out the page. Luckily, there is a way to collapse it using latest HTML tags.

2017-05-03T00:00:00.000Z 3rd May 2017

Multiple transition delays

Being able to animate with CSS transitions is great, although there are a few gotchas when using them. This one with transition-delay had me scratching my head for a while.

2017-04-26T00:00:00.000Z 26th April 2017

CSS Custom Properties - everyday applications

CSS Custom properties are now supported in Edge, meaning you can use them nearly everywhere. However, there are some cases where further browser support is required. Using PostCSS we can use CSS custom properties in development while still maintaining cross browser support.

2017-03-13T00:00:00.000Z 13th March 2017

How can I score 100 on Google PageSpeed Insights?

Written For Liquid Light

PageSpeed Insights (PSI) is a tool developed by Google to rank the speed of your website. There are a few things it doesn’t look out for, such as code validation or usability but it’s a good starting point at getting your site up to scratch.