Responsive fonts using css clamp()
If you have wrote CSS for fonts before you have probably experienced having to introduce a lot of media queries for different breakpoints.
Read more about Responsive fonts using css clamp()Matthew Claffey
About Me
Hi! I'm Matt, I specialise in in HTML5, CSS3, JavaScript/React and have experience working with .NET & PHP Platforms. I am currently working as a Software Engineer at Cinch, who are based in Manchester.
I have over 6 years professional experience in front-end development working with multiple agencies & in house companies — helping teams collaborate, work better together, streamline workflow, and deliver quality websites and applications.
✍🏻 I like to share what I learn to help others
I blog on Medium about all the things I learn and I feel that it is so important to share the knowledge with the world about the things I am passionate about.
Browse postsHow to mock api calls in Storybook
The other day I was building a storybook page component and I was having issues where the page had a useEffect hook that hit an api from the dev environment to populate the state. There was a few issues with this because the data I was getting back needed an Id so it could a lookup in the database to find the record relating to the Id.
Read more about How to mock api calls in StorybookKeeping your medium content fresh in your 11ty website using Github Actions and Netlify
On my personal website I use Medium as my content platform so I can channel my content via multiple channels. This is great because it allows me to take advantage of medium’s rich text editor and the implementation is really easy to do in 11ty.
Read more about Keeping your medium content fresh in your 11ty website using Github Actions and NetlifyHow to reduce you html output in 11ty
Minifying html is a really useful feature that can improve TTFB on the page and with 11ty it is very simple to do. In the eleventy.js config file we need to add a transform to the config which will check if the output is a .html file and if it is we will use an npm plugin called html-minifier to compress our html code.
Read more about How to reduce you html output in 11ty