7 Skills You Need To Thrive As A Web Designer In 2021

Original Source: https://www.webdesignerdepot.com/2021/04/7-skills-you-need-to-thrive-as-a-web-designer-in-2021/

Web design is an ever-evolving field. Those of us that have been in the industry a long time (i.e., six months plus) have seen the launch of more products, the establishment of more ideas, and the promise of more growth than most industries see over a whole career.

While the tools we use, the terminology we employ, and the goalposts we shoot for are constantly changing, core skills are transferable and long-lasting and will ensure you not only survive in the industry but thrive in it.

These skills are characteristics that you can learn, that will help you grow in 2021, 2022, and beyond.

1. Decision Making

Life is a series of decisions, from which pair of socks to wear to which crypto to store your life savings in. Each of us has a finite amount of decision-making fuel in the day — the more decisions you make, the sooner you reach decision fatigue.

Most people burn their decision-making fuel by second-guessing themselves; they make a decision and then remake the same decision over and over as doubt creeps in.

The ability to make a decision, and stick to it, separates those people who still have the fuel to make strategic decisions after close of business and those people who can’t decide what to have for dinner.

2. Clarity of Purpose

It’s never a bad idea to brush up on design fundamentals. From color theory to typography to UI and layout, these core skills are not only beneficial to your design practice, but they help you think about design on a higher level.

Too often, designers fail to see the wood for the trees, focusing on the project at hand instead of a wider picture. The wider picture doesn’t mean your portfolio; it means the whole history, culture, and design context.

Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth

Despite the term, design fundamentals aren’t universal; they’re personal to you. For example, should you pair a script with a serif? Your answer is probably, “it depends” because you’re an awesome designer; my answer is “no,” because, for me, that is a design fundamental.

Design fundamentals can be limiting, but by providing default answers to common questions, they also free you to consider larger questions about what you’re doing and why, which leads to clarity of purpose.

Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth.

3. The Holy Trinity

The holy trinity in web design is HTML, CSS, and JavaScript. Learn what they are and what they do.

You need to understand them well enough to hold an intelligent boardroom-level conversation about them. You don’t actually need to know how to code them — although I’ve never actually met someone who knew enough about their roles to hold a strategic conversation, who didn’t also know how to code them from scratch.

I’m not talking about frameworks, libraries, or the latest build tools. Those things are just macros for coders. I’m talking about understanding the building blocks of a site, so if someone asks you whether you really need the company logo in the site footer, you can answer, and back your answer up with facts.

4. Simple Presentation

No matter what field of design you’re in, you’re going to need to present your ideas to someone who doesn’t share your knowledge. Whether you’re explaining the basics to a client or explaining your decision-making to a colleague, presenting your ideas simply is the best way to be heard.

a pitch is most effective when you exclude extraneous detail

Often, a persuasive presentation utilizes the less-is-more approach. Just as a design is finished when you’ve removed everything unnecessary, so too a pitch is most effective when you exclude extraneous detail.

Often you’ll find metaphor useful, especially if you have a passing knowledge of the person’s own area of expertise because it translates a concept into a format the person understands and is comfortable with.

“We should…because it will improve [a metric] by approximately…%” is often the most welcome language. If the person you’re selling your decision needs more detail — and they probably don’t need to know details, that’s what they have you for — they can ask.

5. Strategic SEO

SEO (Search Engine Optimisation, for the two people in the world who don’t know what that acronym stands for) is a vast field with as many sub-divisions as there are UX job titles.

There are various branches of SEO that a site needs to consider. Technical SEO is the stuff that coders do; if you’re not a coder, you can ignore that. Content SEO is the stuff that marketers do; if you’re not a marketer, you can ignore that. Strategic SEO is a macro-view of a site’s plans; everyone on every project should understand strategic SEO.

Strategic SEO covers topics like landing pages, single-page sites, whether a blog is necessary, how, if at all, social media is employed. Strategic SEO feeds all other branches of SEO. It is so fundamental that it informs the earliest decisions about a site. If you want to do more than make things look pretty, learn more about strategic SEO.

6. A Second Language

You’ve probably noticed by now that the web extends beyond your town limits. It’s a global force, which means billions of people who don’t speak the same language.

If you’re not a native-English speaker, then it’s a no-brainer to learn a little English. You don’t need to be fluent; you certainly don’t need to be poetic, but the vast majority of documentation, GUIs, blog posts, forums, conferences, and the Web itself are in English, and translation code only gets you so far.

If you are a native English speaker, then learn something relevant to your region or the industry you specialize in. It doesn’t really matter what you learn; picking up a language, and culture, makes you a more rounded human being. And provided you don’t pick something obscure, you’re opening yourself up to millions or even billions of users you were previously missing out on.

7. Saying, “No.”

It doesn’t matter whether you’re a freelancer sofa-diving for spare pennies to meet the rent or a seasoned in-house designer with targets to meet; everyone struggles to say, “no.”

The fear is that if we decline a project, or a feature request, that we won’t be asked next time; eventually, we’ll be passed over for all projects until we have no career left.

The problem is that we only have so many hours in a day. If we do too much, we end up doing it badly, so there have to be limits. Every time you say “yes,” you’re increasing the chances that you will have to say “no,” to a future opportunity that’s great for you.

By all means, decline gracefully. Do it politely. Be kind. Offer to refer the client elsewhere. But it’s better to say “no” than to have to say “no” to the perfect project because you’re over-stretched.

 

Featured image via Unsplash.

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 7 Skills You Need To Thrive As A Web Designer In 2021 first appeared on Webdesigner Depot.

The best art easels in 2021

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/49172TjsEeY/best-art-easels

Find the best art easel for your needs, whether you’re a beginner or a professional painter.

Forget the iPhone 13 – Apple's iPhone 14 sounds unbelievable

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/Z3rpq-Fo3GA/iphone-14-a15-chip

Let the rumours commence.

15 Useful Tools & Resources Worth Checking Out

Original Source: https://www.webdesignerdepot.com/2021/03/15-useful-tools-resources-worth-checking-out/

As a web designer, you face plenty of challenges, both good and bad. One of the bad ones is to suddenly find out that you’re either in danger of missing a client’s deadline or will be unable to meet it at all.

A missed deadline could be due to something beyond your control and no fault of your own. There are measures you can take to avoid what you do have control over. Such as not having the right design tool or design resources to do a task that has to be done.

An ounce of prevention can definitely be worth a pound of cure in this case. Before starting a project, make sure the tool or tools you will be using will be up to the task.

The 15 design tools presented here are the tops in their respective categories. You should be better able to handle whatever is thrown at you.

1. Be Theme

Its more than 200,000 sales to date have certainly established the BeTheme multipurpose WordPress theme as an all-time favorite among web designers.

In truth, “multipurpose” doesn’t do BeTheme justice. Users might argue that “all-purpose” would be a more accurate description.

Be’s 40+ core features give web designers plenty to work with in terms of page-building tools, design aids, design options, and special effects.

Most notably:

The Muffin Builder, which when used with other core features, makes building a website quick, easy, and coding-free;
The Admin Panel/Shortcode Generator combo gives all the flexibility designers need;
BeTheme’s 600+ customizable pre-built websites could well be the star of the show. They cover 30 business sectors and all the popular website types, they are customizable, responsive, and feature cool UX features, and they can get any project off to a rapid start.

Click on the banner to learn more about Be’s other core features.

2. Timezy Booking Software

Timezy will help you create a booking environment that works best for your business by allowing clients and customers to book your services as easily as possible. You can then integrate Timezy into your website to streamline and speed up your booking operation.

Clients and customers can book appointments online 24/7;
They can receive real-time email notifications and reminders;
Timezy can be integrated with Zoom;
You can reorder steps on the booking form to fit your needs;
Timezy can be used to manage employee assignments and schedules, vacations, and special days.

If you lack a website of your own, Timezy will provide you with a modern web page you can customize to fit your brand for clients to book appointments at any time.

3. wpDataTables

wpDataTables is the top-selling and most powerful WordPress table and chart-building plugin on the market. There are other good ones, but their table and chart-building capabilities quickly become inadequate as you go down the list of what wpDataTables can do that most others cannot.

wpDataTables key features and capabilities:

The ability to create interactive and responsive tables and charts;
The ability to create frontend editable and easily maintainable tables and charts;
The ability to rapidly process massive amounts of data that come in various formats and from various sources;
The ability to build tables and charts using real-time data.

You can also brighten up or improve a table or chart’s readability by highlighting or color-coding key information.

Click on the banner to find out more about what this plugin can do for you.

4. LayerSlider

LayerSlider is not for sliders only. This multipurpose WordPress tool can also be used to create eye-catching animations and engaging content.

Add a little spice to a stale website;
Create popups with stunning effects to interact better with visitors;
Avoid coding, since LayerSlider is drag and drop.

This popular design tool has been assisting web designers for nearly a decade and serves millions of active monthly users.

5. Amelia Booking Plugin

Amelia is a user-friendly WordPress booking plugin you can use to manage your appointments and events on a single platform.

Clients can instantly book, change, or cancel appointments online 24/7;
Employees and customers can manage meetings, appointments, and events from their own dashboards;
Amelia can be integrated with Zoom to conduct training or consultation sessions;
Amelia can also create packages of services with discounts and validity periods.

Amelia can service multiple business locations.

6. Uncode – Creative Multiuse & WooCommerce WordPress Theme

With its more than 80.000 sales to date, Uncode has become one of ThemeForest’s all-time best sellers.

You can create custom layouts and designs with Uncode’s Dynamic Content feature and use them as templates for category pages;
Uncode features the WooCommerce Product Builder, custom Checkout, Cart, My Account, Quick-View, etc.

Uncode has a comprehensive library of tutorial videos and a showcase of user-created websites that is well worth visiting.

7. Total WordPress Theme

Created with perfection in mind, Total is nonetheless an extremely user-friendly WordPress theme.

This drag and drop website building tool’s extreme flexibility allows users to create any type or style of website;
The WPBakery page builder is accompanied by an assortment of custom modules;
Total is RTL and Translation-ready and easily integrates with WooCommerce;
Total is developer-friendly.

Click on the banner to learn more.

8. Dr. Link Check

Dr. Link Check saves you the inconvenience of having to periodically conduct a manual search of your site for broken links.

Dr. Link Check inspects for:

Broken links and improper URL formatting;
Blacklisted malicious content links;
Websites that do not contain any valuable content, including ad-only sites.

Dr. Link Check publishes downloadable daily, weekly, or monthly reports.

9. Mobirise Website Builder

Mobirise is not only a top tool for creating fast, responsive, user-friendly websites. It also has the advantages of being offline. Mobirise is also free.

Factors that contribute to Mobirise’s excellent performance include:

Google Amp and Bootstrap 4 frameworks;
Professionally-crafted website templates, popups, sliders, and eCommerce features;
Mobirise is all drag and drop.

Click on the banner to download your very own copy.

10. 8b Website Builder

When a website builder is fast, free, responsive, user friendly, and Google-friendly as well, it is certainly worthy of consideration.

The 8b website builder:

Allows you to create websites at home or on the go on any device;
Features templates and website sections designed to get projects off to a rapid start;
It gives your site a Google ranking with a couple of clicks;
It can be hosted wherever you want.

Download your copy now.

11. WHATFONTIS

WhatFontIs, with its database of more than 700K commercial and free fonts and font-finding AI functionality enables you to identify fonts from images you upload.

This top-of-the-line font-finding tool:

Identifies an uploaded font 90% of the time;
Gives answers in seconds;
Identifies cursive fonts (the letters in the image must be separated);
Displays 60+ similar fonts for each uploaded image.

12. Litho – The Multipurpose HTML5 Template

Litho is a responsive multipurpose Bootstrap 4 HTML5 template that gives startups, design agencies, and other businesses an ideal website-building starting point.

Litho’s features include:

Cool selections of ready-made home pages, inner pages, and template blocks;
Page styles for portfolio, shop, and blogging sites;
Sliders, banners, forms, and other creative design elements.

Litho offers 5-star professional support.

13. XStore – The Most Customizable WooCommerce Theme Ever

XStore may be the best tool anyone could have at their fingertips when looking for a fast and easy way to create a high-performance eCommerce website –  for only $39.

XStore’s key features include:

100+ customizable ready-to-go shops;
$500+ worth of premium WordPress plugins;
A Single Product builder and a Header builder.

14. Goodiewebsite

GOODIE’s web development platform assists clients who are eager to get a professionally-coded website quickly up and running.

GOODIE’s services focus on:

Web designers seeking a development partner;
Startups looking for ways to test their ideas and concepts;
Small businesses seeking an online presence or improvement of an existing one.

GOODIE’s specialties include 1-10 page, WordPress, and eCommerce websites.

15. Heroic Inbox

There are several excellent reasons for letting Heroic Inbox manage your business’s departmental email inboxes.

They include:

Encouraging efficient staff collaboration on email assignments and responses;
Helping staff members accomplish and maintain Inbox Zero status;
Tracking key team performance metrics.

Two key Heroic Inbox features are its smart workflows and a fast and friendly UI.

Every web designer owns a toolbox of tips and tricks they use in their website building projects. Even when a toolbox is superbly stocked, it is always challenging to keep it up to date. Doing so requires maintaining a knowledge of the latest and greatest web design resources and tools—some of which you may need to meet ever-changing industry demands.

This article features the top tools & resources for designers and agencies for 2021. Choosing one or more of them could not only help you stay on top of your game but could even make your day.

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 15 Useful Tools & Resources Worth Checking Out first appeared on Webdesigner Depot.

Muko© Los Angeles Branding & Web Design

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/2qcW9e6Ncwc/mukoc-los-angeles-branding-web-design

Muko© Los Angeles Branding & Web Design
Muko© Los Angeles Branding & Web Design

abduzeedo03.30.21

Vitali Zahharov shared a really stylish branding, product and UX design for Muko© Los Angeles. Vitalin hasn’t shared much information about the project, but we really love the overall look and feel with the beautiful typography and layout compositions. The project was commissioned by MODDEN

Image may contain: cartoonImage may contain: template and businesscardImage may contain: cartoon and illustrationImage may contain: poster and smile


Introducing abdz.do iOS app

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/iXleRySNkn8/abdz_ios_app

Introducing abdz.do iOS app
Introducing abdz.do iOS app

abduzeedo03.30.21

I created Abduzeedo in 2006 as a collective of individual writers sharing articles about design, photography, and UX. Initially launched as a personal blog, Abduzeedo later grew to become a digital publication with several writers from all over the world, working independently.  Founded with the main goal of sharing inspiration, the blog (as we call it) has been offering its curation free of charge sustained by the placement of advertising. As the digital world evolves we continue our evolution in tandem with a vision to always deliver content in the best way possible. Today, we are proud to introduce our iOS app. With it you will be able to enjoy our daily, curated content on your iPhone and iPad without any pesky ads.

Download it now on the ? App Store


Distributed Letters Animation Layout

Original Source: http://feedproxy.google.com/~r/tympanus/~3/v6oHNoIFsaE/

A while back I stumbled upon this great Dribbble shot by Seth Eckert. I love that letter effect and so I was thinking about a layout where I could incorporate this kind of animation.

After playing around a bit, I thought that a layout that allows for opening a panel would be interesting. So here it is; a little layout with a distributed letter animation on hover. When clicking, the letters will move to their respective place in the panel and the other elements will animate in.

I really hope you like this and that it comes in handy.

Thank you for checking by!

The post Distributed Letters Animation Layout appeared first on Codrops.

Adobe Creative Cloud discount: All your favourite creative apps for less

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/kr2s2pnzcZk/adobe-deals

Today’s best CC deals.

Collective #654

Original Source: http://feedproxy.google.com/~r/tympanus/~3/ujRA7ZrOBI4/

Collective 654 item image

Inspirational Website of the Week: Pam

Clarity and beauty combined with wonderful colors. Our pick this week.

Get inspired

Collective 654 item image

The Component Gallery

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.

Check it out

Our Sponsor
10% Discount: One License. Complete Access. Unlimited Websites. Unlimited Users.

Join 767,154 customers and get access to Divi, Extra, Bloom, Monarch and more. Power your entire team and build unlimited websites. The ultimate WordPress toolkit awaits.

Check it out

Collective 654 item image

Accessible Text Labels For All

Sara Soueidan writes on improving eCommerce experiences for screen reader users without breaking them for speech-input users. Also, watch her great talk Applied Accessibility.

Check it out

Collective 654 item image

How to Improve CSS Performance

Learn the most common speed issues caused by CSS and how to avoid them. By Milica Mihajlija.

Read it

Collective 654 item image

Building a Settings component

A foundational overview of how to build a settings component of sliders and checkboxes. By
Adam Argyle.

Read it

Collective 654 item image

A Complete Guide To Accessible Front-End Components

In this part of the Smashing Magazine series on useful tools and techniques for designers and devs, Vitaly Friedman looks into reliable accessible components: from tabs and tables to toggles and tooltips.

Read it

Collective 654 item image

Garet Font

A beautiful presentation for the Garet font family. A modern geometric sans serif font with two free weights.

Check it out

Collective 654 item image

SVG Explained in 100 Seconds

A super-cool video explaining SVG and how it differs from other image formats.

Watch it

Collective 654 item image

Cryptocurrency 3D Illustrations

A free cryptocurrency royalty-free 3D illustration pack from Iconscout.

Check it out

Collective 654 item image

The End of AMP

Dwayne Lafleur shares some interesting news and insights about the failure of Accelerated Mobile Pages (AMP).

Read it

Collective 654 item image

Animating Underlines

Michelle Barker shares some fantastic tips about underline styles and animations.

Read it

Collective 654 item image

Handling Text Over Images in CSS

Learn how to handle text over images in CSS by taking accessibility in mind. By Ahmad Shadeed.

Read it

Collective 654 item image

Image Fragmentation Effect With CSS Masks and Custom Properties

Temani Afif explains how to code a creative image fragmentation effect with CSS magic.

Check it out

Collective 654 item image

Why skip-links are important for accessibility

Learn why skip-links play an important role in making a website accessible for everybody and how you can implement them consistently.

Read it

Collective 654 item image

Good, Better, Best: Untangling The Complex World Of Accessible Patterns

Carie Fisher helps with the question on how we know which patterns are good, better, best when it comes to accessibility.

Read it

Collective 654 item image

Baserow

A Self hosted open source online database built with Django and Nuxt for creating your own database without technical experience.

Check it out

Collective 654 item image

Clone Wars

100+ open-source clones of popular sites. The list contains source code, demo links, tech stack, and Github stars count.

Check it out

Collective 654 item image

Building Dark Mode

Robin Rendle gives great insight into how Dark Mode was pulled off at Sentry.

Read it

Collective 654 item image

Taming Blend Modes: `difference` and `exclusion`

Ana Tudor takes a close look at the ‘difference’ and ‘exclusion’ blend modes and shows some use cases.

Read it

Collective 654 item image

Sorted CSS Colors

A fantastic tool that sorts CSS colors by their hue, saturation and lightness. By Mustafa Enes.

Check it out

Collective 654 item image

Now THAT’S What I Call Service Worker!

A great article about the power of the Service Worker API and how to get the best out of it practically. By Jeremy Wagner.

Read it

Collective 654 item image

Making the slowest ‘fast’ page

Can you make a webpage which gets 100 score in Lighthouse and passes all the Core Web Vitals and still feels slow? Barry Pollard gives it a try.

Read it

Collective 654 item image

Transition.css

In case you didn’t know about it yet: Drop-in CSS transitions with clip-path.

Check it out

Collective 654 item image

Scrollycoding (Preview)

Watch this new way to write code walkthroughs for blogs or docs. By Rodrigo Pombo.

Watch it

Collective 654 item image

security.txt

A proposed standard which allows websites to define security policies.

Check it out

Collective 654 item image

Photo Tear

A really awesome photo gallery by Steve Gardner.

Check it out

Collective 654 item image

Progress Nav with IntersectionObserver

Bramus shares Anders Grimsrud’s solution of a progress nav with IntersectionObserver based on Hakim El Hattab’s previous creation.

Check it out

Collective 654 item image

Focalboard

An open source alternative to Trello, Asana, and Notion. It helps define, organize, track and manage work across individuals and teams. Currently in early-access beta.

Check it out

Collective 654 item image

From Our Blog
Distributed Letters Animation Layout

A distributed letters animation in the context of a triple panel layout with hover effect.

Check it out

The post Collective #654 appeared first on Codrops.