How-to: browse your site while editing Browse pages and make edits in the editor before publishing

Browsing and editing gives you full control of your pages and making edits to them, while keeping your site in a browseable draft mode until you’re completely ready to publish.

blocksedit.com/content-code...
#websites #cms #productupdate

Using modern web images Comparing compatible image formats and deciding which ones are best to use

A basic comparison of JPG, PNG, GIF, WebP, and AVIF and using them on the web.

blocksedit.com/content-code...

#webdesign #tech #web

Modern responsive image sizing Determining when to use alternate responsive images, with a simplified output using only the img tag

A simple approach to responsive images.

blocksedit.com/content-code...
#webdesign #responsive #mobile

Dark mode made easy Two key techniques to simplify your website’s dark mode setup

Two key techniques to simplify your website’s dark mode setup: a global color scheme, and individual image swapping.

blocksedit.com/content-code...
#webdesign #darkmode #designtips

Automated navigation active state Simple Javascript snippet for automatically giving items a selected state.

Having an active state for the current page in your navigation helps with usability, for your users to know where they are within your website’s architecture. Setting it up however, can get complicated.

blocksedit.com/content-code...
#webdesign #tutorial #code

Web form design guide Designing digital forms that are consistent and efficient to setup.

Our new guide is on modern form techniques for designing and building web forms that follow best practices.

blocksedit.com/form-design/
#forms #webdesign #webdev #techniques #tips

When to use forms in email Deciding to use a form in an email and the best way to do it.

A quick overview of using a form in an email and how to approach doing it.

blocksedit.com/content-code...
#emaildesign #digitalforms #survey

Multi-step form without the overhead Using built-in form GET method to pass data from one page to another without complicated code.

How to set up a multi-step form without the overhead that’s normally required

blocksedit.com/content-code...

#webdesign #frontend #forms #surveys

Essential metadata for sharing a page The metadata options you need for social media and other apps.

A rundown of the metadata options you need for social media and other apps.

blocksedit.com/content-code...
#webdesign #socialmedia #sharing #opengraph

Listing essentials A list of related items — blog posts, products, events, etc.

Listings offer an easier way for users to browse through collections that may otherwise be overwhelming to go through.

blocksedit.com/content-code...
#webdesign #designinspiration #contentdesign

Article content essentials Different ways to format content elements in an article.

Different ways to format and break up content within an article like a blog post.

blocksedit.com/content-code...

#webdesign #contentdesign #designinspiration

Feature content essentials Sections of skimmable content for visitors to get an overview of what you have to offer.

Feature content sections provide a format for content to be skimmed through.

blocksedit.com/content-code...

#webdesign #designinspiration #contentdesign

How-to: website navigation A much simpler approach to setup website menus in a CMS.

How Blocks Edit makes it easy to setup editable menus for a website.

blocksedit.com/content-code...

#webdesign #cms #html

Website navigation essentials Standard navigation practices for websites and when to use them.

Navigation on a website can take many shapes and forms. Being aware of the different kinds of menus that are available to you can help with deciding on the best user experience.

blocksedit.com/content-code...

#webdesign #informationarchitecture #designinspiration

Modern form validation 3 modern CSS techniques for advanced form validation customization.

3 CSS simple tricks for added form validation customization.

blocksedit.com/content-code...

#css #html #webforms

Switching from Taxi for Email Transitioning your design system from Taxi for Email to Blocks Edit.

Have you considered switching from Taxi for Email for your email production with your team?
blocksedit.com/content-code...
#emailmarketing #emailgeeks

Email signature essentials What to consider putting in an email signature and how to setup in your email client.

Similar to a business card, an email signature can work as a way to provide added contact info in emails you send out along with relevant links.

blocksedit.com/content-code...

#email #webdesign #html

Blocks Edit for websites Use the visual theme editor to turn your HTML design into a content management system and collaborate on pages via drag and drop inline editing.

The novel Blocks Edit approach of an HTML-only content management system is here, now available for building and editing websites!

blocksedit.com/content-code...
#webdesign #contentmanagement #cms

Email newsletter list You should offer an email sign up as an alternative method for your audience to receive updates from you.

You should offer an email sign up as an alternative method for your audience to receive updates from you. Our latest service offers a simple signup form to start your email list.

indieaisle.com/indieaisle/e...
#indieweb #personalwebsite #email

Why I Like Designing in the Browser It can be surprising for new clients to see just how much of our design process happens in HTML, CSS and (light) JavaScript. While we do plenty of ideation exercises, sketching, wireframes, mockups an...

Using design software for web design can often feel like a waste of time. Going straight to HTML and CSS provides a more accurate representation of design limitations.

cloudfour.com/thinks/why-i...
#webdesign #html #css #designtools

Blocks Edit update: instant editing Importing any HTML now adds inline editing automatically so you can start making updates to content right away.

Our novel visual theme editor just got a major upgrade! Importing any HTML design now adds inline editing automatically so you can start making updates to content right away.
#emaildesign #webdesign #landingpages
blocksedit.com/content-code...

Modern form design Utilizing modern browser features to simplify the design process for forms.

Utilize modern browser features to simplify the design process for your forms with built-in common practices and styling options.

#landingpage #webdesign #forms
blocksedit.com/content-code...

Form essentials Collecting different kinds of information from your visitors.

Forms are useful for collecting information from visitors. Here are the types of forms you can use and what form fields to include.

#webdesign #landingpage #webforms #contactform #survey
blocksedit.com/content-code...

Blocks Edit update: editable form fields Drag and drop fields to build out a form that matches your brand and submits to any form processor.

Our latest feature: drag and drop fields to build out a form that matches your brand and submits to any form processor.
#webdesign #webdev #landingpage

blocksedit.com/content-code...

Build for the Web, Build on the Web, Build with the Web – CSS Wizardry What is the real, long-term cost of adopting a JavaScript framework?

“Every layer of abstraction made in the browser moves you further from the platform, ties you further into framework lock-in, and moves you further away from fast.”
csswizardry.com/2025/01/buil...
#webdesign #css

Outlook’s legacy rendering engine is on its way out. It’s time to look forward to a more modern approach to coding our emails.

blocksedit.com/content-code...
#emaildesign #emailgeeks #webdesign

Lean Design Email and landing page design and content workflow.

I've written a series of three blog posts this past month on design systems that cover these key aspects: what a design system should include, how to roll one out to your team, and how to maintain it and keep it creative.
blocksedit.com/content-code/

The design of a design system Maintaining your design system and keeping it creative.

When building your design system, it shouldn't be too rigid. Here's how to setup a foundation for your design system that allows for creativity and growth.

blocksedit.com/content-code...
#webdesign #marketing #contentmarketing

Rolling out your design system Auditing current patterns and workflows and having your team join in the process.

How you should rollout your design system: start small and build up. Only build aspects that you need. Start building and using an initial version of your system early as you continue to find patterns.
#design #marketing #webdesign
blocksedit.com/content-code...

Landing page design Design your landing pages for consistency, scalability, and collaboration.

Our new guide is here! Learn how to use a design system for your landing pages.
blocksedit.com/web-design-s...
#digitalmarketing #marketing #webdesign #designsystem