Tag: passing

What should be the contrast level of inactive buttons?

Using the APCA Readability Criterion to improve the accessibility of disabled controls Disabled buttons. They need to look non-interactable. But they also can’t be completely unreadable. How do I find the sweet spot? I spent a few hours in a deep dive going through a bunch of blogs and accessibility guidelines documentation in search for best approaches… Continue reading What should be the contrast level of inactive buttons?

How to ‘un-stuck’ your design work

Three lifelines to call on when you’re feeling stuck creatively I’ve been a professional designer for over twenty years, working across a wide range of media: UX/UI, motion, branding, web design, mobile apps, and creative coding. Most lately, I’ve been developing my font design practice. Design is a long journey of exploration and growth. You… Continue reading How to ‘un-stuck’ your design work

Embracing change with system-driven design

To embrace change, you have to make it easy and cheap. System-driven design is one way to do just that. Waterfall, the double diamond, and other traditional ways of approaching the development of digital products rooted in the building perspective take for granted that it’s easier to make changes to designs than code. They operate under… Continue reading Embracing change with system-driven design

What Are Core Web Vitals? A Detailed Introduction to Google’s Web Performance Metrics

In this article, we’ll look into Google’s Web Vitals initiative and the three Core Web Vital metrics. I’ll show you how they measure web performance, summarize their pros and cons, and explain how you can optimize your website for them. Core Web Vitals are Google’s core metrics to quantify the overall vitality of a web page from the… Continue reading What Are Core Web Vitals? A Detailed Introduction to Google’s Web Performance Metrics

Sketchy Pencil Effect with Three.js Post-Processing

From our sponsor: Get suggestions for improving your content, targeting, and marketing automations to help you increase revenue. In this tutorial, you’ll learn how to create a sketchy, pencil effect using Three.js post-processing. We’ll go through the steps for creating a custom post-processing render pass, implementing edge detection in WebGL, re-rendering the normal buffer… Continue reading Sketchy Pencil Effect with Three.js Post-Processing

How to Crop or Resize an Image With JavaScript

It’s very easy to show a resized or cropped version of an image on a website using CSS. However, this doesn’t change the original image data. What if you want to create an actual cropped or resized version of an image for your visitors or clients? We’ve already published a couple of tutorials on how… Continue reading How to Crop or Resize an Image With JavaScript

Design lessons from the National Football League (NFL)

[unable to retrieve full-text content] While growing up in Western PA, like most kids, I grew up loving and playing football and becoming a Pittsburgh Steelers fan. As NFL devotees, we endured a surreal 2020 football season with the pandemic from empty stands replaced by cardboard fans to injury reports containing COVID19 infections. Yet, with… Continue reading Design lessons from the National Football League (NFL)

Understanding PHP Constructors

In this article, we’re going to discuss the basics of constructors in PHP. You’ll learn the purpose of PHP constructors and how to use them. What Is a Constructor? Here’s the official definition: Constructors are ordinary methods which are called during the instantiation of their corresponding object. As such, they may define an arbitrary number… Continue reading Understanding PHP Constructors

Anonymous and Arrow Functions in PHP

I’ve already covered the basics of functions in PHP in one of a previous tutorials. Even though PHP has a lot of built-in functions, it gives us the choice to define our own functions as well. There are different ways to define our own functions in PHP. PHP Functions in PHP: Return Values and Parameters… Continue reading Anonymous and Arrow Functions in PHP

Understanding Variable Scope in PHP

Variables are an important part of any programming language. You can use them to store all kinds of information like integers, floats, strings, arrays, the contents of a file, etc. The data stored in variables can then be manipulated by adding or removing information. Using variables also allows us to create loops and perform some… Continue reading Understanding Variable Scope in PHP

Creating Pretty Popup Messages Using SweetAlert2

Every now and then, you will have to show an alert box to your users to let them know about an error or notification. The problem with the default alert boxes provided by browsers is that they are not very attractive. When you are creating a website with great color combinations and fancy animation to… Continue reading Creating Pretty Popup Messages Using SweetAlert2

Using ipdata for Geolocation

When most people think of geolocation, they remember the familiar pop-up notifications saying that the “website wants to know your location”. But did you know that you can get geolocation information about your visitors with the IP address alone, without requiring any extra permissions? To web developers, geolocation is a treasure trove of information and… Continue reading Using ipdata for Geolocation

How to Create Your First Android App Step-by-Step

To create a native Android app, one that can directly use all the features and functionality available on an Android phone or tablet, you need to use the Android platform’s Java API framework. This is the API that allows you to perform common tasks such as drawing text, shapes, and colors on the screen, playing… Continue reading How to Create Your First Android App Step-by-Step

The Latest Research for Web Designers, January 2020

One of the most powerful tools we have in web design is consumer and industry data. It’s like a gauge that tells us whether we’re still heading in the right direction or it’s time to change course and adopt a new strategy or approach. Unless you’re combing the web for the latest news and reports… Continue reading The Latest Research for Web Designers, January 2020

How to Build an SEO Tool from Scratch

A quick Google search of the term “SEO tools” will give you a list of countless apps and software all claiming to help you get higher rankings. For SEO specialists and digital marketers, this can be both good and bad news. Good, because it’s a sign that the industry is constantly evolving. Bad, because finding… Continue reading How to Build an SEO Tool from Scratch

ECommerce Metrics That Matter

It’s nearly 2020, and every eCommerce brand should be using key metrics to pinpoint advertising, boost sales and improve fulfillment.  Emma Miller, Senior Editor at Bizzmark, calls metrics the “one thing that can make or break your online presence.” She goes on: “To succeed in the competitive online market, you need to set measurable goals,… Continue reading ECommerce Metrics That Matter

Create a Google Login Page in PHP

In this article, I’m going to explain how to integrate Google Login in your PHP website. We’ll use the Google OAuth API which is an easy and powerful way to add Google Login to your site. As a web user, you’ve probably experienced the hassle of managing different accounts for different sites. Specifically, when you have… Continue reading Create a Google Login Page in PHP

Easy Form Validation With jQuery

In our previous tutorial, we discussed how to implement basic form validation using some input attributes in HTML5 and a little Regex.  HTML5 Form Input Validation Using Only HTML5 and Regex Monty Shokeen In this tutorial, we will learn how to use a jQuery plugin to add form validation to your website. Using a jQuery… Continue reading Easy Form Validation With jQuery

Here’s How You Can Improve WordPress Code with Latest PHP Features

PHP is one of the most powerful and preferred scripting languages, and a huge number of WordPress sites are powered by it. However, developers faced several issues with this combo,and they are about to be answered. One of the main problems with WordPress and PHP up till now was mainly because of its backward compatibility… Continue reading Here’s How You Can Improve WordPress Code with Latest PHP Features

Build Your Own CAPTCHA and Contact Form in PHP

People write code every day to automate a variety of processes. We exploit the fact that computers are a lot faster and more accurate than humans, which lets us simplify a lot of mundane tasks. Unfortunately, these same abilities can be used to program computers to do something malicious like sending spam or guessing passwords.… Continue reading Build Your Own CAPTCHA and Contact Form in PHP

File Upload With Multer in Node.js and Express

When a web client uploads a file to a server, it is generally submitted through a form and encoded as multipart/form-data. Multer is middleware for Express and Node.js that makes it easy to handle this multipart/form-data when your users upload files. In this tutorial, I’ll show you how to use this library to handle different file upload situations… Continue reading File Upload With Multer in Node.js and Express

Get Started With Pusher: Using Presence Channels

In this series, we’ve been learning about Channels from Pusher, a platform that allows you to give your users the seamless real-time experience they want. Presence channels build on the security provided by private channels, but they add the benefit of knowing which users are subscribed and connected to that channel. The best part is how… Continue reading Get Started With Pusher: Using Presence Channels

An Overview of JavaScript Promises

This tutorial covers the basics of JavaScript promises, showing how you can leverage them in your JavaScript development. The concept of promises is not new to web development. Many of us have already used promises in the form of libraries such as Q, when.js, RSVP.js, etc. Even jQuery has something called a Deferred object, which… Continue reading An Overview of JavaScript Promises