Blocks Edit

@blocksedit
4 Followers
8 Following
57 Posts
The easiest CMS to setup! Streamlined for brochure sites, landing pages, email marketing, and digital forms. Now with a free forever solo user plan! Sign up at blocksedit.com.
Websitehttps://blocksedit.com

Using Javascript frameworks to build a modern, performant website is overkill that results in slower load times, janky layouts, and constant bugs. And you’re stuck with bloated code, rigid design, and a bunch of maintenance work.

https://blocksedit.com/content-code/frameworks-technical-debt/

#webdesign #webdev #martech

The website complexity trap

The technical debt of depending on frameworks and tooling for HTML and CSS

Blocks Edit

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.

https://blocksedit.com/content-code/how-to-browsing-editing/
#websites #cms #productupdate

How-to: browse your site while editing

Browse pages and make edits in the editor before publishing

Blocks Edit

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

https://blocksedit.com/content-code/modern-web-images/

#webdesign #tech #web

Using modern web images

Comparing compatible image formats and deciding which ones are best to use

Blocks Edit
Modern responsive image sizing

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

Blocks Edit

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

https://blocksedit.com/content-code/dark-mode-made-easy/
#webdesign #darkmode #designtips

Dark mode made easy

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

Blocks Edit

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.

https://blocksedit.com/content-code/navigation-active-state/
#webdesign #tutorial #code

Automated navigation active state

Simple Javascript snippet for automatically giving items a selected state.

Blocks Edit

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

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

Web form design guide

Designing digital forms that are consistent and efficient to setup.

Blocks Edit

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

https://blocksedit.com/content-code/forms-in-email/
#emaildesign #digitalforms #survey

When to use forms in email

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

Blocks Edit

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

https://blocksedit.com/content-code/multi-step-form/

#webdesign #frontend #forms #surveys

Multi-step form without the overhead

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

Blocks Edit

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

https://blocksedit.com/content-code/designing-metadata/
#webdesign #socialmedia #sharing #opengraph

Essential metadata for sharing a page

The metadata options you need for social media and other apps.

Blocks Edit