Posts Tagged

Designers

The Latest Digital News for Web Designers

One of the most powerful tools we have in web design is consumer and industry data. It’s like a gauge that tells us whether we’re still heading in the right direction or it’s time to change course and adopt a new strategy or approach.

Unless you’re combing the web for the latest news and reports in the areas of design, marketing, and SEO, it’s easy to miss this pertinent data. So, in this roundup, I’m going to take care of that for you.

Below you’ll find a recap of 5 recent news stories and reports that need to be on your radar.

 

Comscore Reports on the State of Mobile

Comscore’s annual State of Mobile report focuses on the growing usage of mobile devices to explore the web.

According to the report, users around the globe spend roughly three-quarters or more of their digital time on mobile devices:

Comscore global mobile audience

Even if mobile apps are a key driver of this activity (which they are for certain business types like gaming and social), we know that consumers are glued to their phones more so than they are to their desktop computers.

If you haven’t yet made mobile-first design a priority—especially by bridging the gap between the mobile web and mobile app with PWAs—2020 is the year to do it. Your users already have their smartphones nearby, so why not make your website a must-visit destination there, too?

 

UX Tools Survey Gives Us a Look at the Software Designers Love

UX Tools’ 2019 survey of web designers found an interesting trend when it comes to the toolboxes they use to build websites:

UX Tools - Design Tools Survey

Sketch is the clear frontrunner when it comes to tasks like:

  • User flows;
  • Wireframing;
  • UI design;
  • Prototyping;
  • Design systems.

But Figma isn’t too far behind in all these categories. The surveyed web designers also named it the tool they’re most excited to try and use in 2020.

If you’ve been looking to experiment with new tools for your business, give this short survey a read as there is some really interesting software on the list (that’s not all owned by Sketch, Adobe, or InVision either).

 

MDN Asks Web Developers to Express Their Top Frustrations

The MDN Web DNA Report 2019 is a long read. Since most of it is geared towards web developers (who were surveyed for it), I’m going to zero in on the bit I think web designers may find relevant:

MDN Web Developer Needs

When asked to rank what were the most frustrating “needs” of the web, web developers expressed a lot of anguish over cross-browser design and testing. Bug resolution, privacy and security compliance, as well as tool overload were top concerns as well.

Even if you’re not contending with the problems that go along with coding, these frustrations are really relatable. As for what you can do with them? While I don’t believe we can eliminate these frustrations altogether, I do believe that a greater awareness of what’s happening on the web and more open discussions with our peers will lessen the associated pains.

 

Salesforce Recaps 2019 Black Friday/Cyber Monday Results

For those of you who build websites for retailers and ecommerce companies, the annual data on Black Friday and Cyber Monday performance is one you can’t afford to miss. I realize it might only seem relevant for one month of the year, but you can actually learn a lot about where consumer trends are heading based on how sales performed over the holidays.

Here are some of the more pertinent bits from Salesforce’s summary of Black Friday and Cyber Monday:

  • Black Friday sales reached $7.2 billion in the U.S. (up 14%);
  • Cyber Monday sales reached $8 billion (up 11%).

A lot of this growth can be attributed to consumers’ growing trust in mobile shopping what with 73% of all digital traffic on Black Friday originating on mobile devices and 56% of all purchases made on mobile devices.

So, if you haven’t yet made the switch to mobile-first design or optimizing for mobile checkout, now is the time to do that.

 

Jason Dorsey Suggests Millennial $$$ Woes May Soon Be Over

Jason Dorsey, the president of the Center for Generational Kinetics, has predicted a positive change in the state of millennial finances in the next decade.

Why does he believe that this debt-plagued generation will finally see a turnaround? There are five indicators he references:

  1. As millennials move further away from college, they’ll have a better handle on managing their debt (if they haven’t wiped it out completely);
  2. Many millennials are about to hit peak earnings in their careers;
  3. “The Great Wealth Transfer” is anticipated (i.e. older generations passing on inheritances to millennials);
  4. As the job market strengthens and debt shrinks, millennials may finally feel confident enough to buy homes for themselves;
  5. The same goes for those who delayed marriage during uncertain times.

With more money to spend and confidence to spend it with, millennials are going to be a huge driving force in the coming years. And this will most definitely affect web designers.

You may encounter more millennial business owners with cash to spend. And you’re definitely going to be designing web experiences to cater to the millennial consumer base. So, understanding how they think, what they value, and how much money they have to spend is going to be critical for your future success.

 

Wrap-Up

That’s it for this month’s look at the latest digital news and research.

If you’re interested in staying on top of information that’s going to impact your work, be sure to tune into WebDesigner Depot every month for more data and report roundups.

 

Featured image via Unsplash.



Source link

Exciting New Tools for Designers, January 2020

We typically start the month with a roundup of new tools and resources for designers, but with the start of a new year (and new decade), we thought a roundup of things to help you get more organized would be appropriate.

Some of these tools have been around for a while with features you might not be using. Other tools are on the new side and offer great functionality. How many of these tools are part of your kit? Which ones will you resolve to use this year?

Here’s what you need to get organized this month and start 2020 off right.

 

Dropbox

Dropbox is one tool that’s hard to live without. Not only can you use it to manage files and share, you can also use it to run presentations directly with Zoom conferencing or in Slack. Free plans are enough to get started and upgraded plans provide greater storage capability for individuals or teams.

Working from multiple locations with desktop sync and sharing client files are features that make this tool something I use every day.

Feature you need to be using: Shared link expiration dates. When you share files via link, set an expiration date to ensure files aren’t hanging out with access indefinitely.

dropbox

 

Slack

Slack is probably a tool that you are already using, but are you making the most of it? Channels, hashtags, and integrations are the key to ensuring that Slack works for you in the way you need it. Take the time to set these up for an efficient, and organized, workflow across multiple teams.

Feature you need to be using: Sync Slack and your Google Calendar for real-time away statuses that work for you.

 

Cloud Libraries

We all work from a variety of locations—home, work, on desktops and laptops—so cloud-based libraries are a must. Save common files in a location that you can access from anywhere.

Feature you need to be using: Adobe Creative Cloud comes with a place to save libraries, but you can save and connect library files from any cloud-based tool.

 

Trello

Trello is a free organization and collaboration tool for just about any project. Think of it as a giant project checklist that allows you (or other team members) to keep an eye on how anything from a website build to planning a trip. It works cross devices and isn’t hard to figure out.

Feature you need to be using: Workflow automatons with due date commands and rule-based triggers to make tedious processes happen on their own.

 

Google Keep

Google Keep is the notetaking app you always wanted. Take notes from any device—sync across all devices—and share or keep notes to yourself. You can take notes by typing, with photos or audio (and it will transcribe messages for you). The best part is this notes app is free and pretty much makes anything else you are using obsolete.

Feature you need to be using: Location, and time-based reminders help keep you on task just when you need it.

 

Grammarly

Grammarly saves time and effort by checking your messages, everything from documents to website content to emails or social media posts, as you type. Use it to avoid embarrassing mistakes in your writing.

Feature you need to be using: Emojis help you track the tone of your message so that it’s on point and audience-appropriate.

 

ClickUp

ClickUp takes all your other apps and merges them into a single location and dashboard for easy organization. You can use it to manage your own workspace (free) or collaborate with teams (paid plan). There are multiple views—I’m a big fan of the list option—and templates help jumpstart using the tool.

Feature you need to be using: Use the messages option to create tasks or comments. Boom!

 

Filing System

Nothing beats a solid filing system. The key benefit of a system is that you store files and folders in the same way every time, making it easier to find things later.

I keep folders first by year. Within annual folders are folders by client name. Then by project name. When projects are complete, I end up with two folders: WORKING and FINAL. Use the same format for naming files. (I use Client Name-Project-Year.)

Feature you need to be using: Date project files. Relying on “date modified” settings isn’t enough if you resave an old file by mistake.

 

Invoicely

Invoicely makes it easy to work as a freelance designer. The platform is made for sending invoices, managing clients, and allows you to accept online payments. It’s secure and offers a free plan (as well as a paid option).

Feature you need to be using: If you are trying to get organized, time tracking tools help you know just what an individual client costs. You can enter time, expense per client, and mileage so you can get a realistic picture of revenue by project.

 

HelloSign

HelloSign is for anyone dealing with documents that need signatures. Send and sign online with a platform that’s secure and easy for users to understand. Plus, you can sign items right from common tools such as Gmail or other G-Suite apps.

Feature you need to be using: Store all your signed documents in the interface so you can find them later. (HelloSign will also automatically send reminders if someone hasn’t signed a form.)

 

Traditional Planner + Online Calendar

Pair a paper planner with your online calendar to keep track of tasks (paper planner as a checklist) as well as events and appointments (online calendar). Daily deadlines are best managed when you can jot them down and check them off throughout the day. Plus, that note is right in front of you to stay focused.

Feature you need to be using: Try a weekly paper planner, tear off sheets, or a dry erase board for task management that doesn’t seem overwhelming.

 

WeTransfer

WeTransfer makes sending large files a lot easier. There’s nothing worse than a file getting lost in cyberspace because it’s too big for email. WeTransfer allows you to send and receive big files with just a click. (And you don’t have to have an account to download files.)

Feature you need to be using: Integrate WeTransfer with other tools such as Slack, Sketch or Chrome for direct sharing from wherever you are working.

 

JotForm

JotForm is the ultimate tool for creating any type of online form, from simple surveys to signups to payment collection or image uploads. The service has free and paid plans, depending on usage and everything is customizable, so forms can be branded with ease.

Feature you need to be using: PDF Templates are ready-made forms for everything from a simple invoice to contracts or photo waivers. Start with a PDF and tweak as you need. Plus, you can set it up to be filled out digitally and returned to you. This is a huge timesaver, and you can save custom forms in your account to use over and over again.

 

Featured image via Unsplash.



Source link

Less is (Almost) Definitely More: An Introduction to Hick’s Law for Web Designers

Hick’s Law describes how the number of choices you present to people affects the time it takes them to respond. This has important implications for UX and UI design, driving important metrics like bounce, engagement and average time on page.

Imagine the public excitement when, in 1951, William Edmund Hick (“Hickey” to his friends?!) and Ray (with an “a”) Hyman published research about people’s responses to a bunch of flashing lights. I’m sure no-one could imagine how important this work would be for the information age since, of course, at that time, a bank of flashing lights was pretty much the height of technological sophistication.

More accurately known as the Hick-Hyman law, their research draws the (not really earth-shattering) conclusion that the more options you have to choose from, the longer it takes you to choose — we’re still waiting to see what they thought about the wetness of water.

Yes, alright.

There are, in fact, some really important implications of this law. It touches disciplines as diverse as Aviation, Self Defence and, of course, Web Design. Here’s how it works:

 

What is Hick’s Law?

In simple(ish) terms, Hick and Hyman both found that, when people are presented with more choices, the increase in their response time is logarithmic. This just means that, as the number of choices increases, the response time increases at a decreasing rate. In the end, increasing the number of choices stops making much difference. 


Don’t panic, here’s a picture:


image1

You can think of the horizontal axis as the number of items to choose from, and the vertical axis as time. Notice, that for 1 item, the choice time is 0. Adding more choices makes a big difference in the beginning, but much less towards the end.

This law really only applies for sorted lists and tends to break down as choices become more complex, as we’ll see.

It actually describes a kind of binary search. Those of you who got further in computer science than I did will recognize that this means half of the remaining items are searched at a time. The remaining half is subdivided, one half of it is searched and so on. In human terms, it’s like narrowing down the search of, say a buffet table, by deciding if you’re going to start on the right or left. Then, having chosen the right side, deciding whether to start with soup or salad.

The law applies equally to the number of stimuli (say, menu items) and the number of responses. So a menu like this:

image2

will take more time to process than a menu like this:

image3

If you can’t break down the choices logically (because the list is random, for example), searching in a binary fashion won’t help. This is also true in situations where you’re familiar with the interface, or guess (correctly) in advance which choices you’ll be offered. These, then are exceptions to Hick’s Law.

It doesn’t really apply, for example, when deciding “how to manage your time”…

image4

Time Management Choice by Jean-Louis Zimmerman via Flickr.

 

Relevance to Web Design

Here’s a simple rule: The longer it takes to make a choice, the easier it becomes to make no choice at all. Don’t be that designer! Most of the time, less is more.


There are four performance metrics that are strongly affected by Hick’s law:

  • Bounce
  • Engagement
  • Average Time on Page
  • Subjective User Experience


If you’ve got your UX head on, you’ll realize, of course, that each of these affects your traffic, search ranking, and ultimately — if it’s a money-making business — revenue. Let’s look at each in turn:

Bounce

The big problem here is information overload. If you arrive on a landing page and see something like this:

image5

You “might” start by trying to make a decision about where to go next, but pretty soon you’re going to just, err… go. This is one good reason why less is more.

Engagement

Users don’t want to be faced with tough decisions or to spend a lot of time getting through things like registration. They want to get to the content they’re looking for as fast as possible. If your sign up process looks like this:


image6

You’d probably be better off with something like this:


image7

Even if you then go on to ask them more information, you can do it in small chunks. If not you risk losing people halfway through.

Average Time on Page

This is one situation where less may not be more: the more items you have on the page or in a menu — as Hick’s law tells you — the longer they’ll spend on it. The gamble is that having too many items will risk a bounce.

Subjective User Experience

In many ways, what users say or feel about their experience is more important than any hard metric. Take frustration for example. If you’ve never seen “User Inyerface” and/or never felt frustration, try it, it’s hilarious. And also not.

From a Hick’s law point of view, User Inyerface illustrates three really important things:

  • If you can’t find an option, it doesn’t count as an option.
  • Unless you use a consistent method for identifying potential choices (a mouse-pointer change or relevant label, for example), everything becomes a potential choice!
  • Frustration is a powerful driver to abandon any activity, no matter how much you might want to complete it.

Chances are you’ll spend a couple of minutes on that site (great for AToP and Bounce) but never, ever, go back again.

 

Important Uses for Hick’s Law

Hick’s law is powerful but doesn’t apply in every situation. As a web designer, you can exploit both these facts to your advantage.

Group Menu Items Together

Using meaningful headings: product categories, for example, turns one massive choice into lots of smaller ones:


image8

Decision times will be shorter, and your users will get a fast, breezy experience.

Consider Contrast

By using contrasting color, shape, size and texture, you can indicate choices more clearly. As well as a way of grouping similar or important options, this uses familiarity to decrease response times and improve user experience. A good example of this is in guiding users towards “safe” options to help them avoid negative outcomes.

Think About Goals

Remember that the decision-making process always begins with a goal. Understand the most likely goals of your users. When ordering and grouping menus, think about how users will segment their choices. WhatsApp, for example, offers 5 “Frequent Contacts” before presenting an alphabetical list.

image9

Research and Test

Don’t leave it to chance. Find out what works for other sites, and, more importantly for your users before going live.

 

Exceptions to Hick’s Law

Exceptions to Hick’s law, aside from long, unordered lists (which you want to avoid at all costs), involve cases where there is familiarity, and users can guess what’s coming next.

Meet Expectations

There are clear conventions for things like buttons, links, information hierarchy and standard icons. By adhering to these conventions you’ll allow your users to break Hick’s Law and save time in their decision making, even when there are a lot of options.

Don’t Forget Your Users

You know your site or application really well so, in testing your own work, your experience will be much smoother than theirs. Get other people to test it for you before the client does.

 

Key Points

Hick’s Law means that the more choices you offer to your users, the longer it will take them to pick one. In a web design context, long choice times tend to mean higher bounce, lower engagement and more user frustration. That’s why, in general, less is always more.

The law is based on binary choice, so it’s important to segment the choices you present, and order them in clear, logical, user-centered ways. This will help to break large menus up into smaller “sub choices”. You can find creative ways to do this with things like color, shape and texture.

Where average time on page is concerned, there’s a balance to be struck between decreasing choice time, and holding attention. Realistically, though, UX is more important than metrics.



Source link

Exciting New Tools for Designers, December 2019

As you are shopping this month for others, why not find a few goodies for yourself? Our roundup of new tools and resources is packed with usable items. And most are free, so there’s no shame in trying out something for yourself. Here’s what’s new for designers this month.

 

CSS Background Generator

CSS Background Generator gives you the tools – and code – to create an interesting animated background for digital projects. Demo 1 uses a fun web design trend with circular blobs with adjustments for color, size, and speed. Once you get the background set up in a way that works for you, show the code and copy it to your projects. Thanks go to Vincent Will for making a tool that functional and easy to use.

 

CameraBag Pro

CameraBag Pro just reinvented itself with a new release and features, making it a robust choice for photo editing. The Mac app is packed with editing tools and intuitive adjustments and custom presets (this might be one of the best features since you can instantly preview each before applying it). The tool works for photos and videos with styles that work for both types of images and batch processing tools (watermarks, resizing, and cropping). This is a robust image editing tool that makes quick work of adjusting images. This is a premium app, but one of the least expensive photo/video editing tools out there.

 

CodersRank

CodersRank creates a 360-degree coder profile based on the public and private data you hold on various coding sites. It creates visual charts that you can use to show off your credentials to potential clients or employers (or figure out what you know in relation to others in the industry). The site also includes learning tools and a job board.

 

Advent of Code 2019

Advent of Code is a seasonally-appropriate Advent calendar of programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language. Use them as a speed contest, interview prep, company training, university coursework, practice problems, or to challenge each other. There’s even a leaderboard to help you keep up with others.

 

Pantone Color of the Year: Classic Blue

Pantone’s Color of the Year for 2020 is 19-4052 Classic Blue. It’s a hue that’s probably a staple in many of your projects. Here’s how Pantone describes it: “Instilling calm, confidence, and connection, this enduring blue hue highlights our desire for a dependable and stable foundation on which to build as we cross the threshold into a new era.” This is one of the times that the color of the year has featured a color that is such a common one. The just released color guide includes swatches and tools in this classic color for 2020.

 

Wooof

Wooof is just for fun. Instead of spending time looking for cat videos in your downtime, you can spend it looking at the “internet’s biggest collection of open source dog pictures.” You can browse, save favorites and even look at the source code and API. Be prepared to get lost in this rabbit hole.

 

Realistic 3D Photo Cards

Realistic 3D Photo Cards is a pen by Jouan Marcel that uses hover effects and Vue.js to create cool cards that animate and move in a space with depth on hover. The motion is simple and realistic; you’ll want to fork it.

 

JetOctopus

JetOctopus is a tool to help you navigate technical SEO. It’s a SaaS crawler and log analyzer that helps you find website problems and prioritize solutions to improve your online presence.

 

The Svelte Handbook

The Svelte Handbook is a starting point for anyone who wants to learn about this newer web framework for building apps. Author Flavio Copes says: “The ideal reader of the book has zero knowledge of Svelte, has maybe used Vue or React, but is looking for something more, or a new approach to things.” And the guide is 100 percent free. So, get reading.

 

Universal Color Convertor

Universal Color Convertor is a Mac app that converts colors from HEX/RGB/HSL to other formats and code snippets (CSS, Swift, Java, C#, and Dart).

 

Slack Cleaner

Slack Cleaner can clean all the unused and space-eating files in your Slack account. It makes it easy to find and delete unwanted files with bulk delete functionality.

 

Terms and Conditions Generator

Terms and Conditions Generator helps create a professional and customized document that’s been designed by an international legal team. It works in eight languages and includes more than 100 clauses to work with.

 

CSS Scan

CSS Scan is a browser extension that lets you copy the CSS of an element on any website. It’s taking website inspection to the next level and works on pretty much any website, regardless of what it’s built on. The best part is that it even works with animation code by visualizing keyframe CSS without having to search through source code.

 

Botfront

Botfront is an open-source tool to build chatbots on top of the Rasa library. Design and implement conversations with a single step. You can run it on your laptop or servers. Plus, there’s plenty of documentation to guide you along.

botfront

 

StackShare API

StackShare API, a tool to get insight into the backend technologies a company uses, is still in beta and has a lot of potential application. (API scraping tools seem to be growing in popularity by the day.) Use it to build better custom profiles, generate leads, and learn about industry trends.

 

Webiny

Webiny is a serverless app form builder that works for creating simple and complex forms. Use it to create custom forms and validators, track revisions to forms, use the integrated ReCAPTCHA, integrate other apps, and manage submissions. Plus, everything works in an easy drag and drop interface.

 

Kampsite

Kampsite helps you get feedback from customers and website owners so you can make adjustments that they want with your product or design. Once a log starts, it’s easy to share ideas, upvote popular requests, and engage with users. The tool installs with just a couple of clicks and can help you create beter web experiences.

 

GooFonts

GooFonts is a tool that tags Google fonts for easy search using keywords, variants, and subsets. What’s cool about this project is that it can take some of the hassle out of finding the right Google Fonts in a quick and easy way. It just takes a couple clicks to return results that have the look you want with examples.

 

Reborn Display

Reborn Display is a vibrant handwriting style display typeface. The style is readable and just a little bit funky. It includes upper- and lowercase letters and ligatures.

 

Snowballs

Snowballs is perfect for a December roundup with a holiday theme. Each character includes snowflakes around the design and fun swashes and tails for end letters. It includes upper-and lowercase letters and numbers.

 

Snow Kei

Snow Kei is another winter-themed typeface with snowflakes in the letter shapes. It is a fun option for holiday-themed projects. The display font includes 156 characters.



Source link

Exciting New Tools for Designers, November 2019

There’s a lot of fun packed into the roundup this month with a couple of design games, delightful fonts and animations, as well as design tools that can make your life easier.

You’re sure to find some tools and resources that will help you save time as we enter what is often one of the most hectic seasons of the year. Here’s what’s new for designers this month.

 

Screen Size Map

Screen Size Map is a tool to showcase popular screen sizes and will even auto-detect yours. Map sizes by device type, usage, size, and popularity. This can really come in handy when thinking about viewports or breakpoints in design projects. You might also be surprised to see what screen sizes are the most (or least) popular.

 

Lordicon

Lordicon is a collection of free and premium animated icons in GIF and JSON formats. Each icon has a fun line style and can be customized to match your color palette. You can also adjust size, stroke width, and animation player type — automatic, hover, click, or morph. Every icon is scalable and compatible with all major browsers. This is a fun animated icon kit for projects built on the Lottie engine.

 

Free Bootstrap Templates and Themes

Free Bootstrap Templates and Themes is a library of free (and premium!) design elements to jumpstart projects using Designmodo’s Startup App. These tools are great starters that you can use as is, or edit in the app to create landing pages, SaaS, admin pages, presentations, and e-commerce websites.

 

Inspect This Snake

Inspect This Snake is a fun goodie by Matthew Rayfield. Go ahead click it and play around. You might even learn something about how he put it all together.

 

FYI: Free Resources for Freelancers

FYI: Free Resources for Freelancers is a collection of tools to connect all the apps for sharing and storing information. It works as a Chrome extension and allows you to connect all your free tools for better workflows. “With FYI every document you’ve created and that’s been shared with you will be accessible in just a few clicks. Your documents will be automatically organized so you won’t be checking each app and account to find what you’re looking for. They’ll all be in one place.”

 

Spectrum

Spectrum is Adobe’s design system and the company recently released these components and tools to the public. You can even use the Spectrum CSS, which is open source, in conjunction with the guidelines from Adobe. Even if you don’t plan to use it, this is a neat look into the design system and how Adobe thinks about the look and feel of its products. (And while it doesn’t look all that detailed at first glance, the system is rather extensive.)

 

Dashdash

Dashdash is a spreadsheet tool that allows you to access business data and APIs, send emails, and more with a traditional spreadsheet online. You don’t need to code to design tools and information. Plus, it integrates with other tools to make your work easier.

 

Can You Draw a Perfect Circle?

Can You Draw a Perfect Circle? is a browser-based game that you might find yourself obsessing over. (I really wanted to draw a perfect circle, but it never happens.)

 

Open Doodles

Open Doodles is an animated collection of hand-drawn illustrations for projects in SVG, PNG, and GIF formats. Use the generator to change the colors and styles to create a semi-custom pack.

 

Claro

Claro is a nifty to-do app that’s open to invites. It features a simple design that’s supposed to be distraction free so that you focus on things you need to get done, not the design of the tool.

 

Tartan Patterns

Tartan Patterns is a collection of more than 5,000 repeating SVG and PNG images. (Seems like the perfect pattern for fall.) Everything is grouped by name in alphabetical order. Warning: It is easy to get lost in looking at all the patterns.

 

Blocke: Social Web UI Kit

Blocke: Social Web UI Kit is a set of 30 components designed for social feeds. The freebie is a preview for a bigger set if you like what you see.

 

CursorOS

CursorOS is a Figma-read (Sketch coming soon) collection of original macOS cursors that you can use in design systems, projects, user flows, UI kits, prototypes, and more.

 

Tutorial: Designing Accessible Color Systems

Designing Accessible Color Systems is a look at how Stripe has worked to improve color contrast and accessibility in its design projects. The lesson is reflective of recent changes to the brand’s color palette to make it more accessible. It’s a good lesson in modern color theory.

 

Izmir Hover Effects

Izmir Hover Effects is a mini CSS library that helps you create customer effects. Load the library to your project, add the element markup and style classes, and you are ready to go.

 

8b

8b is a website builder based on Google AMP. Use it to create modern designs on a fast, responsive template. It’s free to build on and includes plenty of templates for quick builds. You can also link a domain and every site includes SSL/HTTPS.

 

Hexometer

Hexometer uses artificial intelligence to scan over 2,800 data points on your website to make sure your digital assets are in pristine condition. It will also give you tips and tricks on how to improve your website hygiene.

 

FontPairings.ByPeople

FontPairings.ByPeople allows you to pop pairs of fonts onto the screen with just a click to see how they look on different website theme templates. Swap headings and text elements and mix and match pairs to find a typography palette that appeals to you.

 

Antique Cherry

Antique Cherry is a lovely novelty script with nice lines and great curves. It’s available for personal and non-profit use and includes a full character set.

 

Glitch Esports

Glitch Esports combines two trending elements, glitching design and esports in a single typeface. Try it for a fun display option.

 

Grifter Bold

Grifter Bold is a round versatile font in all caps and lowercase that can work great for display options. (Only the bold version is free.) It includes a full character and number set with some extra glyphs.

 

Les Paul

Les Paul is a fun novelty display font with lots of options to create interesting combinations of text elements. All of the characters are uppercase and there is a small fee for commercial use.

 

Recursive

Recursive is a variable font in beta that will soon be added to the Google Fonts collection. It includes a sans and mono option and is a five-axis variable font. Use predefined styles or adjust proportion, monospace, weight, slant, and italic to take full advantage of the variable font technology. Everything is in one font file.

 

Salveation Serif

Salveation Serif is a nice display, uppercase font with fun lines and a vintage feel. The font includes letters, numerals, and unlimited punctuation.



Source link