What To Do If People Hate Your Brand Mascot

What To Do If People Hate Your Brand MascotWhat To Do If People Hate Your Brand Mascot

Suzanne Scacca

2020-02-17T13:00:00+00:002020-02-17T18:38:35+00:00There are a number of reasons why businesses decide to use mascots to represent their brands:

They want there to be a friendly and reliable face to welcome visitors to the site.
They know they need something more than an inventory of products to make an emotional connection with shoppers.
They want a strong and recognizable personality that can tie all of their marketing channels together.
While it’s clear that mascots can be invaluable for the business-consumer connection, there’s a very thin line between mascots turning customers into loyal advocates and sending prospects running away in fear.

If you’re struggling to get traction on an existing website and fear the mascot might have something to do with it, this post is for you. You should also keep reading if you’re designing a mascot from-scratch and aren’t sure how to create ..

Continue Reading

How to Design a Car App Design UI in Sketch

What You'll Be CreatingIn this Sketch tutorial you will learn how to design a car app UI.

To begin with you will learn how to create the starting components of any car app design. You will learn

how to create a basic navigation bar,
how to save and use symbols,
how to incorporate images, icons and text in a car app
All these little features will ease your work throughout this iOS app.

Using basic shapes, paths, and vector shape building techniques, you will learn how to create flat icons and buttons.
Using subtle shading techniques and some text, you will learn how to make any car app design stand out.
Finally, you’ll learn how to add a stock image to this iOS app.
For more inspiration on how to adjust or improve your final car app deisgn you can find plenty of resources at GraphicRiver.

What You Will Need:

You will need the following resources in order to design this car app. Most of these are available from Envato Elements, where a single subscription allows you u..

Continue Reading

Designing Ethically, Optimizing Videos, And Shining The Spotlight On Our SmashingConf Speakers

Designing Ethically, Optimizing Videos, And Shining The Spotlight On Our SmashingConf SpeakersDesigning Ethically, Optimizing Videos, And Shining The Spotlight On Our SmashingConf Speakers

Iris Lješnjanin

2020-02-14T14:00:00+00:002020-02-14T18:05:35+00:00An important part of our job is staying up to date, and we know how difficult it can be. Technologies don’t really change that fast — coding languages take a long time to be specified and implemented. But the ideas surrounding these technologies and the things we can do with them are constantly evolving, and hundreds of blog posts and articles are published every day. There’s no way you can read all of those but you’ll still have to keep up to date.

Fear not, we’ve got your backs! Our bi-weekly Smashing Podcast has you covered with a variety of topics across multiple levels of expertise.

A shout-out and big thank you to both Drew McLellan and Bethany Andrew for making the episodes so brilliantly witty and informative!

Catching ..

Continue Reading

10 Best WordPress Star Rating Plugins

Star ratings are used by websites to review all kinds of products and services. You can use them to rate pretty much anything your users are interested in: a movie, the food in a restaurant, the quality of service provided by a mechanic, etc.
One of the reasons star ratings are so popular is that they allow users to quickly determine the quality of a product or service based on the experience of people who have used it.
It is also very common to find businesses asking people to rate their services or products. This is because people are more likely to buy something if they see real reviews from other people who have actually used it.
If your website sells something, it is a good idea to include a star rating system somewhere so that your customers can review your products.
In this post, I'll list the ten best WordPress star rating plugins that you can use today.
WordPress Star Rating Plugins on CodeCanyonThere are currently about 75 premium WordPress star rating plugins available ..

Continue Reading

How to Start a New Blog With WordPress

In this tutorial you’ll learn how to start a new blog with WordPress. In essence there are two routes you can take:

Route 1: you can host your blog on wordpress.com. This is arguably the easiest way to go because it’s totally free, and you don’t have to be tech-savvy to get things going.

Route 2: you can self-host your blog. This means paying for a domain and hosting, downloading the core files from wordpress.org, and knowing a little bit about working with WordPress and admin interfaces, but the benefits are that you are completely free to do as you please.
We’re going to walk through both routes so you can pick whichever you think is best for you.
How to Start a WordPress Blog

1. Host Your New Blog on WordPress.comThe first route you can take to get your new blog started is to host it on wordpress.com. This is something a lot of people do when first starting out with WordPress because it’s easy and quick.
Set Up Your BlogStart by visiting wordpress.com and clicking the large pink ..

Continue Reading

Setting Up API Mocking With Mirage JS And Vue.js

Setting Up API Mocking With Mirage JS And Vue.jsSetting Up API Mocking With Mirage JS And Vue.js

Kelvin Omereshone

2020-02-13T11:00:00+00:002020-02-13T18:07:56+00:00In the era of SPA and the JAMstack, there has always been a separation of concern between the APIs and front-end development. Almost all JavaScript projects that can be found out in the wild interact with a web service or API and either use it for authentications or getting user-related data.

So, whenever you’re working on a project and the necessary API still hasn’t been implemented by the back-end team or you need to quickly test a feature, you have some of the following options:

You could proxy to a locally running version of your actual backend which, in most cases as a front-end developer, you wouldn’t have.
You could comment out actual request and replace with mock data. (This is okay but not so great as you would need to undo that to get to production and you might not be able to deal with network states and la..

Continue Reading

How to Design a Food Ordering iPad App UI in Sketch

What You'll Be CreatingIn this Sketch tutorial you will learn how to design a food ordering app UI.

To begin with you will learn how to create the starting components of any food mobile app. You will learn:

how to create a basic navigation bar,
how to save and use symbols and nested symbols,
how to incorporate images, icons and text in a food mobile app,
and how to create a smart layout.
All these little features will ease your work throughout this restaurant app UI tutorial.

Using basic shapes, paths, and vector shape building techniques, you will learn how to create flat icons and buttons.
Using subtle shading techniques and some text, you will learn how to make any food app design stand out.
Finally, you’ll learn how to add a stock image to this food app design.
UI Templates on GraphicRiverFor more inspiration on how to adjust or improve your final restaurant app UI you can find plenty of resources at GraphicRiver.
Choose from over 1,800 UI templates on GraphicRive..

Continue Reading

Understanding CSS Grid: Grid Template Areas

Understanding CSS Grid: Grid Template AreasUnderstanding CSS Grid: Grid Template Areas

Rachel Andrew

2020-02-12T11:30:00+00:002020-02-12T18:09:45+00:00When using CSS Grid Layout, you can always place items from one grid line to another. However, there is an alternate way of describing your layout, one that is visual in nature. In this article, we will learn how to use the grid-template-areas property to define placement on the grid and find out how the property really works.

In case you missed the previous articles in this series, you can find them over here:

Part 1: Creating A Grid Container
Part 2: Grid Lines
Part 3: Grid Template Areas
Describing Layout With grid-template-areas

The grid-template-areas property accepts one or more strings as a value. Each string (enclosed in quotes) represents a row of your grid. You can use the property on a grid that you have defined using grid-template-rows and grid-template-columns, or you can create your layout in which case all rows will..

Continue Reading

How To Book More Appointments And Events With A WordPress Booking Plugin

How To Book More Appointments And Events With A WordPress Booking PluginHow To Book More Appointments And Events With A WordPress Booking Plugin

Suzanne Scacca

2020-02-11T12:00:00+00:002020-02-11T17:36:11+00:00When it comes to running a service-based business online, scheduling appointments with prospects and clients is critical. The downside of that, of course, is that it takes a lot of time to manage appointments and event bookings if you do it on your own.

With WordPress, however, there are a bunch of booking plugins that’ll get the job done. Put one of them in place and you can kiss many of those tedious appointment management tasks goodbye.

But all this is contingent on using the right WordPress booking plugin.

Today, I’m going to introduce you to the Amelia appointments and events WordPress booking plugin. But rather than show you how to install and use the plugin (which is very easy), I want to spend this time showing you how to design an effective booking system using it..

Continue Reading

30+ Best Mobile Friendly WordPress Themes (For Website Usability 2020)

“Mobile-friendly” is a term we arguably started to hear after the iPhone was first launched and browsing the internet on mobile browsers was made available to the masses. In essence, mobile-friendly content appears and renders well not just on desktops but also on smaller mobile devices.
With good readability and accessibility, fast loading images, and proper layout systems that take into account various screen sizes, having a mobile-friendly website is a must. There are more than 5 billion unique mobile users in the world, and that means that it’s now more important than ever to serve them well.

Forecast number of mobile users worldwide from 2019 to 2023 (in billions)Top Alexa.com websites are highly optimized for mobile devices and that means if you’re looking to rank well in SERPs, provide your users with a great mobile experience, and stay up to date with both design and tech standards, then picking a premium mobile-optimized WordPress theme is the way to go.
5 Ways to Optimize..

Continue Reading