Articles

What’s New in Ecommerce, February 2021

,

There are some interesting shake-ups on the horizon for ecommerce: Experiential shopping, Virt-ical worlds, Au naturale models.

We’re starting to see signs of them already — many of them spurred on thanks to the events of 2020. Below, we’re going to explore what’s going on with these new ecommerce trends and technologies and take a look at a bunch of sites that are setting really cool examples for each.

1. Experiential Shopping

With many stores, either closed to in-person shopping during the pandemic or their capacities severely limited, online shopping and BOPIS became much more attractive options for consumers.

That said, buying something like a pair of jeans or a new pair of glasses is much different than the pack of toilet paper someone’s bought for years. There are just some things you have to try to know if you’re going to like it and make sure it fits.

Augmented reality and other immersive shopping tools are bringing those “try-on” capabilities to people’s homes.

There are a number of technologies built specifically for this purpose:

Obsess is a particularly noteworthy one. It’s an ecommerce platform that enables retailers to build virtually immersive shopping experiences. Charlotte Tilbury is one such retailer that is taking advantage of it.

Obsess, the augmented reality and immersive shopping experience platform

At the end of 2020, Obsess announced that it had received $3.4 million in seed funding, so expect to see more Obsess-powered ecommerce sites and apps.

ByondXR is another platform that empowers brands to design immersive experiences for online shoppers:

ByondXR helps brands create experiential shopping

Retailers like Lancome, Procter & Gamble, and Calvin Klein have used ByondXR’s immersive commerce technology.

Another option is offered by Matterport:

Matterport's virtual shopping experiences and 3D store mapping tech

This technology is interesting as you’re not just creating a virtual store. You can also design a 3D model of a brick-and-mortar shop that in-store shoppers can use to get in and out quickly.

2. Virt-ical Worlds

There’s a new trend brewing, and we see it most commonly on websites for fresh and youthful brands. I wouldn’t say it’s nostalgic design, per se, though there are certainly some elements reminiscent of the bold, in-your-face style of the web in the late ‘90s and early ‘00s.

No, I think what we see here is a creative reimagining of our world.

With so many people having spent time in their homes and with their faces glued to screens, there’s been a blurring between our VIRTual and physICAL worlds. This new web design trend is one I’m going to call the Virt-ical World. While parts of these sites look like the websites we’ve designed in years past, there are motion, color, and sizing elements that feel more like a trippy virtual simulation.

Let’s look at some examples.

Starface is a company that creates acne-fighting products.

Starface's in-your-face website design

This is one of the more experimental designs in this set of examples. Still, it’s one that shows us how far the boundaries can be pushed without totally compromising the online shopping experience.

Billie is another company having fun with this trend. I’d say this is on the opposite end of the spectrum.

Billie has a fun, candy-colored website design

For the most part, this ecommerce site looks similar to other small retailer sites. However, the fun, candy-colored palette, the bobbing products, and the color shifts add a somewhat surreal element to the design.

Catching THEO is another ecommerce brand playing around with this Virt-ical World.

Catching THEO mixes nostalgia and modern design

See what I mean by this style feeling somewhat nostalgic? Thankfully, this site commits to today’s good, clean, responsive design while only using some of the more fun and quirky elements from the past.

Au Naturale Models

When I talk about au naturale models, I’m really referring to the makeup-less faces, relaxed hairstyles, and casual apparel that we’re seeing ecommerce models don these days.

I think it’s safe to say we have the pandemic to thank for this. And it’s not just because many of us took a more casual approach to getting dressed during the week. It’s also because the pandemic wiped away the glitz and glamour from many of our lives.

I don’t know about you, but it was kind of nice seeing fewer Instagram influencers flaunting their luxurious lifestyles and more real people rocking their matching pajama sets. I think brands have sensed this change in mood over the last year, and they’re now putting forward their own simple and casual styles for us to connect to.

There are tons of ecommerce websites we’re seeing this on in 2021.

Here’s Dove’s homepage, where they specifically call attention to the lack of digital distortion in the photo:

Thinx also uses more natural and realistic-looking models to show off its undergarment products:

Madison Reed takes a unique approach with this trend:

Madison Reed shows off some of the real faces of its customers

While the hair color brand does a great job of using diverse models around the site, it also has this scrolling bar showing off its customers’ very natural and real faces.

Wrap-Up

It feels like ecommerce trends and technologies are changing at a rapid pace these days. To help you stay on top of what’s new in ecommerce, stay tuned to this blog for more interesting news and changes to the landscape.

Source

The post What’s New in Ecommerce, February 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

10 Best Alternatives to Google Analytics in 2021

,

When you think of installing analytics, you probably reach for Google Analytics. And you wouldn’t be alone. The platform’s tight integration with SEO and the implication that using Google products is beneficial to ranking means that Google Analytics is the most commonly installed analytics solution globally.

Google Analytics isn’t a bad choice: it’s free, it’s fairly comprehensive, and it does indeed tie most SEO efforts up with a nice bow.

But Google Analytics is also slow, extremely bad for privacy — both yours and your users’ — and for many people, it’s too unwieldy, having grown organically over the years into a relatively complex UI.

Some alternatives are fast, privacy-friendly, and geared towards different specialisms. Today we’re rounding up the best…

1. Heap

Heap is an event-based analytics platform. That means you can tell not just how many people visited your site but what actions they took when they were there. This isn’t a unique proposition, but Heap is one of the best implementations.

Heap offers an auto-track tool, which is ideal for new installations because you can get up and running immediately and fine-tune the details later. That makes it great for startups, although it’s also the choice of major corporations like Microsoft.

Heap’s free plan includes 60k sessions per year and 12 months of data history, but when you outgrow that, the business plans start at $12,000/year.

2 ChartMogul

ChartMogul is geared towards SaaS that offer subscription plans, staking a claim as the world’s first subscription data platform.

Services like Buffer and Webflow use ChartMogul to monitor their revenue and analyze the ROI of changes to their features, design, and user experience.

Ideally suited for startups, ChartMogul pricing is based on monthly recurring revenue; it has a free plan for up to $10,000 MMR; after that, pricing starts at $100/month.

3. Fathom

Fathom is an awesome, privacy-first analytics solution. It offers a simple dashboard and is ideal for anyone looking for simple analytics information to verify business decisions.

Fathom is ideally suited to freelancers, or entrepreneurs with multiple projects, as it allows you to run multiple domains from a single account. Fathom is entirely cookieless, meaning you can ditch that annoying cookie notice. It’s GDPR, ePrivacy, PECR, CCPA, and COPPA compliant.

There’s a seven-day free trial; after that, Fathom starts at $14/month.

4. FullStory

FullStory is designed to help you develop engaging online products with an emphasis on user experience.

FullStory is a set of tools, making it ideal for large in-house teams or in-house teams working with outside agencies or freelancers. It pitches itself as a single source of truth from which everyone from the marketing department to the database engineers can draw their insights, helping digital teams rapidly iterate by keeping everyone in the same loop.

FullStory uses AI to track and interpret unexpected events, from rage clicks to traffic spikes, and breaks those events down to a dollar-cost, so you can instantly see where your interventions will have the most impact.

There’s a free plan for up to 1k sessions per month; once you outgrow that, you need to talk to the sales team for a quote.

5. Amplitude

Amplitude has one of the most user-friendly dashboards on this list, with tons of power behind it. For project managers trying to make science-based decisions about future development, it’s a godsend.

The downside with Amplitude is that to make the most of its powerful data connections, you need to pump a lot of data in. For that reason, Amplitude is best suited to sites that already have a substantial volume of traffic — among those customers are Cisco and PayPal.

Amplitude provides a free plan, with its core analytics and up to 10m tracked actions per month. For premium plans, you have to contact their sales team for a quote.

6. Mixpanel

Mixpanel is a little bit more than an analytics program, aiming to be a whole suite of web tools it has ventured into split testing and notifications.

Mixpanel is laser-focused on maximizing your sales funnel. One look at the dashboard, and you can see that Mixpanel, while very well designed, has too many features to present them simply; Mixpanel is ideally suited to agencies and in-house development teams with time to invest — you probably want to keep the CEO away from this one.

Mixpanel has a generous free plan for up to 100k monthly users, with its business plans starting at $25/month.

7. Mode

Mode is a serious enterprise-level solution for product intelligence and decision making.

Ideally suited to in-house teams, Mode allows you to monitor financial flow and output the results in investor-friendly reports. You can monitor your entire tech stack and, of course, understand how users are interacting with your product. Wondering who handles the analytics for Shopify? That would be Mode.

Mode has a free plan aimed at individuals, but this tool’s scope is really beyond freelancers, and the free plan’s only likely to appeal to high-price consultants and tech trouble-shooters. For the full business plan, you need to contact Mode’s sales team for a quote.

8. Microanalytics

Microanalytics is a relatively new analytics program with a lightweight, privacy-focused approach.

Microanalytics provides a simple dashboard with acquisitions, user location, technology, and the all-important event tracking to monitor user behavior. Microanalytics is compliant with the web’s most stringent privacy laws, including GDPR, PECR, and CCPA. The tracking code is just 1kb in size, meaning that you’ll hardly notice its footprint in your stats.

Microanalytics is free for up to 10k pageviews/month; after that, the monthly plan starts at $9.

9. GoSquared

GoSquared is another suite of tools, this time aimed at SaaS. Its primary product is its analytics, but it also includes live chat, marketing tools, and a team inbox.

If you’re tired of comparing multiple tools to help make the most of your startup, GoSquared kills several birds with one stone. Perhaps most importantly, if you’re beginning to build a team and don’t have any engineers onboard yet, GoSquared has an award-winning support team and an idiot-proof setup process.

GoSquared has a free plan that’s fine for evaluating the suite and integrating data from day one. As you begin to grow, paid plans start at $40/month.

10. Segment

Segment is a little different from the other analytics tools on this list; Segment is a layer that sits between your site and your analytics. It integrates with many of the tools on this list.

There are several benefits to this approach. The main one is that different teams within your enterprise can access analytics data in a form that suits them — designers can access complex data, and management can stick to revenue flow. It also means that you can switch analytics programs with a single setting in Segment and even migrate historical data into new apps. If you’re an enterprise that wants to future-proof its customer intelligence gathering, Segment is worth considering.

Segment is trusted by some of the web’s best-known names, from IBM to Levis, and…ahem…Google.

Segment is free for up to 1k visitors per month, and after that, the team plan starts at $120/month.

Source

The post 10 Best Alternatives to Google Analytics in 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Scale Salesforce Apps Using Microservices on Heroku

,

This is the eighth article documenting what I’ve learned from a series of 13 Trailhead Live video sessions on Modern App Development on Salesforce and Heroku. In these articles, we’re focusing on how to combine Salesforce with Heroku to build an “eCars” app—a sales and service application for a fictitious electric car company (“Pulsar”) that allows users to customize and buy cars, service techs to view live diagnostic info from the car, and more. In case you missed my previous article, you can find the link here.

Just as a quick reminder: I’ve been following this Trailhead Live video series to brush up and stay current on the latest app development trends on these platforms that are key for my career and business. I’ll be sharing each step for building the app, what I’ve learned, and my thoughts from each session. These series reviews are both for my own edification as well as for others who might benefit from this content.

Source de l’article sur DZONE

/par

8 Easy Ways to Improve Your Website Typography in Under 30 Minutes

,

Typography is one of the most important elements of any site, having a measurably large impact on brand and experience.

So fundamental is it that making wholesale changes to your typography — opting for a new font, changing the measure, increasing leading — is complex and fraught with potential time-sinks.

But there are some simple changes that you can make to your typography that won’t break your grid and can be achieved in 30 minutes or less. Here are eight of the easiest.

1. Increase Color Contrast

When laying out text, it’s common for designers to see text as a block within a visual design. A designer’s relationship to text is very different from a user’s; a designer positions text as a shape, a user reads it line by line. Consequently, designers tend to underestimate the amount of contrast text requires.

Light grey text is aesthetically beautiful but functionally useless. Text is meant to be read and needs to meet WCAG AA standards on desktop and WCAG AAA standards on mobile — or in any situation with many ambient light sources. The larger the text is, the more leeway you have.

Text should be thoroughly tested for contrast, but as a starting point, 18px text on a white background should never be lighter than #595959.

2. Tighten Heading Spacing

The vast majority of typefaces are designed for use as body text — large blocks of running text, multiple lines long. When the font was made, it was spaced for this use.

Unlike running text, headings tend to be short and are surrounded by more whitespace — especially above and below. Extra whitespace visually floods the negative space in the word shapes and forces letters apart.

To compensate, tighten the letter-spacing and word-spacing of headings by 1–5%.

3. Loosen Non-Word Spacing

When we read, our brain doesn’t spell out words letter by letter; it recognizes word shapes and even word groups’ shapes.

Most micro-typography is concerned with not disrupting those word shapes. However, there are times when you do want to prevent words from forming and allow individual characters.

Loosen the letter-spacing on any text intended to be read as a series of characters, such as serial numbers, tracking codes, and tabular data.

4. Use System Fonts for Inputs

Privacy is a big issue for users. Anything you can do as a designer to reassure users their data is safe will increase your site’s positive UX.

Style your HTML inputs to use system fonts — the default fonts set by the OS your user is accessing the site with. This creates a clear delineation between the brand data in the brand fonts and the user’s data in the user’s fonts.

Using system fonts in this way encourages the user to feel ownership of their data, builds trust, and increases conversions.

5. Mark Paragraphs Once

Paragraphs of text need a visual indication that they have begun. There are three ways in which this is normally conveyed: following a heading, with a vertical space before the paragraph, or indenting the first line.

Each paragraph should use one of these indicators and one only. Due to the nature of web content and the benefits headings have for quickly scan-reading content, for most sites, the best choice is a combination of following a heading and vertical spacing.

6. Use Genuine Styles

For various reasons ranging from the availability of fonts to aggressive optimization, it’s common for sites to fake alternative styles using CSS. Italics can be faked as obliques with a skew, bold weights can be faked by using the browser’s defaults, and small caps can be faked by setting text to uppercase and reducing the font-size.

These tricks do more harm than good, creating distorted word shapes that interrupt the natural flow of text.

If you cannot deploy genuine italic, bold, and small caps, then don’t fake them. Find alternative ways of creating emphasis, such as changing colors.

7. Use the Correct Quotes

Apostrophes, single, and double-quotes are specific characters. Most fonts provide a glyph for them that is distinct from the quick single or double-quote key on your keyboard.

These quote marks are most commonly referred to as “smart” quotes because word-processing apps usually have the option to be “smart” about which glyphs they use.

Using the correct quotes is one of the simplest ways to deliver a refined piece of text.

8. Hyphenate Text Properly

Hyphenation is the breaking of a word over two lines. It allows a less extreme ragged-right text, and it is vital on mobile devices where the available page width is relatively small compared with desktop.

The web has surprisingly poor support for correct hyphenation, but it is gradually improving, and it can be applied as a progressive enhancement.

CSS allows you to set hyphenation to none (no hyphens), auto (the browser inserts automatically), and manual (in which you specify where hyphens should appear using the soft hyphen character).

Typographically, a hyphen may be inserted in any word that is five characters or longer; there must be at least two characters preceding the hyphen and at least three following the hyphen.

You should never hyphenate three consecutive lines of text, but addressing this requires JavaScript. You can minimize this problem by increasing your measure.

 

Featured image via Unsplash

Source

The post 8 Easy Ways to Improve Your Website Typography in Under 30 Minutes first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Should You Become a Web Designer in 2021?

,

If you’re here, then you’re thinking about becoming a web designer and wondering if it’s a smart move.

Honestly, it’s not uncommon to be plagued by doubts and what-ifs when making a big career change, and that’s especially so right now, what with all the uncertainty we’ve faced over the last year.

Here’s some good news: It’s never a bad time to become a web designer, which makes 2021 the perfect time to turn your passion into a career! Here are 8 reasons why:

1. People Are Spending More Time Online Than Ever Before

DoubleVerify surveyed consumers’ digital consumption habits in 2020, and guess what it found? The amount of time people spend online has doubled since the pandemic began. Before 2020, consumers worldwide were spending an average of 3 hours and 17 minutes online every day. Now? The average is 6 hours and 59 minutes.

Needless to say, web designers are in high demand as businesses rush to get in front of these consumers.

2. There’s a Big Freelance Boom Right Now

An Upwork study at the end of 2020 reveals that freelancing grew by 22% (about 2 million workers) since 2019. This now-popular career move is a great option for everyone — from university graduates entering the workforce for the first time to anyone who’s been recently laid off. Heck, if you’re just plain unhappy with the course of your career and want to shake things up, freelancing could be the breath of fresh you need.

3. It’s a Future-Proof Field

In these uncertain times, you’re right to be cautious about jumping into something new. But web design is a career that’ll be around for a long, long time. It’s not just the fact that we’ll always need people to build websites that makes this field future-proof. You could build… Websites. Mobile apps. Web apps. Progressive web apps. You could specialize in… Graphic design. UX design. Web development. You could work for yourself. Build your own agency. Go work for someone else.

There’s a ton of flexibility in how you make a living as a designer. So if your interests change or your industry is impacted, that’s fine. Just pivot!

4. You Can Do It From Anywhere, Anytime

When people are nervous about traveling or living in densely packed cities, that’s not something that should worry you as a web designer. One of the benefits of being a web designer is that you can do it from anywhere you want and on your own schedule.

This is especially nice for anyone who has a family and needs a more effective way of managing it all at once, even when the kids aren’t in school or jobs out in the physical world are diminishing.

5. You’re in the Driver’s Seat

Let’s face it, it can be really stressful working for a company where you have little to no say about what goes on, how it gets done, and how much money you make for all your efforts. This is one of the reasons why freelancing is such an attractive option for many. You get to decide which content management system you build websites with. You get to decide who you work with. You get to set your hours of availability. You make the rules. And you know what? You can change them at any time. It’s all on you.

6. It Can Be a Lot of Fun

There’s some fascinating stuff coming down the line in digital design. For instance, augmented and virtual realities are really starting to pick up speed as ecommerce companies need a better way to allow customers to window-shop and try stuff on digitally.

AI is also bringing a lot of changes to the space. Not only can machine learning and language processing improve the way companies do business online, but they can also improve the way web designers work, too.

7. It Can Also Be Really Rewarding

Because you control your career as a web designer, you get to decide who you build websites for. So, what kinds of causes are you passionate about? Is there an industry you have close ties to and want to give back? This isn’t about working for free. This is about offering your professional design services to people you’re invested in and causes that get you excited.

Not only will it be easier to work for clients like these, but you’ll enjoy it more, too.

8. You Don’t Need to Go to School to Become a Designer

This is a common question for people wanting to leap into web design. While you should have some basic knowledge and skills when you start, you don’t need a degree in design or development to start making money.

One of the beautiful things about becoming a web designer is that you can learn as you go. Here are 5 free courses that’ll help you get to the next level. For instance, you can start as a freelancer, building websites from pre-made templates or themes. As you get more experience and pick up advanced design and coding skills, you can then branch out into specialized fields or areas of expertise.

Ready to Become a Web Designer?

There are many, many reasons to leap into web design in 2021. But are you ready? Before you get started, make sure you have a trusted set of resources to help you with the business side of becoming a web designer. Webdesigner Depot is a good place to start. You’ll learn things like:

And much, much more. When you’re ready, check out this 3-part business branding series where you’ll learn how to kick off your new web design business the right way.

 

Featured image via Unsplash.

Source

The post Should You Become a Web Designer in 2021? first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: January 18, 2021 – January 24, 2021

, ,

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

UI Design Trends for 2021

 

10 White Label Tools for Web Designers

 

12 Content Marketing Trends to Keep an Eye in 2021

 

We Can do Better than Signal

 

I Wasted $40k on a Fantastic Startup Idea

 

Mnm – An Open Source Project to Replace Email and SMTP

 

Shuffle – An Online Editor for Busy Developers

 

New in Chrome 88: Aspect-ratio

 

Everything About React Server Components

 

8 Examples of Icon-Based Navigation, Enhanced with CSS and JavaScript

 

Amazing Free UI Illustrations and How to Use Them

 

Is it Time We Start Designing for Deviant Users?

 

7 B2B Web Design Tips to Craft an Eye-Catching Website

 

Legendaria Font

 

16 Things not to do While Designing Dashboards

 

How to Train your Design Dragon

 

Enterprise UX is Amazing

 

7 Visual Design Lessons from Dmitry Novikoff Based on Big Sur Icons

 

DIY UX Audit – Uncover 90% of the Usability Issues on your Website

 

Vector Pattern Generator – Customize Seamless Patterns for the Web

 

The Year in Illustration 2020

 

Design Trends Predictions for 2021

 

Twenty Twenty-One Theme Review: Well-Designed & Cutting-Edge

 

9 Best Code Editors for Editing WordPress Files

 

The State of Design in 2021

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source

The post Popular Design News of the Week: January 18, 2021 – January 24, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

AWS HIPAA Compliance Best Practices Checklist

,

Nowadays, most medical providers across the globe tend to implement cloud-based architecture for their medical services. And it’s not surprising, especially considering today’s pandemic reality; medical software is a must. However, to build a highly secure solution to deliver medical services, you must abide by the US 1996 law, namely the HIPAA Security Rule. This legislation represents a set of required and adequate protections for managing electronic confidential patient information and avoiding its disclosure without prior patient’s knowledge and even consent.

So, if you want to develop a medical solution and make your healthcare services cloud-based, you will have to apply the latest technologies for maintaining data compliance. To build cloud-based apps according to the Privacy Rule, most healthcare providers apply Amazon Web Services (AWS) due to its increased agility, security, and innovation potential.

Source de l’article sur DZONE

/par

Exciting New Tools for Designers, January 2021

,

The new year is often packed with resolutions. Make the most of those goals and resolve to design better, faster, and more efficiently with some of these new tools and resources.

Here’s what new for designers this month.

Radix UI

Radix UI is an open-source UI component library for building high-quality, accessible design systems and web apps. It includes examples and guidelines for all kinds of user interface elements that provide guidance and really make you think about accessible website design. (And everything is usable!)

Froala Charts

Froala Charts is made to help you create data visualizations for web or mobile apps. Build any chart you can imagine – bar, line, area, heat map, sankey, radar, time series, and more. Plus, you can customize anything and everything, so it all matches your brand. This premium tool is enterprise-level and comes with a one-time license fee.

CSSfox

CSSfox is a collection of designs that you can use for inspiration. The curated community project includes posts, reviews, and award nominees and winners.

Pattern Generator

Pattern Generator is a tool to create seamless and royalty-free patterns that you can use in projects. Almost every element of the pattern design is customizable, and you can “shuffle” to get new style inspiration. Design a pattern you like and export it for use as a JPG, PNG, SVG, or CSS.

Type Scale Clamp Generator

Type Style Clamp Generator helps you create a visualize a typographic scale for web projects. Pick a font and determine a few other settings and see the scale right on the screen. You can even put in your own words to see how they would look. Then, flip to see how sizes appear on different devices. Find a scale you like and snag the code with a click.

Flowdash

Flowdash is a premium app that helps you build custom tools, data sets and streamline your business operations with one tool. Manage data and processes without code. The tool combines a spreadsheet’s familiarity with a visual workflow builder, plus built-in integrations to automate repetitive tasks so your team can focus on what matters.

Scale

Scale is a website that provides new and open-source illustrations that you can use for projects. Maybe the illustration generator’s neatest part is that you can change the color with just a click to match your brand. Then download the image as an SVG or PNG.

Pe•ple

Pe•ple is a tool that adds a “customizable community” to any website to help grow your fanbase and provide a boost to SEO. It allows you to integrate chat, commenting, emojis, and passwordless login, among other things.

K!sbag: Free Minimal Portfolio Template

K!sbag is a free minimal website template that’s made for portfolio sites. (Did you resolve to update yours in 2021?) It includes 6 pages in a ready-made HTML format and PSD.

Merico Build

Merico Build is like a fitness tracker for code. It uses contribution analytics to empower developers with insight dashboards and badges focused on self-improvement and career growth. Sign up with tools you already use – Github or Gitlab.

Automatic Social Share Images

Automatic Social Share Images solves a common website problem: Missing or broken images when posts or pages are shared on social media. This tutorial walks you through the code needed to create the right meta tags so that popular social media channels pick up the image you want for posts. The best part is this code helps you create a dynamic preview image, so you don’t have to make something special every single time.

Animated SVG Links

Animated SVG Links can add a little something special to your design. This pen is from Adam Kuhn and includes three different link styles.

Blush

Blush helps you create illustrations. With collections made by artists across the globe, there’s something for everyone and every project. All art is customizable, so you can play with variations to create something unique.

Palms

Palms is a set of 43 sets of hands to help illustrate projects. Each illustration is in a vector format and ready to use.

Tabbied

Tabbied allows you to create and customize patterns or artwork in a minimal style for various projects or backgrounds. Tinker with your artwork and patterns and then download a free, high-resolution version.

How to Create Animated Cards

How to Create Animated Cards is a great little tutorial by Johnny Simpson that uses WebGL and Three.js to create a style like those on Apple Music. The result is a stylish modern card style that you can follow along with the CodePen demo.

Bandero

Bandero is a fun slab with a rough texture and interesting letterforms. The character set is a little limited and is best-suited for display use.

Magilla

Magilla is a stunning modern serif with great lines and strokes. The premium typeface family has six styles, including an outline option.

Roadhouse

Roadhouse is one of those slab fonts that almost screams branding design. The type designer must have had this in mind, too, with stripe, bevel, inline, half fill, outline, drop extrude, and script options included. (This family is quite robust, or you can snag just one style.)

Street Art

Street Art is for those times when a graffiti style is all that will do. What’s nice about this option – free for personal use – is that the characters are highly readable.

Source

The post Exciting New Tools for Designers, January 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par