2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

In this tutorial we’ll describe two straightforward techniques for protecting HTML email links from being scraped by spammers. Although these techniques cannot guarantee full success, they’ll give you an extra layer of protection. Email Templates on Envato Elements Before we dive in, don’t forget that you can download unlimited email templates with your Envato Elements… Continue reading 2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

Whatsapp Communities — Much needed or a bad move?

Whatsapp Communities — Much needed or a bad move? A few days back WhatsApp announced that it is launching Communities, one of its most anticipated features in recent times very soon. But is this really a good move by Meta? Here’s a brief post around it. That’s how Zuckerberg started his 452-word-long Facebook post announcing the launch of the… Continue reading Whatsapp Communities — Much needed or a bad move?

How to Create a Sticky Toolbar With CSS and a Bit of JavaScript

In this new tutorial we’ll learn how to create a sticky (or fixed) toolbar—also referred to as a vertical navigation menu—with animated tooltips that you can use on your sites for all sorts of things. For example, if you are a store owner, you can use it to include a quick links feature for promoting… Continue reading How to Create a Sticky Toolbar With CSS and a Bit of JavaScript

Visual forensics, impostor syndrome, UI color system, accessibility checklist

Weekly curated resources for designers — thinkers and makers. “User feedback is always a valuable source of information. But if product designers aren’t careful, user feedback can quickly become a to-do list of features organized by whoever yells the loudest and most often. This not only runs the risk of pulling a product team in dozens of different… Continue reading Visual forensics, impostor syndrome, UI color system, accessibility checklist

I Took on an Internship When I First Switched Careers into UX – Here’s Why

[unable to retrieve full-text content] Breaking into UX may not be as straightforward as you may think Whenever people talk about career switching, securing full-time jobs usually come To mind. This was exactly what I thought when I signed up for a UX course a year ago. However, is breaking into UX really that easy? I’d… Continue reading I Took on an Internship When I First Switched Careers into UX – Here’s Why

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

How to Build a UIkit Lightbox With Dot Navigation

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever worked with the UIkit front-end framework? Its current version at the time of writing is 3.9.4, and in the next few months, YOOtheme (the team behind it) plan to release v4. This isn’t the first time I’ve written about UIkit; some years ago, while still… Continue reading How to Build a UIkit Lightbox With Dot Navigation

3 Essential Design Trends, October 2021

Design trends on top of design trends. This theme of this month’s collection is trends that seem to build on each other. These examples use multiple trends listed here: hero typography, round buttons, and big branding. Here’s what’s trending in design this month… 1. Hero Typography Big, bold, and even unusual typography choices are the… Continue reading 3 Essential Design Trends, October 2021

Exciting New Tools for Designers, September 2021

Since school is back in session, this month’s roundup has a learning focus. In addition to tools, many of the resources include guides, tutorials, and cheat sheets to help make design work easier. Here’s what’s new for designers this month. ScrollingMockup.io ScrollingMockup.io generates high-definition, animated scrolling mockups in minutes. All you have to do is… Continue reading Exciting New Tools for Designers, September 2021

7 Essential Design Tips for a Killer “About Us” Page

Creating an incredible brand experience for an end-user is about more than just designing the right home page or lining up a series of great product pages.  Effective website design conveys crucial information about a company, through everything from font styles, to image choices. Nowhere is this representation of brand identity more important than on… Continue reading 7 Essential Design Tips for a Killer “About Us” Page

How To Fix Outlook Dark Mode Problems (Email Design)

Unpredictable text color changes in Outlook for Windows is one of the many mind-boggling issues you’ve no doubt encountered if you’ve ever built an HTML email for Dark Mode. Outlook brutally inverts colors in Dark Mode, in some cases even turning dark colors into white. Not only can this result in very unsightly parts of… Continue reading How To Fix Outlook Dark Mode Problems (Email Design)

How to Make your First App in Java

Are you a budding developer who knows the basics of Java and wants to make their first app using Android Studio? With PlayStore currently hosting 2.89 million Android apps and growing every minute, it is a great decision to learn and eventually master Android apps development. Get Started With Android Studio To make an android… Continue reading How to Make your First App in Java

Top 7 Ways to Brush Up your Java Development Skills

1. Go Back to Basics [OOP, Data Structures & Algorithms] One can not build a skyscraper without having deep firm roots. Similarly, if you want to grow as a reputed developer, you must be great at the core concepts of Computer Science. We can not stress this enough, that having small conceptual issues in understanding… Continue reading Top 7 Ways to Brush Up your Java Development Skills

Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS

Have you ever wanted to build a unique single-page scrolling website yet didn’t know where to start? If so, don’t worry! Today we’re going to create together such a website. To achieve this, we’ll take advantage of Locomotive Scroll, a small and easy-to-use JavaScript library for cool scrolling effects. Plus, to speed up the development… Continue reading Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS

17 Things You Can Do To Improve Your SEO Ranking In 2021

There’s no shortcut to success when it comes to Google search results. That is unless you count pay-per-click advertising. While pay-to-play will shoot your site to the top of the SERP immediately, it’s not a sustainable strategy for maintaining your position there. So, you’re going to have to get serious about SEO. This guide will… Continue reading 17 Things You Can Do To Improve Your SEO Ranking In 2021

How to React to Touch Events in Flutter

Almost every app will need some sort of user input. Usually, your app will need to respond to touch events. This is a small guide to touch events, especially for starting Flutter developers. When it comes to gesture recognition and reaction to touch events, Flutter offers incredible widgets for new developers. You can make any… Continue reading How to React to Touch Events in Flutter

Understanding Cybersecurity for Your Website

A massive national oil pipeline was recently shut down amidst a secondary pandemic of ransomware attacks. This comes just as industries pivot to accommodate the virtual shifts brought about by COVID-19. For your website, this means a new and focused approach towards cybersecurity is more important than ever. Understanding the importance of cybersecurity is the… Continue reading Understanding Cybersecurity for Your Website

A Comprehensive Guide to Flexbox Ordering & Reordering

The flexbox layout module allows us to lay out flex items in any order and direction. Flexbox ordering is, in fact, easier than ordering with floats or CSS grid, even if you might not think so at first. As flexbox is a one-dimensional layout model, as opposed to CSS grid which is two-dimensional, you only have… Continue reading A Comprehensive Guide to Flexbox Ordering & Reordering

How to Preserve the Menu State on Page Load (Using Local Storage)

What You’ll Be Creating In this tutorial, we’ll create a simple static site with Tailwind CSS and then learn how to preserve its menu state on page load. The first time we visit the site, the menu will be hidden. However, as soon as we open it and close the browser, we’ll use local storage… Continue reading How to Preserve the Menu State on Page Load (Using Local Storage)

5 Easy Hacks for Designers to Boost Their Personal Brand

Stop procrastinating and get unstuck with these tips to enhance your branding and attract clients. You’re a busy freelance designer. You’re always hustling hard to make sure that your clients are taken care of — a bit too hard, in fact. You consistently deliver amazing design work for your clients, but you’ve been procrastinating on investing… Continue reading 5 Easy Hacks for Designers to Boost Their Personal Brand

17 Fonts Similar to Arial

In this article, we’ll cover the history of Arial, the Helvetica substitute. We’ll give you an overview of the font and some amazing fonts similar to the Arial font. Arial has become the synonym for Helvetica since its beginnings. There are no two fonts with more history, critique, and comparison than these two. Arial is… Continue reading 17 Fonts Similar to Arial

How to Build a Simple Theme Switcher With the CSS Checkbox Hack

In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables. Ready for another CSS challenge? Note: This tutorial assumes that you’re familiar with this particular CSS technique along with advanced CSS selectors (e.g. general sibling combinator). If you haven’t heard of… Continue reading How to Build a Simple Theme Switcher With the CSS Checkbox Hack

5 Platforms to Showcase Your Work as a Beginner Designer

2 Shares Social media are one of the marvels introduced to us by the internet. It allows us to communicate and share anything we want from anywhere. And that provides countless opportunities for those who want to earn money by doing art. But where do I start as a beginner designer? What platforms are the… Continue reading 5 Platforms to Showcase Your Work as a Beginner Designer

CSS Charts: How to Create a Horizontal Organizational Chart

In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of building its corresponding horizontal one.  CSS CSS Charts: How to Create an Organizational Chart George Martsoukos And here’s the twist; we’ll create this new chart without changing a single line… Continue reading CSS Charts: How to Create a Horizontal Organizational Chart