.//Serendipity//. — 3D Art

Original Source: https://abduzeedo.com/serendipity-3d-art

.//Serendipity//. — 3D Art
.//Serendipity//. — 3D Art

abduzeedo0405—22

We have featured Mário Domingos in the past and he keeps sharing incredible 3D art and motion design projects. For this post we’d love to feature one of Mario’s most recent projects, this one is titled .//Serendipity//. — it is a collection of abstract 3D arts with some intricate refraction time of effect.

For more information make sure to check out Mario on

Behance
Instagram
Vimeo
Website

Refactoring HTML and CSS

Original Source: https://1stwebdesigner.com/refactoring-html-and-css/

This article was originally posted at https://christinatruong.medium.com/refactoring-html-and-css-69de73a5fb88 and was kindly shared by Christina Truong. Check out more of her work at https://christinatruong.com.

(Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube.)

Refactoring is the process of rewriting and restructuring the code to improve the design of the code base. This practice can be applied to any language but this article will focus on HTML and CSS. When refactoring, here are some goals to keep in mind:

Rewrite to reduce complexity. It’s easy to fall into the trap of over-engineering, especially when you’ve just learn a cool new trick. But try to keep in mind to only add what you need.

Make it reusable. Being able to reuse snippets of code means less code overall and more consistency.

Think about how you can make it flexible. This can help to make it easier to reuse and extend features by adding onto existing code snippets.

Make the code easy to read. Use whitespace, indentation and comments for organization. Show your intent by using descriptive class names and comments. Write your code as if you are writing it for someone else to understand. And in some cases you probably are! And even if you are only writing it for yourself, it’s not unusual to come back to a project months later and feel like you have to re-familiarize yourself with the codebase again.

Let’s take a look at some ways to refactor HTML and CSS.

Reduce HTML markup

Something that happens often when adding content and styles to our web projects is inadvertently using too much HTML markup. For example, the <div> element is often used to group or wrap elements to add CSS to them. But it’s not always necessary to throw a <div> around the element that needs to be styled. Every HTML element is its own box and can be styled. In this example, the CSS style will look the same whether you add it to the <h1> element or its container element.

Refactoring HTML and CSS

Refactoring HTML

Create rules for writing CSS

rules for writing CSS

I always start with the base CSS, which are styles that are applied globally. Then add more specific styles as needed. When I say global CSS, I’m referring to the styles that are applied to all or most of the elements on the page, such as the font-family, defining font colors, general margin and padding styles and font sizes. These global styles are applied to the basic type selectors such as body, headings and links. Then get more specific as needed by applying styles using CSS classes. Even then, start with the more generic class styles like page wrappers and page layout styles.

writing CSS

As the project progresses, CSS styles can be added into related groupings such as the header and footer or specific page content, to keep things organized and easy to find.

more CSS

and more CSS

Reduce repetitive code

Combining selectors

Combining selectors

Combining selectors

Create reusable classes

Create reusable classes

Create reusable classes

Use inheritable CSS styles

inheritable CSS styles

Reduce CSS specificity

Reduce CSS specificity

See the Pen
Reduce specificity by Christina Truong (@christinatruong)
on CodePen.0

Reduce CSS specificity

Do you need to select links, in a “submenu,” in a nav? If so, then use:

If you need to select only links in a “submenu” that specifically uses an ordered list, then use:

But if you just need all the links in any submenu, use the most direct and simple way to get there:

Sendinblue vs Constant Contact (Apr 2022): Which Email Marketing Platform is Best?

Original Source: https://ecommerce-platforms.com/email-marketing/sendinblue-vs-constant-contact

Struggling to make the choice between Sendinblue vs Constant Contact? Both of these tools have earned a lot of attention over the years for their ease-of-use, feature-rich packages, and powerful approach to email marketing. So, which is best?

Ultimately, the ideal email marketing solution for you will depend on what you want to accomplish. Some brands are committed to building omnichannel marketing campaigns with email at the core. Others want to design complex automated email sequences.

Today, we’re going to look at all the features of both Constant Contact and Sendinblue, considering everything from pricing, to usability, to help you make the right choice.

Let’s dive in!

Sendinblue vs Constant Contact: Pricing

There are tons of email marketing tools out there for small businesses and enterprise companies alike. Most tools, from Mailchimp to ActiveCampaign, offer a range of pricing packages, specifically designed to suit different needs.

The more you’re willing to spend on your email marketing services, the more you can usually expect to get in terms of automation features, all-in-one templates, and analytics. Let’s see how the prices of Sendinblue and Constant Contact measure up. 

Sendinblue

sendinblue pricing - sendinblue vs constant contact

Sendinblue has a free plan. Here you can register unlimited contacts and send up to 300 emails a day. If you don’t have an email list yet (or you fancy taking Sendinblue for a test drive), the freemium package is excellent.

The Lite Plan

This starts at $25 a month and unlocks unlimited daily email sends, email support, the removal of Sendinblue’s branding, and A/B testing. For $25 you’ll get 10,000 emails, and your pricing will increase depending on how many extra emails you want to send. 

The Premium Package

This starts at $65 per month and allows you to send 20,000 emails at the base level. 

You’ll get everything in the Lite plan, plus you can

Create and launch Facebook adsDesign and publish landing pagesConverse with customers in real-time via live webchatGrant access to multiple usersImplement marketing automation workflowsAccess telephone support

The Enterprise Plan

This is best suited to much larger businesses with complex email marketing needs.

You’ll need a custom quote for this one. This package unlocks priority support and sending you’re assigned a customer success manager, and you can register more than ten users.

Go to the top

illustration of a cat climbing a ladder

Constant Contact

constant contact pricing - sendinblue vs constant contact

Constant Contact keeps its pricing plans simple, with just two to choose from (both of which come with a 60-day free trial!):

The Core Plan

Starting at $9.99 a month, its exact price is based on the number of contacts you have.

You’ll get unlimited email sends, customizable templates, tracking and reporting features, A/B testing, and eCommerce marketing tools. Constant Contact integrates with your eCommerce platform to sync your contacts and send emails based on their consumer habits and activity. Plus, you can register up to three users.

The Email Plus Plan

Starting at $45 a month, again, its exact price is based on the length of your email list. This package is intended for growing businesses. This upgrade unlocks advanced eCommerce marketing features, customer surveys, and polls, coupons, online donations, and you can launch automated email series’. Plus, you can register up to ten users.

The Verdict: It Depends

Both tools provide a rich set of features for an affordable price. However, where value for money is concerned, that comes down to your business priorities. For instance, do you have a long contact list but only want to send occasional emails? In that case, Sendinblue is the best choice.

If, on the other hand, you need to send large numbers of emails each month to a shorter list, Constant Contact might work out cheaper. You can send unlimited emails on their plans, and the crux of their pricing is based on how many contacts you have.

Pro Tip: Visit both websites to estimate pricing for your required number of contacts and email sends, then compare the two. This is the only way to tell which is best for you based on price alone.

Further reading 📚

Sendinblue Review (Apr 2022): Is Sendinblue the Best Email Marketing Service?

SendinBlue Pricing: The Complete Guide (Apr 2022)

Constant Contact Email Marketing Review (Apr 2022) – Everything You Need to Know

Constant Contact Pricing (Apr 2022) – The Complete Guide

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Email Templates and Editing

Sendinblue

Sendinblue has over 60 professional-looking responsive email templates to choose from. You can use their drag-and-drop email builder to make simple edits. That said, Sendinblue’s email builder is relatively basic compared to others on the market. Most notably, you can’t easily change fonts or backgrounds.

However, you can preview emails using a ‘mobile view’ before sending them…which is pretty nifty. This ensures your email design looks great no matter what device your recipients use.

Notably, Sendinblue allows you to build cross-channel campaigns, so you can track and nurture customers not just via email, but SMS and chat too. You also get a landing page builder included with both Sendinblue and Constant Contact. 

Constant Contact

In contrast, Constant Contact offers over 100 email templates, covering various uses, from newsletters to event invitations, holiday messages, sales emails, and so on.

Once you’ve chosen a template, you can customize it using Constant Contact’s drag-and-drop editor. It’s easy to edit the colors, fonts, logos, and social media links to match your brand’s look. Plus, you get access to free stock photos and Google fonts to liven up your design.

The drag-and-drop email editor from Constant Contact is one of the top options on the market, and it allows you to implement everything from special photos and surveys, to product information. 

The Verdict: Constant Contact

Constant Contact offers more flexibility and a greater array of handy email design tools.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Autoresponders and Automation

Sendinblue

Sendinblue keeps things simple where automation is concerned. You won’t get the most advanced toolkit, but beginners may find its pre-built workflows useful for getting started. You can also enable tracking, which empowers you to send emails to customers based on the web pages they click on.

One thing Sendinblue does excel at in terms of automation, is allowing users to automate campaigns across multiple channels, from chat to email marketing, and SMS marketing. You can also personalize each step of the customer journey, by using the built-in CRM to help segment your audiences and set up more relevant messages. 

Constant Contact

Constant Contact is much the same. You can create similar workflows based on email segmentation, events, and customer behaviors. Setting up simple autoresponders is easy, as is scheduling automated follow-up email campaigns.

Email automations are made simple with Constant Contact thanks to access to a wide range of customization options and tools. You can even integrate your campaigns with Shopify, Facebook, and send appreciation emails from Mindbody, to improve your chances of building customer loyalty. 

The Verdict

Both providers offer relatively simple autoresponders and automation tools. That said, Sendinblue has a slight edge for tracking visitor’s movements on your website and responding accordingly.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Segmentation

Sendinblue

At its core, segmentation is all about assigning specific tags to your email contacts so you can categorize them into interest groups.

Sendinblue allows you to upload updates in bulk via CSV files. However, mapping information across these can be a pain, as you’ll need to do it manually for each one. Then, once you’ve uploaded your contacts, you can segment them however you choose – location, employment, previous engagement, purchase history, etc.

Probably the most valuable feature for segmentation on Sendinblue is the built-in CRM, so you can track all of your contact details in one place for better lead scoring. 

Constant Contact

Like Sendinblue, you can segment your list based on recipient and customer engagement levels, location, company details, etc. You can also integrate Constant Contact with your online store to segment contacts based on their in-store behaviors.

While Constant Contact doesn’t have a built-in CRM, it does have a lot of scope for you to customize your segments and build out different campaigns. You can list “members” for your site separately from standard customers, and track contact activity. 

Verdict: It’s a Draw

It isn’t easy to declare a winner here; both tools offer basic segmentation features with similar tags. However, Sendinblue does have the added benefit of a native CRM. 

It isn’t easy to declare a winner here; both tools offer basic segmentation features with similar tags.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Registration Forms

Sendinblue

Sendinblue comes with an easy-to-use form editor, which makes creating good-looking email opt-in forms a breeze. You can customize colors, images, and headers and add as many fields as you want. You can even insert text input fields, radio buttons, dropdown lists, and more.

You can also embed these forms onto your website using an embeddable HTML code, link to them from your emails and social media profiles, and/or add them to your CMS as a widget. Plus, you also have the option of adding GDPR-compliant checkboxes, and you can implement a double-opt-in process.

Forms aren’t the only way to turn potential visitors into customers with Sendinblue either. The service offers a comprehensive landing page building environment, where you can create dynamic pages which adapt to the needs of your audience.

At the same time, Sendinblue further expands its omnichannel marketing capabilities with the introduction of Facebook Ads. You can launch ads directly from your Sendinblue account to retarget contacts and reach new audiences based on the lists you’ve already built. 

Constant Contact

Constant Contact provides all the tools you need to create responsive sign-up forms. You can post these on your website to capture user information within seconds. You can also create popups, embeddable forms, and customized landing pages that reflect your brand’s aesthetic.

One compelling thing about Constant Contact is the “set it and forget it” update feature. This means you can automatically set your website and forms to update, without having to check in on them constantly. Constant Contact also offers advanced features to make your forms more effective.

You can embed exit monitoring, to keep an eye on when customer abandon your forms and choose custom fields to determine which information you need to capture.

If you’re looking for more extensive ways to convert customers, Constant Contact also allows you to build landing pages with cross-channel sharing and real-time reporting built-in. You can embed shoppable links into your landing pages too, so customers can purchase then and there.

Lead generation landing pages are particularly insightful from Constant Contact, with useful tracking into things like number of contacts generated, conversions, and more. 

The Verdict: Sendinblue

Once again, we’re faced with similar features. Sendinblue offers the extra benefit of a direct link to Facebook marketing, but Constant Contact provides a more convenient landing page experience with shoppable pages and analytics.  

Once again, we’re faced with similar features. However, we think Sendinblue’s form building tools are a little more advanced, and as such, we’ve crowned Sendinblue, the winner for this round.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs. Constant Contact: Integrations

If you’re running an online business, you won’t use your email marketing software in a vacuum. Instead, it’ll interact with your existing tools – your CRM, analytics platform, eCommerce builder, etc.

Sendinblue

sendinblue integrations - sendinblue vs constant contact

Sendinblue doesn’t boast a massive selection of native integrations. But it does offer a Zapier plugin to get around any limitations. Some of its more popular native integrations include Shopify, WooCommerce, Elementor, BigCommerce, etc.

As a leading email service provider, Sendinblue is constantly upgrading its list of integrations and plugins, with easy connections to everything you need to run a successful campaign. 

Constant Contact

Similarly, Constant Contact also integrates with all the heavy hitters – WordPress, Facebook, Eventbrite, Shopify, Salesforce, Outlook, etc. In fact, there are over 533 apps and integrations available. You can filter through these plugins via keyword, ‘business need,’ ‘industry’ or ‘key attribute.’ Constant Contact’s integrations are neatly categorized using labels like blogging and content management, accounting, event management, ecommerce, loyalty, mobile, social media, and much more.

The Verdict: Constant Contact

Although Constant Contact wins this round, thanks to its Zapier integration, Sendinblue isn’t under-equipped where integrations are concerned, and its native list of plugins provides all the basics you could need. That said, Constant Contact has tons more native integrations to its name, and as such, it emerges victorious where integrations and apps are concerned.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Reporting and A/B Testing

Sendinblue

Sendinblue’s AB testing functionality enables you to examine different aspects of your email campaigns to see what produces the most fruitful results – i.e., the content of your emails, send times, subject headers, etc.

The higher-priced tiers even come with machine learning, which automatically deciphers the best time to send emails to each subscriber on your list.

On top of that, Sendinblue also comes with a range of email analytics built-in. Just visit the ‘My Campaigns’ tab, where you’ll see a performance report for each of your campaigns, including details on click-through and open rates as well as unsubscribes and deliverability.

It’s easy to track everything from the results of your transactional emails, to the response you get to drip campaigns with Sendinblue.

Constant Contact

Constant Contact also offers A/B testing with lots of analytics to boot. Its engagement reports measure each of your campaigns’ performance over time. You can also access campaign comparisons, where you can directly compare the performance of up to five emails. Constant Contact also draws a nifty click-tracking heat map, so you can visually see how many clicks a link has received (for both mobile and desktop recipients).

The reporting features of Constant Contact are some of the most popular tools the service has to offer. The tools give you a complete overview of countless valuable metrics, with pre-built reporting templates, like an engagement report, click-tracking heat maps, and click segmentation. You can even check how often people are loading your emails from mobile devices. 

Constant Contact competes with the likes of GetResponse, HubSpot, and many other top email marketing tools for fantastic analytics. 

The Verdict: Constant Contact

Both Sendinblue and Constant Contact offer an impressive range of analytics and split testing tools. But, thanks to its mobile capabilities and a few extra reporting functionalities, we think Constant Contact takes the trophy here.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Contact Management and CRM

Sendinblue

Sendinblue comes with its own CRM, where you can centralize all your contact information, including notes from previous calls, meetings, and essential documents. From there, you can organize your contacts based on similar characteristics, such as their source of acquisition or where they’re at in your conversion funnel. You can even create tasks inside your CRM and assign different members of your team to them.

Considering Sendinblue also comes with inbuilt chat functionality where you can connect with website visitors in real-time, Sendinblue easily doubles up as a support and customer service tool.

Constant Contact

In contrast, Constant Contact doesn’t go so far as to call itself a CRM. But it does offer a range of features that come in useful where customer relationship management is concerned. For instance, you can assign tags to contacts and segment them into categories.

You can also assign custom fields to contact profiles to store any and all contact info you want – their company name, birthday, website…the options are seemingly endless.

You can easily upload your current contact lists and email addresses from Excel, Outlook, SalesForce, or your preferred eCommerce platform. Not to mention, Constant Contact also automatically eradicates duplicate or unsubscribed contacts for you.

The Verdict: Sendinblue

Constant Contact has some pretty impressive contact management features, but Sendinblue goes one step further. Their CRM allows you to upload files, set your team member’s tasks, and thanks to its live chat functionality, Sendiblue enables in-depth lead nurturing and contact management functionalities.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Ease of Use

Sendinblue

Sendinblue is excellent for beginners. It’s effortless to add contacts to your list. Just upload a bulk CSV file to start (if you already have an email list). Plus, there isn’t too much complexity involved where navigating the software is concerned. You can find everything you need from one centralized dashboard.

Sendinblue is designed to make it easy for anyone to start a comprehensive email marketing campaign. It’s one of the easiest tools on the market for omnichannel advertising and offers comprehensive advanced tools like list management and CRM access.

If you need help with things like setting up a dedicated IP, creating the best subject lines, or accessing your email marketing campaigns from an iOS or Android device, there are plenty of guidance blogs and articles available on the Sendinblue website with screenshots. 

Constant Contact

Constant Contact is also very beginner-friendly. It provides video instructions to help you get up and running and in-app tips on how to improve your email marketing campaigns. Navigating your way around the software is also relatively easy with its clearly marked menus.

That said, finding specific features is sometimes a challenge. For example, email automations and landing pages aren’t clearly marked…you have to do some digging to find these functionalities. Some users also complain that Constant Contact is a little sluggish to load, which can be frustrating if you’re quickly trying to complete tasks or move from one feature to another.

The Verdict: Sendinblue

Both Sendinblue and Constant Contact are intuitive and easy to use, making them excellent for anyone that doesn’t have lots of experience with email marketing systems. That said, we think Sendinblue boasts a slightly more user-friendly design.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Customer Support

SendinBlue

Sendinblue offers email support with its Lite plan. However, if you upgrade to the Premium plan, you’ll unlock telephone support. Live chat is also available as an alternative to phone support.

If you’re after self-service, check out Sendiblue’s online help center. Here you’ll find plenty of tutorials, guides, and the answers to basic and advanced feature-related questions.

Constant Contact

Constant Contact offers users live chat, phone, and email support. Their team is available Monday through Thursday from 8 a.m to 10 p.m ET. On Friday, you can reach them from 8 a.m – 9 p.m and on Saturday from 10 am to 8 p.m ET.

Additionally, Constant Contact has a self-help option. Just click on its horizontal menu (no matter which page you’re on), and this takes you to its expansive knowledge base. Here you’ll find plenty of in-depth articles and step-by-step guides. You can also rely on the Constant Contact community over on the forum. Here you can post questions and network with other users.

Despite this, as an all-in-one solution for email management and customer nurturing, the Constant Contact system is quite intuitive. 

Verdict: Constant Contact

Thanks to its clearly listed phone support, Constant Contact is the obvious winner here. Finding a number for your region is easy, and its help center and community are both easy to access and brimming with information. So, rest assured, you’ll find whatever answer you’re looking for.

Go to the top

illustration of a cat climbing a ladder

Sendinblue vs Constant Contact: Finishing Thoughts

Now that we’ve reviewed both Sendinblue and Constant Contact, which one’s best for you?

Both have strengths and weaknesses, but overall, where features are concerned, they’re level pegging. Sendinblue has a more robust CRM if contact management is a priority for you. It also comes with a live chat feature and excellent reporting and A/B testing tools. Sendinblue provides a very generous free plan that’s great if you’re just starting out.

That said, if Senedinblue’s pricing plans based on email limitations don’t suit you, you might prefer Constant Contact’s contact-list based pricing. That said, Constant Contact also doesn’t fall short in its reporting features, and its marketing tools are handy. Constant Contact also provides more customer support options should you need help.

Pro Tip: Before committing your hard-earned cash, don’t forget to double-check with both platforms that they integrate work with your current tech stack.

If you’re still unsure, why not sign up for their free trials and give both tools a shot? If you’re looking for mailchimp alternatives, or you want something different to other popular tools like Convertkit and Moosend, both of these services have a lot to offer. 

Whichever you decide, let us know how you get on in the comments below!

The post Sendinblue vs Constant Contact (Apr 2022): Which Email Marketing Platform is Best? appeared first on Ecommerce Platforms.

How to Use History Command in Linux

Original Source: https://www.hongkiat.com/blog/linux-command-history/

The “history” command reveals the list of the command that the current user has been invoked. The command accepts passing a pattern as an argument to sort specific commands from the…

Visit hongkiat.com for full content.

The best point-and-shoot cameras in {year}

Original Source: https://www.creativebloq.com/features/the-best-point-and-shoot-camera

Our pick of the best point-and-shoot cameras for all budgets.

KGM — stylish website design

Original Source: https://abduzeedo.com/kgm-stylish-website-design

KGM — stylish website design
KGM — stylish website design

abduzeedo0401—22

Thought & Found is a multi-disciplined design practice based in Melbourne, Australia, with a methodology built on the unexpected, the importance of meaningful, intelligent outcomes and the occasional happy accident. They created a simple yet stylish and almost brutalist web design for KGM, check it out.

branding  clean identity minimal modern typography   Web Design  Websitebranding  clean identity minimal modern typography   Web Design  Websitebranding  clean identity minimal modern typography   Web Design  Websitebranding  clean identity minimal modern typography   Web Design  Websitebranding  clean identity minimal modern typography   Web Design  Websitebranding  clean identity minimal modern typography   Web Design  Website

Credits

Project: KGM
Branding, Web Design & Development by Thought & Found

For more information make sure to check out:

Behance
Instagram
Website

The best pencil sharpener in 2022

Original Source: https://www.creativebloq.com/buying-guides/best-pencil-sharpener

Get sharper drawing and writing with the best pencil sharpener around.

10 Sites to Beautify Your Codes Online

Original Source: https://www.hongkiat.com/blog/beautify-codes-online/

When creating a website, a well-formatted code ensures that it will be easier to work on in the future. Especially, if you’re working with a team, code formatting becomes crucial as it ensures…

Visit hongkiat.com for full content.

Collective #705

Original Source: https://tympanus.net/codrops/collective/collective-705/

Collective 705 item image

Inspirational Website of the Week: Nul

A fantastic design that enhances the product meaningfully in every little detail. The menu is a true hit!

Get inspired

Collective 705 item image

Our sponsor
Make $100k+/year? Put yourself on the path toward early retirement.

Playbook builds a financial plan unique to your goals and income, automates it, and supercharges your net worth. The secret? Ensuring that you’re making full use of your tax-advantaged accounts. You don’t have to beat the market to build wealth.

Try Playbook

Collective 705 item image

Understanding Layout Algorithms

Josh W Comeau pops the hood on CSS and explains how the language is structured, and how to learn it effectively.

Read it

Collective 705 item image

Spruce CSS

Spruce CSS is a modern, minimal CSS Framework built on Sass. Read the introduction by Adam Laki to learn more.

Check it out

Collective 705 item image

Awwwards Conference

Three exciting days with some of the most influential speakers of the industry, who inspire, teach, and guide us as we face the many challenges and opportunities which lie ahead in the future of the web.

Check it out

Collective 705 item image

Optimising Largest Contentful Paint

Harry Roberts looks at some more technical and non-obvious aspects of optimising Largest Contentful Paint.

Read it

Collective 705 item image

Building like it’s 1984: Scrollbars in web applications

Michael Villar’s deep dive into scrollbars, their history and usage.

Read it

Collective 705 item image

Variable fonts in real life: how to use and love them

Roman Shamin and Travis Turner write about the awesomeness of variable fonts, how they work and why we are all ready for them.

Read it

Collective 705 item image

Tricks to Cut Corners Using CSS Mask and Clip-Path Properties

Temani Afif shows how to cut the corners of elements using CSS mask and clip-path.

Read it

Collective 705 item image

Canvas + Text

Paul Henschel made a demo that shows how to form self-contained components with their own state and user interaction.

Check it out

Collective 705 item image

Photography is not Objective, Art is a Set of Choices

Aaron Hertzmann challenges the notion that photography records and displays objective information in this fascinating article.

Read it

Collective 705 item image

Rhea

Rhea is a geometry-shader based grass for Unity’s Universal Render Pipeline (URP).

Check it out

Collective 705 item image

Color Morph

Randomly generate beautiful mesh gradients, export them as an SVG or copy the generated CSS code into your project.

Check it out

Collective 705 item image

Bionic Reading

An amazing project: Bionic Reading revises texts so that the most concise parts of words are highlighted which enables faster, more efficient reading.

Check it out

Collective 705 item image

Resetting Inherited CSS with “Revert”

Scott Vandehey shares how using all: revert in CSS can come to the rescue when dealing with inherited styles.

Read it

Collective 705 item image

PWA Resources

A curated collection of resources to learn about Progressive Web Apps. Also, a super cool site design.

Check it out

Collective 705 item image

Building a Vaporwave scene with Three.js

A step-by-step tutorial documenting Maxime Heckel’s attempt at reverse-engineering the vaporwave WebGL scene from the Linear 2021 release page using only fundamental concepts of Three.js like textures, lights, animations, and post-processing effects.

Read it

Collective 705 item image

Tao of Node

Alex Kondov summarizes the set of principles that he has established for building Node applications.

Read it

Collective 705 item image

Art gallery

A 3D Art gallery demo using react-three-fiber made by @AndreusCafe.

Check it out

Collective 705 item image

Tiny renderer or how OpenGL works: software rendering in 500 lines of code

A brief computer graphics and rendering course by Dmitry V. Sokolov.

Read it

Collective 705 item image

Locale Aware Sorting in JavaScript

Elijah Manor shows some options that you can use to apply locale-aware sorting.

Read it

Collective 705 item image

Coolify

Version 2 of the amazing open-source and self-hostable Heroku/Netlify alternative.

Check it out

Collective 705 item image

How to create a router for a custom SPA App

Wiktor Wiśniewski shows how to create a lightweight JavaScript router library just for learning purposes.

Read it

Collective 705 item image

From Our Blog
Building an Interactive Sparkline Graph with D3

Learn how to build an interactive line graph using the D3 JavaScript library and CSS custom properties to create different color schemes.

Check it out

The post Collective #705 appeared first on Codrops.

Helvetica: Overused Cliché or Modernist Classic?

Original Source: https://www.webdesignerdepot.com/2022/03/helvetica-overused-cliche-or-modernist-classic/

Few fonts in the world have become a part of the cultural landscape that they have an entire documentary film and a MOMA exhibition made about them. Helvetica, however, is different. It has been the go-to font for everyone from government agencies to hip pop-up shops whenever clean and modern text is called for. It has become so much a part of our daily lives that it has created a long list of detractors. 

It is strange for a humble font to be so used and so hated at the same time. Is Helvetica the font that symbolizes hip, cool and modern? Or is it a ’60s anachronism loved by boomer designers that deserves to go the same way as the 8-track and gasoline?

Birth of a Legend

Helvetica is the Latin word for Switzerland, the birthplace of this font. It was created in 1957 in the middle of a boom of fonts created by Swiss designers that today is known as the International Typographic Style. It was the handiwork of two designers, Max Miedinger and Eduard Hoffmann. 

They designed this simple sans-serif font to be — ironically enough, given today’s divided opinions — a neutral font. It was modern, in the popular style, but simple, dense, and legible. It was something that could be put on a sign and easily be read from a distance. 

Helvetica represented a clean break from the fonts that came before. The designers upended the more formal and intricate serif fonts of the 19th and early 20th centuries with bold, clean simplicity. Perhaps it was a product of a new era, maybe it defined a new era as it went, but Helvetica was a revolution in font design. 

The new font was an enormous hit. One of its earliest fans was the United States Government, who put it everywhere from the sides of space shuttles to agriculture policy reports. The European Union went so far as to require its use on all health warning information. In addition, the font spread to languages as diverse as Khymer, Urdu, and Korean. 

The font was initially cast in hot metal typeset and has been altered and redesigned as the world and printing technology have changed. There have been several updates, all modifying the original design to exaggerate or change the font for greater legibility, particularly on computers where many claim the font falls short. And as with anything popular in the design world, the number of imitators and ripoffs far exceeds the scope of the original.

Where Helvetica Stands Today

Today in the 2020s, despite now being old enough to qualify for a pension, this font is everywhere. Why, though, is something so ubiquitous so controversial among designers?

Any style that becomes the ‘next big thing’ will attract critics, particularly if that ‘next big thing’ sticks around longer than expected. For some, the International or Modern fonts era is simply a piece of history. Not unlike the art or architecture from those eras, the pieces are lovely to look at, but it has been done. To continue it now would be imitation, or worse, a lack of imagination. 

Why the Haters Hate

For some critics, Helvetica has fallen victim to the banality of overuse. The day the US Department of Agriculture decides it loves a style, that style is officially uncool. Too many ‘squares with no taste’ have decided that Helvetica represents what must be cool, so the people in the know reflexively reject it. The trend makers define their role in the art world by being avant-garde and neophilic. They have to use the next new thing before anyone else or their tenure as a trend maker is finished. For these critics, Helvetica isn’t bad per se, just old and worn out. 

Lastly, there is the ever snarky group of critics who have come to loathe Helvetica for what it represents: boring corporate design. Helvetica became the darling of every group of people who wanted to give the image of clean modernity. It’s a boring choice, uninspiring, damn near default. It makes designers look lazy, their work stale. Helvetica’s success in becoming a near-ubiquitous font has made it too much of a default to be cool.

Why Helvetica is Well Used and Well-Loved

There are an equal number of fans for every salty critic who has come to dislike Helvetica. Those who favor the font love that it is true to its design, simple and legible. For a government agency or large corporation, it is clean and efficient. It is stylish enough to give a little life and flavor to the publication but is subdued enough to show professionalism and erudition. 

The font’s connection to the Modernist and International era can be appealing to others. Some styles retain their popularity throughout the years, seen as cultural hallmarks and high points of culture and expression. Helvetica was a product of an optimistic age where the dense, dark expressions of the past were replaced with light and airy styles. These looks have fluctuated in public opinion but have never totally gone out of style. This enduring appeal has kept Helvetica in many designers’ good graces. 

Finally, many fans like it because they have been steeped in its use so long it has become part of their style. From the original modernist era designers to the students they taught, and now their students’ students, it was a look many incorporated into their own style. All designers are products of their education and stand on the shoulders of previous generations; Helvetica has been such a part of the design landscape that many people have made it their own. Perhaps this was conscious, perhaps unconscious, but either way, many cool new designers at the forefront of new styles still choose this font to express text in their works.

Cliché or Classic

Perhaps in a twist of ironic fate, the two designers of Helvetica aimed to create a font that would be, in their words, “A neutral font that should not be given additional meaning.” This clean neutrality was a goal worthy of anything named after Switzerland. And this might very well be the true source of division; it is a plain, clean font into which all designers can place some or no meaning. It is a blank canvas, and just as any blank canvas hung in a museum, it would attract positive and negative opinions by its very nature. 

To call it a cliché, or classic, though, is Helvetic’s conundrum. It is undoubtedly classic, and its rampant overuse causes it to stray pretty far into cliché territory. The strange situation it finds itself in is that it seems to exist as both cliché and classic at the same time. It has become a default but a beautiful default.

Helvetica is everywhere, and like anything that is everywhere, it is both divisive and ignorable. Either way, love it or hate it; it isn’t going anywhere. 



Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

The post Helvetica: Overused Cliché or Modernist Classic? first appeared on Webdesigner Depot.