10 Programming Habits Developers Should Adopt

Original Source: https://www.hongkiat.com/blog/developer-habits/

These outcomes can bring down our confidence but in fact, they can be solved with proper development practices. Here are 10 worthy habits to invest in to write cleaner and smarter code with less…

Visit hongkiat.com for full content.

Email Personalization: Your Secret To Better Engagement

Original Source: https://www.webdesignerdepot.com/2020/04/email-personalization-your-secret-to-better-engagement/

One of the struggles that marketers face is how to send the right message at exactly the right time to target people in a way that will appeal to them. To solve the problem, businesses need to get themselves acquainted with new technologies and the power of personalization.

In the past few years, digital marketing as we know it has undergone numerous changes, distinguishing itself from the traditional marketing of the past.

With new technologies on the rise, marketing has become easier and smarter, enabling businesses to achieve more than they did. More specifically, the use of AI and machine learning has allowed businesses to refine their marketing campaigns, placing the customer at the center of their operations.

As a channel, email has proven itself…to have the best ROI

However, how can you capture a customer’s attention without being physically there to engage with them and show them that your business is the right place to spend their time and money? One of your best allies to show consumers that you aren’t a faceless brand is none other than email marketing.

As a channel, email has proven itself not only to be convenient for modern consumers, but also to have the best ROI; $55 for every $1 you spend on it.

Your mail campaigns are indeed efficient lead nurturing tools, but everything will be in vain if you don’t target your audience with highly personalized messages.

Why Do Businesses Need Personalization?

Modern consumers receive hundreds of promotional emails on a daily basis. However, some of them end up in their trash without being read. Why?

Well, with the rise of scams, the majority of consumers have trained themselves to identify fake messages and fraudulent content.

As a result, emails that look spammy, impersonal and irrelevant — even if that wasn’t your intention — will eventually end up in users’ trash folders.

This will harm your email deliverability and give you a bad send reputation that will prevent you from reaching your subscribers’ inbox.

To ensure that your email campaigns get the desired open and click-through rates, you have to make sure that your messages are tailored to your subscribers’ needs. That’s where personalization comes in.

Personalized content will show your recipients that your message is unique and not part of a one-size-fits-all email campaign.

Of course, you can’t send every single campaign manually. To save time, marketing automation has enabled businesses to automate the process and deliver numerous campaigns automatically without cutting down on personalization.

To do so, you need a platform to provide you with valuable, real-time insights and powerful personalization tools. If you still haven’t chosen one, you can try one of the available free email marketing services to get an idea of how email personalization works.

Personalization will help your audience see the value of your message, primarily because it will be addressed to them.

Consequently, tailored content will help you get more engagement, build a loyal audience who will anticipate your content, and turn them from subscribers into satisfied customers. As email marketing statistics show, personalization is so powerful that it can increase your open rate even by 29%.

What About Hyper-Personalization?

A simple first name in your emails might be effective, but as marketing evolves, it won’t be enough to attract your subscribers’ attention.

For that, businesses have tried to discover new ways to get their audience to click on their incentives and promote their business development. According to a survey by SmarterHQ 72% of consumers say they now only engage with marketing tailored to their interests.

72% of consumers say they now only engage with marketing tailored to their interests

This consumer tendency has created a new form of personalization called hyper-personalization.

Hyper-personalization leverages data to provide more personalized suggestions and messages that will be tailored to each customer’s needs.

Through this advanced form of personalization, you can improve customer experience and drive your prospects and leads a step further down your marketing and sales funnels.

To make hyper-personalization possible, you need to leverage the power of AI and data. But before you do that, you need to know how to collect customer data and then leverage it through AI and machine learning.

Collecting Customer Data

Your first step to personalizing your marketing is to decide what kind of data you need to collect, and why you need it. Especially after GDPR regulations came to existence and consumers’ rising concerns about data privacy.

Here’s an example from Bulgari’s website, informing visitors about their privacy policy in a fully transparent manner:

This cookie policy is right there, complete with everything one would need to know when viewing a brand’s website, even before signing up.

It will make your prospects feel safe right off the bat since the website not only acknowledges its use of cookies but also gives the prospect an opportunity to review why this happens.

There is, of course, no set of rules regarding the data you may need from a prospect. It could be anything.

Now that you’ve made your privacy policy clear it’s time to start collecting your visitors’ information. In this case, Bulgari has created an efficient form to capture its visitors’ emails and at the same time collect valuable information that will improve their newsletter open and click rate:

Segmenting Your Subscribers

Adding the right input fields into your forms will give your new subscribers an idea of what you’ll do with their information.

Bulgari’s form is a great example that includes all the right fields to collect insight into its audience’s preferences.

After your prospects click on your CTA and join your mailing list, you can start segmenting each subscriber based on their interests and preferences.

Segmentation is one of the most efficient practices to personalize your email content and deliver tailored content that will convert your audience into loyal customers.

For instance, demographic segmentation will help you come up with unique campaigns for your female and male subscribers. Then, you can use their individual data to further personalize the email content based on their interests.

Segmenting your audience, though, is only the beginning to achieve hyper-personalization.

Leveraging the power of AI will help you deliver personalized product recommendations in the form of amazing email campaigns that will convince your audience to click-through and buy more.

How To Use Customer Data The Right Way

The first thing you need to know is how AI enables hyper-personalization. Essentially, it’s how you can fully leverage data to improve your marketing activities.

Machines learn in the same way humans do. By feeding data into the machine and adding more and more scenarios, you’re teaching the platform to distinguish between scenarios and find patterns in a quicker and more accurate manner.

More importantly, the machine is taught to connect past “purchases” and come up with suggestions for a marketing team.

Essentially, the more data the machine can go through, the more scenarios it can come up with and the more prospects it can connect to. This will lead to the creation of a unique buyer persona that will be more accurate than the traditional buyer personas created by marketers.

In the end, the personas you create through AI will be able to provide tailor-made solutions and appeal to the general sentiment of each segment of your audience.

Now that you’ve created your personas and know which segment of your list is interested in which of your products, you can use your promotional content more effectively.

Here’s an example from Matalan that uses a customer’s previous purchase data to come up with a personalized cross-sell email:

With a hyper-personalized email, you’ll be able to target your audience with more accuracy.

The use of data will help you craft more messages that will be personalized and tailor-made. So, when you apply them to the AI-generated user persona you will step up your customer lifecycle marketing efforts effectively.


If you use AI and data correctly, you’ll be able to provide one-on-one content down the line, seeing as AI is able to track and trace the kind of content individuals are most interested in, through social media data, engagement data, and so on.

This will help marketers to create amazing content that will be both valuable and engaging for your new prospects.

What’s more, personalization will enable marketing teams to create something that will feel natural, incentivizing your audience to click on your CTAs and move a step further down your marketing funnel.


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;}

How to Use Heat Maps to Improve Website Design

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/fGCKKspm5P8/how-to-use-heat-maps-to-improve-website-design

Everyone who uses the web knows the difference between a poorly and well-designed site. Great websites seem to flow naturally from one page or another. You get a smooth experience from the second your browser lands on the web page until you leave.  Only UX developers know that none of this is actually natural. It’s […]

The post How to Use Heat Maps to Improve Website Design appeared first on designrfix.com.

Morphing Gooey Text Hover Effect

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

The other day I revisited this awesome demo of a gooey countdown using SVG filters. The demo by Graham Pyne shows a morphing text effect where one number morphs into another. I wanted to integrate this in a menu and see how variations on the filter would look like for a hover effect.

Combining the morphing with some filter adjustments and other animations (like on translations), make this a playground for endless possibilities. I’m sharing three simple ideas with you, hope these give you a starting point for your own experiments!

If you want to understand the underlying gooey filter effect, Lucas Bebber explains it really well in this article. He also made a fantastic set of demos a couple of years ago that show how this gooey effect can be used in several scenarios.

Let me know what you come up with and ping me @codrops or @crnacura!

Morphing Gooey Text Hover Effect was written by Mary Lou and published on Codrops.

How to Clear DNS Cache in macOS Catalina

Original Source: https://www.hongkiat.com/blog/how-to-clear-dns-cache-in-macos-mojave/

If you are a macOS user and have recently made changes to your DNS settings, then doing a flush, aka cleaning the DNS cache would be a good idea. But why is it important to clear DNS cache? Well,…

Visit hongkiat.com for full content.

An inside look at the original #AppleWatch development

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/TN65q28FR7w/inside-look-original-applewatch-development

An inside look at the original #AppleWatch development
An inside look at the original #AppleWatch development

AoiroStudioApr 26, 2020

Back on April 24, 2015 the world was introduced to the original Apple Watch that literally changed the ‘watch industry’ forever. Happy 5th Birthday Apple Watch! For the occasion, one of the designers that worked on the first Apple Watch team shared a few fun facts that we took the liberty to embed it below. I am really thankful for Imran Chaudhri for sharing such an insightful series of facts that went into the development. We get to read stories and see the ‘original sketch’ for the home screen. How cool is that? I will let you discover the next few slides but it’s so amazing to get such insight and learn from the pioneers of ‘user interface and experience. Enjoy!

digital touch was originally called E.T. for electronic touch. i called it that for its potential as a new form of emotional connection.

the drawing “ink” was inspired by my graffiti days. the ephemera was designed to communicate transmission while making it guilt free. pic.twitter.com/FadGhf8ho9

— Imran Chaudhri (@imranchaudhri) April 24, 2020

i‘ve always loved straps that were uncomplicated, the mechanism for the loop watchband was an evolution of velcro speedmaster straps worn by apollo astronauts. pic.twitter.com/8FLSRC1NrV

— Imran Chaudhri (@imranchaudhri) April 24, 2020

i created the solar watch face as a way for muslims observing ramadan to quickly see the position of the sun and for all to understand the sun’s relationship to time. #RamadanMubarak pic.twitter.com/4mcmIknqjm

— Imran Chaudhri (@imranchaudhri) April 24, 2020

Reasons Why You Should Avoid Free Hosting Services

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/7AJNT1v4IGM/reasons-why-you-should-avoid-free-hosting-services

Wherever you are in the branding process, a web presence is going to be a necessity at some point. Before you compose your first blog post or create the ultimate product, you’re going to need a reliable place to host your website. New businesses and those making the transition to eCommerce may be short on […]

The post Reasons Why You Should Avoid Free Hosting Services appeared first on designrfix.com.

15+ Figma Plugins to Help You Design Better

Original Source: https://www.sitepoint.com/15-figma-plugins-to-help-you-design-better/?utm_source=rss

15+ Figma Plugins to Help You Design Better

Figma, the second most-used tool for designing user interfaces (and the first most-used tool when counting only Windows OS), has really taken the digital design industry by storm lately, with even Adobe XD shipping their own version of Figma’s multiplayer feature (naming it “coediting”).

However, the hot topic at Figma right now is the release of plugins — extensions that Figma users can install on Figma to allow for extra functionality or to improve their design workflow.

Let’s take a look at some of the best Figma plugins so far.

1. Arrow Auto (create user flows)

Arrow Auto

Arrow Auto adds flowchart functionality to Figma, which is useful for creating user flow maps. Select any two objects on the canvas and Arrow Auto will enable you to draw a connector between them. You can also hide and show the flows on demand.

Autoflow is a decent (and maybe nicer looking) alternative, but Arrow Auto has more features, including the ability to switch connector directions and also move connected objects around while keeping connectors intact.

2. Angle (utilize device mockups)


Angle allows you to display your screens (i.e. artboards) from within a number of realistic or matte-effect device frames that each come with a variety of angle options and shadow styles.

Impressively, they’re 100% vector as well.

Artboard Studio isn’t quite the same thing, as it allows for inserting a whole bunch of random 3D objects onto the canvas (like a kiwi, for example). If you only care about device mockups, I’d install Angle. Vectory 3D is similar to Artboard Studio, but it outputs actual 3D assets.

3. Master (manage components more easily)


Master offers a better way to manage components, such as the ability to turn multiple identical objects into a component, duplicate components into other Figma files, and much more.

4. Clean Document (auto-clean documents)

Clean Document

Clean Document, well … cleans your document! It deletes hidden layers, sorts them intelligently, renames them according to your liking, ungroups single-layer groups, and even rounds dimensions to the nearest pixel. A terrific tool for obsessive neat freaks!

5. Similayer (select similar layers)


Quite simply, Similayer allows you to select layers based on their similarity to the layer that’s currently selected. Let’s say that you wanted to change a shadow style that’s being used on a number of different elements: Similayer could do that.

You could also use it to batch-reassign multiple components.

6. Viewports (change the viewport)


Find out the correct market share of all viewport dimensions, then apply them to frames. It’s insane how useful this is!

Viewport data is live-sourced from StatCounter.

Continue reading
15+ Figma Plugins to Help You Design Better
on SitePoint.

10 Free Tools to Create Your Own Maps

Original Source: https://www.hongkiat.com/blog/map-tools/

Maps are handy for a lot of reasons. Not only do they help us navigate through certain areas, they also enable us to learn more about the world and what it has to offer. What if you’re someone…

Visit hongkiat.com for full content.

17 Tools for Effective Customer Engagement

Original Source: https://www.webdesignerdepot.com/2020/04/17-tools-for-effective-customer-engagement/

Since you are dealing with customers — even if it’s just a few, it is important that you offer them the best possible experience. This is especially important for freelancers and small design agencies with a few clients because they don’t have the luxury of losing clients. In fact, 73% of clients say that having a positive experience is one of the key factors that influence their brand loyalty.

One way to improve your client experience is by having a good customer support/engagement channel. In this article, we’ll list the best tools for customer support/engagement. Let’s get started:

Help Desk Software

Help desk software is a centralized system that makes it easy to keep track of customer complaints, user requests, and efficiently deal with customer-care related queries.


Zendesk comes with all the features you would require from a help desk software. The app provides a flexible ticketing system with advanced reporting and analytics.

For design agencies and freelancers with a few clients, Zendesk offers a feature that allows you to host communities and forums where your clients can share and exchange answers.

It also offers over 100 integrations with other business solutions like CRM, cloud storage, and productivity apps. This is very useful for freelancers and small agencies with a limited budget. Instead of running all these applications separately, you can just integrate them into Zendesk.


Freshdesk comes with an intuitive and simple UI that makes it easy to work with. It offers different plans to meet the needs of both freelance designers and small design agencies.

For freelancers that work on mobile devices, Freshdesk also comes with a robust mobile app that is available for both Android and iOS users. With the app, you can handle client complaints and take your data anywhere you go.

Freshdesk also allows you to track recurring client complaints. Having a thread of recurring client complaints can be very useful. It is most likely you are doing something wrong since most of your clients are complaining of the same thing. Having this information can help you improve your performance.

Zoho Desk

Zoho Desk is a powerful help desk platform that offers designers multi-channel support capabilities. What this means is that you can engage with your clients on other channels apart from the app itself.

A unique feature that Zoho comes with is a content-aware AI called Zia. This AI provides clients with human-level responses in real-time. If you are not available to handle customer complaints, the AI can assist clients in navigating the right knowledge base for accurate answers and solutions to their queries.

Vision Helpdesk

Vision helpdesk is a robust helpdesk software that centralizes all client communications on one platform.

The platform offers multi-channel support that allows designers to communicate with clients through email, phone and chat, websites, and Facebook.

The platform also allows you to run client satisfaction surveys and reports. If you own a growing design agency, surveys like this are very important. It helps you understand which area of your business to improve.

If you work with a team of designers or freelancers, the software also has its own social media like hub for teams called Blabby.

Social Media Support

Most of your clients are on social media and it is important that you have an efficient system to answer queries and complaints. You need a dedicated social media support tool to efficiently deal with customer queries on social media.


When it comes to social media management, Hootsuite is one of the best tools available. The biggest advantage of this tool is that it allows you to manage all of your social media accounts in one place. Not only can you share posts and schedule updates with this tool, you can connect with your clients and answer all their requests/complaints on more than thirty social media platforms. The tool also offers easy integration with other third-party apps and business solutions.

Sprout Social

Sprout Social is an all-in-one social media interaction software that helps designers to increase engagement and communicate more efficiently with their clients. Sprout Social comes with three main features that make it essential for design agencies and freelancers: social customer service, social media management, and social media analytics. With this tool, you’re able to collect customer feedback that will help you to serve clients better.

One significant advantage of the tool is the user dashboard. It is well organized into six sections: Messages, Tasks, Feed, Publishing, Discovery, and Reports, that makes it easy to interact with your clients and also share social media posts.


AgoraPulse is a social moderation tool that allows designers to manage all their social media channels in one place. The platform is built to help designers communicate and respond to client queries efficiently across all social media platforms. It also allows designers to monitor mentions of themselves or their brand on popular social media networks like Facebook and LinkedIn.

Self-Service Knowledge Base

A self-service knowledge base is a centralized database that contains useful information that clients can go to directly for answers.


Bloomfire is a powerful knowledge management platform that allows agencies (and freelancers who have the time) to centralize all information and recurring customer queries in an easy-to-use search solution.

The software comes with a QnA module that allows clients to ask and answer the questions that bother them. The best part of the platform is that every information asked or answered on the application is never lost.


Helpjuice is an all-in-one knowledge base and customer support platform with a great user interface. It comes with tags that can be searched depending on the answer category.

A cool feature the platform comes with is that answers are automatically suggested as a client type in a question.

It also offers advanced analytics to help you see how many times a question was read and if the client found the solution helpful.


Flowlu is a platform that makes it easy for designers to curate data or information into a consolidated knowledge base for easy access by clients. The platform also features an online financial management system, intuitive collaboration tools, third party integration, and online payment integrations (this feature makes it easy for freelancers to collect payment from their clients).

Real-Time Communication

With real-time communication tools, allows you to respond to client complaints and queries immediately in a live environment.


Video is a great way to increase engagement with your clients and this is where Zoom comes into play. Zoom is a video conferencing tool that is used to run virtual meetings and conduct video demonstrations for clients. Another useful feature that Zoom comes with is instant sharing of documents, video files, and photos with clients. It supports a dual-screen system and comes with HD video and audio quality.


Aircall is a modern phone system solution that helps designers to run a call center without the need of physical phone lines. With this tool, you can conduct calls from anywhere in the world and provide services to your clients using its mobile and desktop applications. All you need to do is to install a VoIP system and you can start receiving phone calls from clients right away.


ConceptShare is a communication platform specifically created for designers and creatives. With ConceptShare, designers can review and approve any upcoming project. It also offers workflow automation which means that you and a client can communicate with each other on the platform without having to send a hundred emails back and forth. Another useful feature it offers designers is online proofing.

Customer Feedback & Satisfaction Surveys

Receiving feedback from clients helps you to serve them better. There are a ton of individuals offering the same services as you. To stand out, you need to give your clients the best user experience possible.


UserVoice is a management software that helps designers to collect feedback from their customers. It comes with iOS and Android SDKs which allow you to use the software directly on your phone. UserVoice aims to help businesses improve customer experience by enhancing customer service.

Client Heartbeat

Client Heartbeat is a tool that allows you to analyze customer satisfaction by sending out surveys via email. You can schedule the surveys to go out at different times — like every three to six months. The software makes use of a proprietary algorithm that helps you to determine the best questions to include in your survey depending on your industry.


Helio is one of the easiest ways for designers to receive feedback on their projects. The platform allows designers to get feedback easily during every stage of the design process. Designers can easily upload images, PowerPoint, and PDFs to the platform. From sketches to fully coded pages, or wireframes, Helio allows designers to share notes with clients, receive feedback, and stay organized.


zipBoard is a platform that allows designers and developers to collaborate and share feedback on designs. The platform features a project management solution and a visual feedback tool. zipBoard allows users to leave replies and attach files to feedback comments. The platform also integrates with third-party solutions like Slack.


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;}