From CSS to frameworks and design mockups to code, these are posts that span the gamut of Kelly’s day-to-day work as a web designer and developer, including Squarespace, WordPress, Wix Studio, Statamic, Shopify, and other platforms.
Learn how the DOM tree affects heading hierarchy in web design. Improve accessibility, SEO, and UX by mastering H1–H3 structure and real-word example of using Wix Studio effectively.
Easily control your site's max width in Wix Studio with this quick tip. Learn how to set global and per-section width limits to keep your content clean and readable especially on large screens.
“This is fun—more fun than Squarespace!” A designer’s first experience using Wix Studio, from layout wins to little frustrations (like missing superscript!).
Are you a graphic or web designer just starting out with Wix Studio? If you're trying to use SVG icons in a responsive layout, you're not alone. Many creatives—especially those coming from tools like Adobe Illustrator—run into challenges when importing vector files into Wix and maintaining a consistent design. Whether you're designing a features grid, service icons, or an amenities list, this...
We've all been there. We're on a blog, trying to read an article or make a recipe and we're bombarded with Google Ads that are hardly separated from the content. Yikes! Here's how to fix that.
I recently created a video about including SVGs on your Squarespace website. A YouTube viewer commented and asked, "By chance, do you know how to find the code of a personal design created in Adobe Illustrator?"
The answer, is "Yes. Yes, I do, and here's how." Thank you for asking, Morgan.
So here, we go. Watch or read how below.
This post and video shows you how to add an optional phone number field on a Shopify checkout and then how to change the label text to request international customers to provide their numbers.
In August of 2023, I built my first WebFlow website. Here are some thoughts about what I learned, what I loved, what was challenging, what I disliked, and what I'd love WebFlow to build into future releases of their service.
If you're looking to reduce the height of your Code block, the best way to do this is using Custom CSS. Here's the code you need and how to video.
If you have questions about the Query Loop Block in WordPress's Gutenberg Block Editor, this post is for you, especially, if you're struggling to access the settings,