Web Design Tutorials

@webdesigntutorials

396 posts

6 Tools for Rapid Cross-Device Website Testing

When creating a website, it’s vital to remember that not only does it need to work and look great on the device you are creating it on, but on all the other devices, it might be used on too.

Mobile and tablet optimization is important not only for the user journey but from an SEO point of view too, and badly created mobile sites just don’t cut it anymore.

With more and more devices entering the market, you need to check any website you create is compatible across the board. One bad experience and users are likely to leave and not come back again, which can be catastrophic for a business, particularly if it is just starting out.

It’s vital to check how a site looks and behaves when browsed differently from how you would use it. A common mistake is to assume users only browse websites on mobile devices in portrait mode; they don’t; landscape browsing is common, especially if the user is used to watching video.

Check Full Content Here […]

from Proven Ways https://ift.tt/3stFUAu

How CentOS Became 2020’s Final Victim

If you were paying close attention to your IT department around the 8th of December, you might have heard some quiet sobbing and the occasional wail of, “Why? Why?! WHY?!” Now, it was the year 2020, so this might have seemed normal to you, but it’s actually something of a problem that could affect your business: CentOS is pretty much dead.

For the non-total-nerds among us, here’s the skinny: CentOS is a Linux-based operating system, typically used on servers. CentOS has been incredibly popular, and quite a few businesses run on it. But now, that’s changing.

CentOS is a Linux-based operating system, typically used on servers…But now, that’s changing

CentOS used to be released in thoroughly tested versions, the latest being CentOS 8. CentOS 8 was released in September of 2019 and was supposed to be supported for ten years.

Check Full Content Here […]

from Proven Ways https://ift.tt/2XlRJdT

How to Choose a Bare Metal Server From OVHcloud

There are dozens of factors that influence the UX of your site, app, or game. Most of them are beyond your control; user connection speed, end-system resources, even browser technology is all out of your hands. So when you do have the opportunity to influence your project’s infrastructure, you should seize it.

The world’s fastest muscle car can’t perform at its best when traffic is gridlocked bumper to bumper; likewise, the most finely tuned website can’t meet its potential running on shared hosting.

If you want your website, application, or service to run quickly and securely, maximizing both UX and SEO, then you need to look at the bare metal servers from OVHcloud.

Bare Metal Performance

Bare metal (or dedicated) servers aren’t uncommon.

Check Full Content Here […]

from Proven Ways https://ift.tt/2XnJuOx

Goals For 2021

Every year I write a blog post about my goals for the year but I won’t pretend this year’s post is the same. I mean how the hell do I create realistic goals knowing what 2020 was and what 2021 inherits?! Pandemic, drastic political churn, social unrest…and none of that is related to my profession or this blog. Nevertheless, part of what has carried me through a turbulent year of leaving Mozilla and everything else has been seeking normalcy, however I can get it. The following are my goals for 2021!

Attain an Expansive Knowledge of the Blockchain and Cryptocurrency Industry

If you follow me on Twitter, you’ve probably been annoyed with my musings about cryptocurrencies. When Mozilla laid me off in August, I made it a point to enter the cryptocurrency engineering industry, thus leading to me joining MetaMask. In my three months at MetaMask, I’ve learned an immense amount about Ethereum, gas, Web3, and other cryptocurrency paradigms.

Check Full Content Here […]

from Proven Ways https://ift.tt/3hAob5F

The Potential of AR in Web Design

Over the years, experts have repeatedly discussed the possible impact of mixed realities on web design. Concepts like AR and VR are expected to have the potential to change the way that we interact with websites on a fundamental level.

Now that we’re in the year 2021, however, discussions about AR aren’t just observational anymore. The age of mixed-reality interfaces is here, in everything from Pokémon Go, to Snapchat filters.

The question is, how do web designers create incredible user experiences in a world where there are now multiple digital realities to consider?

The Benefits of Experimenting with AR

Before we look at some of the steps that web designers can take to enhance their projects with AR, it’s worth examining the benefits of interacting with augmented reality in the first place.

Check Full Content Here […]

from Proven Ways https://ift.tt/38Omu0k

9 Easy Ways to Deal With Difficult Clients

In the design industry, you may often feel like it’s you, the designer, vs. the client. Creative differences do arise and it’s hard to not blame the client when they do. But it shouldn’t be this way!

Naturally, there are bad clients out there, but 90% of the time, it’s not really the client who is at fault. Poor communication, a lack of setting expectations, and a failure to qualify clients beforehand is usually the problem.

If you’re dealing with a problematic client, there’s usually not a lot you can do to ‘fix’ things — you should focus on finishing the project as well as you can. However, what you can do is ensure this situation never arises again.

We’ve been taught that the customer is always right. But to be honest, that’s not always the case. It’s your job as a designer and brand consultant to help your client grow their business.

Check Full Content Here […]

from Proven Ways https://ift.tt/3ruH1Q0

7 UX Principles to Apply to Your SEO

User experience is one of the most important aspects of web design, but many experts overlook that UX doesn’t just apply to web pages. User experience as a concept encompasses all aspects of end-user interaction with a company.

That means you need to discover the right UX strategies for everything from your homepage to your email marketing and even your listings on Google.

Today, we’re going to explore some of how you can apply UX principles to your client’s image on search engines.

Why Your Search Engine Listing Matters

Let’s start with the basics: 89% of customers start their purchasing process with a search engine. That means that whether you’re creating a portfolio to sell your services or building a website for a client, the first connection a customer has with your design isn’t on the homepage.

Check Full Content Here […]

from Proven Ways https://ift.tt/2KRDfPW

Return a Default Value with Promises Using catch

Last week I tweeted all of you looking for your best JavaScript Array and Promise tricks, and as always, it didn’t disappoint — I learned quite a bit!

Today’s JavaScript Promise trick is brought to you by Claudio Semeraro: how to use catch to set a default value instead of a try/catch:

// Instead of wrapping this block in a try/catch... const result = await new Promise( (resolve, reject) => reject("Because Stone Cold said so") ) // ...use catch to set the default value (100) .catch(() => 100);

As a trick I really like what’s this brings; as far as readability and maintenance, if you don’t know the trick, you might get confused. What do you think?

Check Full Content Here […] from Proven Ways https://ift.tt/34FAmsK

5 Ways to Boost Engagement With Animation

Animation is a fun and interesting way to bring life to a website. Used correctly, it can capture audience attention, make your website more engaging, and even improve your chances of delivering conversions for your clients.

Unfortunately, like many things in the web design world, it’s also easy to get too carried away with animation. As professional designers and developers, it’s up to us to find the line between making the most of animation on our website projects and creating a site that’s overwhelmed with too much activity.

Fortunately, by the time you’ve finished reading this article, you’ll have a deeper insight into how you can use animation in web design, without going too over the top.

Introducing Animation in Web Design

Animations are virtually everywhere on the web today.

Check Full Content Here […]

from Proven Ways https://ift.tt/2IZwc79

Display the Latest News on Your Site With Mediastack

What an extraordinary year 2020 has been for the news! From the ongoing coronavirus crisis, to a turbulent US election, to the unrelenting march of Bitcoin, this year like no other we’ve been glued to our phones micro-analyzing every tidbit of news.

Which makes this the perfect time for mediastack, an awesome REST API that allows you to embed a customizable news feed, sourced from the world’s top news agencies, and updated by the minute, right on your site.

Integrating Global News with Your Site

News is the beating pulse of so many global industries. From political decisions that affect stock prices, to natural disasters that interrupt goods and services, to the whims of celebrities who overnight transform brands from unknown to must-have.

Check Full Content Here […]

from Proven Ways https://ift.tt/3ntMKTO

Pantone Color of the Year 2021

It’s that time again: the self-fulfilling prophecy that is the Pantone Color of the Year has been announced for 2021.

For 2021, we’re getting two colors of the year. The colors selected to grace museum gift shops, and end-of-year blog posts are Ultimate Gray (a mid-range gray somewhere around #939597) and Illuminating (a citrus yellow that’s approximately #F5DF4D).

A marriage of color conveying a message of strength and hopefulness that is both enduring and uplifting.

The last time Pantone selected two colors was Rose Quartz & Serenity in 2016, and we all know what a tranquil, serene year that was; so 2021 will presumably unleash the curse of an ancient mummy on the world, or see us collide with the Sun.

Check Full Content Here […]

from Proven Ways https://ift.tt/2Ki4RO4

M.AD School of Ideas Branding by CollinsM.AD cultivates…

M.AD cultivates unconventional minds. To bring this idea to life, we created the M.AD / M-dot mark. The “M”: a fluid form constantly changing and recreating itself. And the “dot”: an always present, steadfast counterpoint. Never without each other—they reflect the dance of the process. The tensions in constant dialogue with each other. Be it the interplay between passion and discipline. Wild optimism and unwavering rigor. The audacious thinking that transcends limits and the remarkable craft you need to make it real.

To support the new mark, we developed a color strategy that builds upon the vibrant pink M.AD is recognized for. Like plastic flamingos or a beachside sunset, our primary pink is true to their Miami roots.

—

Collins is an independent strategy, design and communications company. They combine creativity, craft and technology into ideas and experiences that improve people’s lives.

Check Full Content Here […]

from Proven Ways https://ift.tt/3lQVwcM

2020 Year in Review

Looking back on an entire year of one’s professional life is difficult, but when you consider everything that 2020 threw at us, where the hell do you even start? Forget just surviving the professional aspect of 2020, we all deserve a medal, both literally and figuratively, for surviving it. Nonetheless, as is tradition on this blog, I’d like to review the goals I set forth for this year; you know, celebrate my successes and make excuses for the goals I missed.

The obvious consideration that goes into the goal review is that I was laid off by Mozilla after 8+ years. Losing your job has a way of disrupting career goals, but at the same time, provides opportunities to succeed in other areas.

Goal 1: Be a Big Part of the Firefox Fenix Product Launch

Mission accomplished! Despite having been laid off just a week or two before Fenix launched, I do feel as though I made the most of the opportunity.

Check Full Content Here […]

from Proven Ways https://ift.tt/3lGy16h

Rishi Packaging by Studio MPLSIllustrations and packaging for…

Illustrations and packaging for Rishi Loose Leaf Sachets. With packaging that looks as good as this tea tastes—Rishi’s customers rarely buy just one box.

—

MPLS is a Minneapolis-based design studio. They specialize in brand identity, packaging design and illustration with an artful, elevated approach. With over sixty years of collective experience, they merge design sensibility with craft and artistry to develop innovative and elegant solutions for brands of all sizes.

Check Full Content Here […]

from Proven Ways https://ift.tt/37B7tOR

3 Easy Ways to Use Emotion in Web Design

As human beings, we like to think that we’re rational creatures.

We tell ourselves that we make our decisions based on fact and logic. However, that’s rarely the full truth. As much as we try to make choices guided by rationality, the truth is that we’re often highly emotional people, driven by the way that things make us feel.

So, what does that mean for a website designer?

Though designing a functional and logical website is important, it’s crucial not to forget about the emotional impact of each interaction that your customer has with the sites that you build.

Sites that don’t elicit any kind of emotional response aren’t just boring; they’re forgettable.

A forgettable website is poison to any website designer’s portfolio.

That’s why we’re going to introduce you to some easy ways to use emotion in your designs this year.

Check Full Content Here […]

from Proven Ways https://ift.tt/39NzLbs

10 Amazing Media Tricks Made Possibly by Cloudinary (Sponsored)

Cloudinary is my go-to place for transforming and optimizing media before delivery. By simply modifying the URL of an image or video, you can customize its size, presentation, Instagram-like filtering, and various other aspects. I previously posted about the 10 excellent image tricks and enhancements with Cloudinary; here, I’ll cover 10 more awesome video transformations—along with a bonus feature on video slideshows (see the section below)—you can render on that platform.

Awesome Video Transformations

Now let me show you the spectacular makeover you can do for videos with Cloudinary.

Previews

One of my favorite video-site features, such as those on YouTube, is the thumbnail, which plays an animated preview on a mouseover. Not only is this preview useful, but also we’ve all come to expect it. After uploading a video to Cloudinary, you can generate a preview with the Cloudinary API by adding e_preview:duration_{x} to the URL.

Check Full Content Here […]

from Proven Ways https://ift.tt/3qmWgKj

Branding 101: How to Get Your Design Business Online

You’ve named your business. You’ve sorted out the visual branding piece. Now, it’s time to get your business online so you can start making money.

In this post, we’re going to look at where your web design business needs to set up shop online and how to get it up and running quickly.

Step 1: Set Up Your Website

As a web designer or developer, having a website is non-negotiable.

Not only does a website provide prospective clients with all the information they need about you, it can help you automate many of those annoying tasks that get in the way of your actual paid work.

So, let’s start here:

Buy Your Domain Name

If you haven’t done so already, use the business name generator exercise to come up with a domain name. You then have a couple of options for buying it.

Check Full Content Here […]

from Proven Ways https://ift.tt/379Eb9T

Web Design Tutorials @webdesigntutorials - Tumblr Blog | Tumgag