Automate scheduled builds with Hugo, Netlify, and GitLab’s CI/CD pipeline
Scheduled Hugo builds—on an hourly or daily basis—can be handled within GitLab's CI/CD pipeline for free, without an external third-party dependency.
Modular content modeling with Forestry's Front Matter Templates and Hugo
Front Matter Templates make it straightforward to develop modular content models that govern both content structure and content behaviors. FMT sub-components enable an Atomic Design approach to modeling, ensuring consistency while reducing effort.
Master Hugo Modules: Rapidly Develop Modules Locally
With a simple configuration change, it's easy to develop modules locally, without a lot of git pulls and pushes
Master Hugo Modules: Handle Content or Assets as Modules
Develop master libraries of reusable, read-only resources shared across multiple projects through easy-to-use Hugo modules.
Master Hugo Modules: Managing Themes as Modules
Managing Hugo themes as git submodules presents a few challenges. Hugo's built in Modules makes dependency management a dream.
Image Migration with Cloudinary CLI
Use Cloudinary's CLI tool for fast, efficient image migration on JAMstack sites
How to run multiple versions of Hugo on macOS, part 1: Tarballs
Run legacy versions of Hugo to support older projects through the magic of tarballs, aliases, and hopping through a few security loops.
Making Web Development Less Complex
JAMstack is a new site architecture that delivers greater speed, security, scalability, and content archiving. In September, Monica went to San Francisco to attend the JAMStack 2019 conference and learned it's making real waves.
Web archiving for everyone
Creating an offline archive of a website used to be nearly impossible. Open source, easy to use software, embraced by most web preservation organizations and digital archivists, is making it possible.
Improve your website with these automated scanning tools
Everyone—business owners and product managers alike—should use automated site audit tools to validate and improve their websites and web applications.
Broken Google Map in your web application?
Google implemented billing changes to Google Maps in July 2018. These changes broke applications that were previously grandfathered in since 2016. Fortunately, for most lower-volume use cases, the cost will remain free, but the changes require developers to setup Google Cloud accounts, establish a billing method, and use API keys to identify their usage going forward.
When do you need a design system?
Design systems offer a systematic approach to the development of digital products through tools and practices that include interface component modularization, user interface kits, front-end implementation patterns, style guides, and integrated documentation. But they aren’t always needed for every project.
Improve mobile form usability—turn off autocorrect
Simple but ubiquitous WiFi login forms create frustrating usability issues for mobile users. Get it right, and your thoughtfulness and ease-of-use will extend to your brand, too.
Encryption is the new standard for websites
As of 2017, encryption is a baseline security requirement for all websites. Google, Apple, Microsoft and Mozilla’s browsers have nudged, and will now insist, on secure connections. Here’s how they’re moving the marketplace—and what to do for your organization.
How to make custom shaped images via SVG clipPaths
Images can be cropped programmatically, reducing image production time and effort while increasing flexibility.
Prepare a website content migration strategy: six steps and three free tools for success
A great content migration strategy combines automated tools with an editor’s eye. Use the opportunity of a CMS re-platform or website redesign to inventory, assess, edit, and get a start on a customer-friendly site architecture.
Slow and stuttering animations can be a death knell for a website. Here's how to do it right.
Photo Cropper Interfaces
Designing usable and intuitive interfaces can be challenging. Here I discuss some of the considerations I made in creating a photo cropper interface.
What does DPI mean for images on the web?
Dots per inch (DPI) is something you'll see talked about often with images. Put simply, dots per inch is a printing term that refers to how many dots of ink would cross an inch on physical paper. Simple enough. But this isn't relevant for displaying images on screens. False information abounds, and display is complicated enough on its own.