Skip to content

craig.xyz

SCSS convert pixels to rem

rem units are generally considered the better way to size text and padding and various other things in CSS. But sometimes it can be difficult to...

Continue reading...
March 16, 2022 by Craig Melville CSS 0

Use Airtable as a CMS with PHP

Airtable is an incredible way to store, organize, and collect data. It has an incredibly intuitive interface, it’s fast and most importantly it handles many types...

Continue reading...
March 14, 2022 by Craig Melville PHP Static Site Generators 0

CSS Video Clip Path

Did you know that it is possible to put a clip path on a video? Turns out adding a clip path to a video totally works!...

Continue reading...
March 14, 2022 by Craig Melville CSS 0

CSS Custom List Colors

In my experience when a dev needs to customize the color of a ul/ol list marker they tend to reach for a ::before or ::after. Not...

Continue reading...
March 14, 2022 by Craig Melville CSS 0

Vanilla javascript slideToggle

One of the most useful functions jQuery offers is slideToggle or slideUp/slideDown. As developers are tending to move away from jQuery for performance reasons or simply...

Continue reading...
March 13, 2022 by Craig Melville CSS Javascript 0

How to build a “static” PHP site

There are many times when you need to add a dynamic element to an otherwise static html website and reaching for a static site generator is...

Continue reading...
March 13, 2022 by Craig Melville PHP Static Site Generators 0

Perfectly square responsive images with CSS

Sometimes you need to have an image that is perfectly square even if the width of the image may change. To make a square responsive image...

Continue reading...
March 13, 2022 by Craig Melville CSS 0

Recent Posts

  • SCSS convert pixels to rem
  • Use Airtable as a CMS with PHP
  • CSS Video Clip Path
  • CSS Custom List Colors
  • Vanilla javascript slideToggle

About Craig

Craig Melville © 2022. All Rights Reserved.

Powered by WordPress. Theme by Alx.