Are we in a new era of web design? What do we call it?

Category Image 052

Una is calling it the new responsive. A nod to the era we were most certainly in, the era of responsive design. Where responsive design was fluid grids, flexible media, and media queries, the new responsive is those things too, but slotted into a wider scope: user preference queries, viewport and form factor, macro layouts, and container styles.

I like the thinking and grouping here and I kinda like the name. It eludes to an evolution and extension of responsive web design rather than a rejection and replacement.

This isn’t the first crack at identifying and naming a shift between eras. Back in 2018, Jen Simmons was doing a talked called “Everything You Know About Web Design Just Changed” where she identified that responsive design was a major shift in how we did layout on the web. And yet, it was firmly defined in an era where layout tools like flexbox and grid didn’t even exist. Now, they do exist, and with them a bevy of other new features that bring more capable graphic design to the web. She called it Intrinsic Design.

I almost like Intrinsic Design more now than I did in 2018, because now, if we attempt to lump in @container queries, the name makes more intuitive sense. We (hopefully will soon) make styling choices based on the intrinsic size of elements. We make styling choices based on the intrinsic nature of the individual users we serve. We make styling choices off the intrinsic qualities of the browser.

I wouldn’t say either of the terms have really caught on though. It’s hard to make a name stick. That little burst of ideating around CSS4 sure didn’t go anywhere.

Direct Link to ArticlePermalink


The post Are we in a new era of web design? What do we call it? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

Be: The Fastest and Easiest Way to Build Your Portfolio Site

Category Image 091

The website for your design business should not only explain who you are and what you do, but show off the impressive body of work you’ve created. It’s the strongest tool in your sales and marketing arsenal. 

But as a web designer, you know how long it can take to build a really great website for a client. If you’re ready to start attracting awesome leads and adding new clients to your business now, you might not want to spend that much time building your portfolio site. 

The good news is that you don’t have to. 

BeTheme’s new Muffin Builder is like upgrading from a Ford to a Ferrari. You’ll be shocked at how quickly you get your website to the finish line — and with superior results, no less. 

Let’s take a closer look:

New Muffin Builder features that’ll knock your socks off

Time is money when you’re a web designer. So, it’s important to build a portfolio site and get it online as soon as possible. 

Here are 6 features from the new Muffin Builder (and BeTheme) that will enable you to quickly and painlessly create something you’re proud of and that will undoubtedly impress prospective clients:

Feature #1: A professional-looking portfolio site already built for you

There are certain pages and features every portfolio should have: An attractive home page, convincing client testimonials, a selection of works, and so on. 

But just because the structure of your site will mirror other portfolio sites, that doesn’t mean it has to look like everyone else’s. 

As of today, BeTheme has over 600 pre-built sites, with dozens of portfolio site options to choose from: 

While these portfolio sites might be built for different types of creatives, pay attention to the different styles. Whether you want to give your site a futuristic edge or you want to infuse the design with some femininity, you’ll find the perfect portfolio-equipped site for your business here. 

What’s more, each pre-built portfolio site is compatible with Muffin Builder, so you’ll have the added benefit of being able to edit your pre-built site with this powerful website builder. 

Feature #2: Intuitive customization options

Realistically, you could have a new portfolio site designed and loaded into WordPress in under a minute with BeTheme. 

While each site comes with well-chosen imagery and helpful placeholder text, you’ll still need to customize the content and maybe even tweak the design in order to make it your own.

Once you’re inside the new and improved Muffin Builder, you’ll see how easy this is to do.

The first customization feature to take advantage of is the global settings editor, which you’ll find under Betheme > Theme Options in WordPress: 

Quickly update colors, fonts, layouts, and styles and apply them globally to the site from this panel. 

To make changes on a smaller scale, use the Muffin Editor within your Pages. The section toolbar will allow you to make adjustments to each container: 

You have the same level of control over the content within each block. The settings you find here all depend on what kind of content is in the block. For example: 

You have the flexibility to customize your content however you prefer: Use the text editor or take advantage of Muffin Builder’s predefined settings.

Feature #3: Importable and reusable section templates

It’s not just the base of your site that’s already built for you with BeTheme. 

Let’s say you’ve imported a great-looking portfolio pre-built site like Portfolio 2

You like the current layout of the About us page on this site, but you want to add a Google reviews section between the “My offer” and “How I work” sections. 

With the Muffin Builder, you can easily import pre-built sections using the icon on the right toolbar or by clicking “Pre-built sections” when you add a new section to the page: 

Chances are good that whatever you envisioned adding to the page can be found there. Like this:

As you can see, it’s all placeholder content. That said, the structure and design are taken care of, so all you need to do is fill in the content. 

Feature #4: Custom layouts and headers

Pre-built sites are a great starting point. In many cases, you can use them right out of the box. 

However, if you want to alter the layout across the site or on a specific page or two, Muffin Builder can help you make those adjustments:

Under the Layouts section in WordPress, set up your custom layout — which includes changing the header, too, if you prefer — and save it.

To apply it to your pages, scroll down below the Muffin Builder on each page and select the layout from the list: 

This way, you’re not just empowered to swap out your content for BeTheme’s placeholder content. With Muffin Builder, you get to customize as much or as little of the pre-built site as you want. 

Feature #5: Backup and restoration

It’s not uncommon to “sleep on it” and decide you liked the way the site looked or the way you wrote something previously. 

Thanks to the Muffin Builder’s revision panel and backups, you can quickly and painlessly roll back your portfolio site.

First, open the revisions panel: 

Then choose the revision (if there’s more than one) you want to restore: 

If you’ve ever stressed about an update you made to your portfolio and wished you could instantly go back to the way it was before, this new Muffin Builder feature is going to be a lifesaver.

Coming soon: The Front-end builder

If you prefer to design from the front-end of the website, a new Muffin Builder feature will be headed your way the Summer of 2021:

There are a number of reasons why many website builder tools (including WordPress’s own Gutenberg) have a front-end editing experience: 

  • It saves you the trouble of having to switch between the editor and website preview to check your work. 
  • Some people prefer to do their editing within the full context of the website as it’s easier to make decisions when looking at the big picture. 
  • It’s more client-friendly than the typical backend editor, so this feature can empower your clients and other non-tech-savvy users to make tweaks to their sites.

If you’ve been looking for a live visual editor to use in WordPress, this new feature is just around the corner!

The fast and easy way to build a portfolio: BeTheme + Muffin Builder

If you’re looking for a fast and easy way to build your digital portfolio, the solution is obvious: 

Start with a beautiful BeTheme pre-built site and then customize it with the intuitive Muffin Builder.

Who knows? This potent combo could end up changing the way you build websites for your clients going forward. 

Learn more about BeTheme, explore the more than 600 pre-built sites available, and check out Muffin Builder’s newest features here.

The post Be: The Fastest and Easiest Way to Build Your Portfolio Site appeared first on Codrops.