Me, I really dislike FOUT. I like that it’s an option, because not displaying text quickly on the web is no good. I know font-display: swap; is popular because it’s good for performance, but that FOUT stuff pains me. Matt Hobbs:
If there’s one thing I’d like readers to take away from this post it’s that font-display: swap is a very good option for users with a fast internet connection. But its infinite swap period could be frustrating for users on very slow and unstable connections. If you have users viewing your site under these conditions (I’m pretty certain you will at some point in time), then it may be worth considering font-display: fallback or even font-display: optional.
Seeeee, I told ya. I like how font-display: optional; totally stops FOUT. The font is either applied super fast, or isn’t used at all (but still downloaded async). Chances are, on the next page load, the font is loaded and cached and will be used.
Note this is about slow connections, not necessarily connections where the user would prefer as little data usage as possible. If that’s the case, check out some of the recent posts we linked up in Responsible, Conditional Loading.
There comes a time in our lives when we feel stuck and unmotivated, and naturally, many of us have struggled with this. If you’re looking for a new approach to your creative practice or are lacking inspiration, these four photographic techniques can help broaden your creativity. Infrared Photography and Effects Infrared photography records otherworldly scenery […]
Creating a professional email address is straightforward. Many providers come with intuitive setup wizards, which will guide you through the process. Plus, you’ll benefit from additional collaboration tools, which you can share with your team or use on your own.
Do you remember a time when there was only text on the internet? Or when the first images popped up in their glorious blocky low resolution? It seems like a lifetime ago.
Streaming services, social media, shops… Images and videos are all around the web today. It’s no wonder we see more and more imagery used for online advertisement as well.
There are always aspects to consider to decide the best fit for your project. When choosing your advertising strategy, it’s essential to know the good and the not-so-good about photography and videography for marketing.
Advantages
Look Sharp
Pictures – or better yet, videos – show commitment. They show you take your business seriously and are willing to put effort and money into it, reassuring people, so they trust you and your business more.
Emotional Connection
Studies show our brain reacts strongly to visual stimuli, so images cause stronger emotions than text. You can use media to elicit good feelings from potential clients to perceive you as more trustworthy.
Engagement
People usually lose their focus quickly when scrolling their feeds, so it’s best to avoid long texts on social media. Replace words with images that convey your meaning at a glance, and more people will remember your ad.
Images and videos with a catchy bit of text often prompt more people to comment, which increases your visibility and reach.
Things to Consider
Price
While a fantastic tool, creating good visual content might not be cheap, depending on your project. Be sure to consider your budget when planning your marketing strategy. If you’re starting small, it might be best to wait for a bigger announcement to start advertising with images, but it’s an investment that pays off. Facetune filter editor can help in photo editing and in making photos look professional.
Platforms
Videos are still mostly watched on desktops and notebooks, and on average, smartphone and tablet users spend less time watching before scrolling down. News readers notoriously prefer text over video, but some data from the same study shows videos are sought after the most during breaking news.
Harder to Edit
Editing a text is easy. An image, a bit less so. However, an actor’s speech in a video? It’s easier to redo the whole thing, lest it could end up terrible. Carefully think about what you intend to say and make sure any information is correct before finishing up.
Photography vs. Videography
You’ve decided to add visuals to your next marketing campaign. How do you decide between pictures and video?
Price
Pictures will be considerably cheaper than videos in general. Ideal for smaller businesses, they aren’t forgotten on bigger brands. Pictures are essential and favored in some social sites over other types of media. Again, considering the platform and your audience plays an important role in your ad campaign’s success (or not).
Engagement
Videos will usually be more engaging than pictures. They allow you to delve deeper into storytelling and convey more information in a shorter amount of time, being perfect for today’s ever-shorter-focused people.
Platforms
Besides mobile or desktop, you should consider where on the internet you’ll be advertising. Facebook users engage a lot more with videos, while Twitter users prefer images over all other media. Plus, videos require more bandwidth, so mobile users might avoid them more often than pictures.
Summing Up
Using visual media can be a great wait to boost visibility and engagement. Planning is essential for crafting a perfect advertisement campaign. If you have doubts or don’t feel confident heading on alone, try to reach out to a friend who works with online marketing or ask for recommendations to find professionals who can help you.
Study your audience and listen to your potential clients’ feedback to figure out what works and what doesn’t and adapt to your target group. There’s no magic formula.
In this episode, we’re taking a look back at 2020. Who did we speak to in our episodes this year, and what did we learn? Let’s listen back to some clips to find out.
Show Notes
You can find all of our past episodes, including a full transcript of every interview at podcast.smashingmagazine.com.
Twitter recently informed its developer community of updates to its API v2, including new resources intended to support conversation reply settings, a new feature that allows users to specify who can reply to their Tweets.
It seems that almost every discipline imaginable is undergoing a digital transformation these days. That includes the art, science, and culture world of museums.
Hi, the DSL had intermittent problem. The service provider came and fixed the problem.
As a result of the brief problem, my Netgear N600 WIFI Range Extender ceased connecting to the Internet via WIFI DSL modem (internet light won't turn on). I have done all the requirements including factory reset, power off, etc. to no avail. My other wireless devices(cell phones) which use to operate normally with the Netgear are unable to communicate to the Netgear either.
My Desktop CPU has only 1 Ethernet port which I currectly use to connect the CPU to the DSL. I am unable to connect the Netgear to the CPU as well.
This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct first column with grid-column-start.
Thoughts:
I’d go with an <ol> rather than a <ul> just because it seems like days are definitely ordered.
The days as-a-list don’t really bother me since maybe that makes semantic sense to the content of the calendar (assuming it has some)
But… seeing the titles of the days-of-the-week as the first items in the same list feels weird. Almost like that should be a separate list or something.
Or maybe it should all just be a <table> since it’s sort of tabular data (it stands to reason you might want to cross-reference and look at all Thursdays or whatever).
Do you want to add extra profile fields for users to fill in when they register on your WordPress website?
Maybe you want to allow users to submit their social media profiles. Or you might want them to submit their business phone number when registering. This can all be done by adding additional profile fields.
In this article, we will show how to easily add additional user profile fields in WordPress registration forms.
Why Add Additional User Profile Fields in WordPress Registration?
By adding more user profile fields to your WordPress website’s registration form, you can collect extra information from users to improve your marketing campaigns, personalize content, or simply learn more about your audience.
For example, you can ask your users to provide their phone numbers or social media profiles when registering on your WordPress site.
All of these extra fields can be handy if you run a membership website or allow users to sign up as subscribers to your blog. They can also be helpful if you want to store extra contact information for the other writers on your multi-author blog.
That being said, let’s see how to easily add additional user profile fields in WordPress. For this tutorial, we will be discussing two methods, and you can use the links below to jump to the method of your choice:
Method 1: Add Custom User Profile Fields Using Advanced Custom Fields (Recommended)
The best way to add extra user profile fields in WordPress is to use the Advanced Custom Fields plugin. It lets you choose from multiple fields and customize them to fit your needs.
Upon activation, you need to head to the ACF » Field Groups page from the WordPress admin sidebar and click the ‘+ Add Field Group’ button.
This will take you to a new page where you can start by typing a name for the field group.
Keep in mind that this will be the name of the entire field group and not the individual user’s field.
After that, scroll down to the ‘Fields’ section and choose a field type from the dropdown menu.
For example, if you want users to provide their phone number upon registration, then you can choose the ‘Number’ option. Alternatively, if you want users to provide their social media profiles, then you can pick the ‘Text’ option.
Once you have done that, just type the name of your field into the ‘Field Label’ option. For instance, if you want users to provide their Twitter handle before registering, then you can enter that into the field.
The plugin will then automatically generate a field name according to your label name.
Next, you must switch to the ‘Validation’ tab from the top. From here, you can make the field required by toggling on the switch. This way, users won’t be able to register on your WordPress site without filling in the additional field.
After that, you can even set a character limit for your custom field.
Now, switch to the ‘Presentation’ tab from the top.
Once you are there, you can add placeholder text, instructions, and wrapper attributes for your additional user profile field.
Next, scroll down to the ‘Settings’ section and make sure that the ‘Location Rules’ tab is selected. From here, you must set up conditional logic for your custom field so that it will only be displayed for your WordPress site registration.
To do this, select the ‘User Form’ option from the dropdown menu in the left corner of the screen. After that, choose the ‘Register’ option from the dropdown menu in the right corner.
Finally, click the ‘Save Changes’ button at the top of the screen to store your settings.
If you want to add another additional field, then you can also click the ‘+ Add Field’ button.
Now visit your user registration page to view the additional user profile field in action.
This is how it looked on our demo website.
Method 2: Add Additional User Profile Fields With Profile Extra Fields (Easy & Simple)
This method allows you to quickly and easily add extra fields to user profiles and user registration forms in WordPress. It is a little less flexible, but it gets the job done.
Once the plugin is activated, it’s time to create some additional user profile fields to use on your registration forms.
We are going to create a phone number field as an example, but you can add as many of these fields as you want.
First, visit the Profile Extra Fields » Add New page from the WordPress admin sidebar. From here, type the name of the field next to the ‘Name’ option.
For example, if you are creating a field for users to submit their phone number, then you can type ‘Phone Number’ as the field name.
After that, select a field type from the dropdown menu. If you are adding a social media profile field, then you can use the ‘Text Field’ option.
However, if you want a field for phone numbers, then you need to select that option from the dropdown menu.
After that, you can also type a pattern for your phone number field or add a description for it.
Next, scroll down to the ‘Field Properties’ section and check the boxes for the user roles that you want this field to be displayed for.
For instance, if you want this field to be displayed for all the authors registering on your WordPress site, then you can check the box next to this user role.
You can choose as many user roles as you want.
Next, you can also check the ‘Required’ box if you don’t want users to register without filling in this field in the form. Make sure that the ‘Always Show in User Registration Form’ box is checked so that your user field will be displayed in the form.
Finally, click the ‘Save Changes’ button to store your settings.
Now, you will need to go into your WordPress dashboard to change some settings for new registrations.
Head to the Settings » General page in your WordPress admin area and then check the membership box so that anyone can register on your website.
Next, you need to make sure that the default role is set to the role which you have added extra fields for. After that, click the ‘Save Changes’ button to store your settings.
This way, you can control the level of access new users have, and this will force the registration form to show the fields you selected earlier in this tutorial.
Here’s what the default registration form looked like on our demo website.
Bonus: Make a Custom User Registration Form in WordPress
The methods in this tutorial have shown you how to add extra user profile fields to the default WordPress registration form.
However, if you would like to create a custom user registration form in WordPress, then you can also easily do that by using the WPForms plugin.
It is the best WordPress form plugin that allows you to design your own user registration form using drag and drop. It also integrates seamlessly with plugins like Advanced Custom Fields, so you can easily insert additional user profile fields.
Sara Soueidan digs into this HTML/UX situation. “Yes” or “no” is a boolean situation. A checkbox represents this: it’s either on or off (uh, mostly). But is a checkbox always the best UX? It depends, of course:
Use radio buttons if you expect the answer to be equally distributed. If I expect the answer to be heavily biased to one answer I prefer the checkbox. That way the user either makes an explicit statement or just acknowledges the expected answer.
If you want a concrete, deliberate, explicit answer and don’t want a default selection, use radio buttons. A checkbox has an implicit default state. And the user might be biased to the default option. So having the requirement for an explicit “No” is the determinig factor.
So you’ve got the checkbox approach:
<label>
<input type="checkbox">
Yes?
</label>
Which is nice and compact but you can’t make it “required” (easily) because it’s always in a valid state.
So if you need to force a choice, radio buttons (with no default) are easier:
From as early as 2016, experts have been predicting that voice searches will eventually make up a significant percentage of Google searches worldwide. Now that more people are using smart devices such as Google Home, Alexa, and Siri at home, voice search capability is becoming less of a novelty and more of a must-have for […]
Sendbird, a chat and messaging services provider, has announced several updates to its chat offerings that the company hopes will allow developers to better adapt to a communication environment that has been reshaped by COVID-19. These Updated include new partitioning options for Open Channels, IP whitelisting, and message threading.