Imagine the public excitement when, in 1951, William Edmund Hick (“Hickey” to his friends?!) and Ray (with an “a”) Hyman published research about people’s responses to a bunch of flashing lights. I’m sure no-one could imagine how important this work would be for the information age since, of course, at that time, a bank of… Continue reading Less is (Almost) Definitely More: An Introduction to Hick’s Law for Web Designers
Tag: Notice
Would The Web Be Better With One Good Browser?
When Tim Berners-Lee gave us the WorldWideWeb in 1990, it was the first and only web browser. But it didn’t remain alone for long. Even in those early days of the web, there was plenty of competition for web browser market share: Mosaic, MidasWWW, SlipKnot, Arena, Netscape, and Internet Explorer emerged around that time, too,… Continue reading Would The Web Be Better With One Good Browser?
How to Create a Print-Ready Pocket Folder
A pocket folder professionally organizes your documents. When customized with a design to match your brand, it can be the cherry on top of your marketing collateral. However, it can be a long road to that perfect presentation folder if your design isn’t print-ready. What type of file do you have? Is it the correct… Continue reading How to Create a Print-Ready Pocket Folder
Mobile App Website Inspiration: 20 Application Websites And Tips To Design One
App websites are sometimes neglected by app owners. The owners or developers set up everything in place for the app to go ballistic on the market, except doing the basic marketing step: designing an app website that converts your visitors to users. But is it enough to create a random website for an app? Nope.… Continue reading Mobile App Website Inspiration: 20 Application Websites And Tips To Design One
How to Create a Typographic Album Cover
What You’ll Be Creating In this article, we’ll analyze some album cover design examples that have an emphasis on typography. Then, we’ll take some of these album cover ideas and experiment with them in a sample typographic album cover. Whether your focus is on CD album covers, a cover for your podcast, or creating and… Continue reading How to Create a Typographic Album Cover
How to Create a Mailchimp Subscribe Form Widget for WordPress
In this tutorial I’ll explain how to create a “Mailchimp subscribe form widget” using WordPress, the Mailchimp API, and AJAX. It will be aimed at competent beginner developers, and requires some understanding of PHP and WordPress development. There’s a lot to do, so let’s get stuck in! A Quick Note on APIs “The web has… Continue reading How to Create a Mailchimp Subscribe Form Widget for WordPress
How to Get Your Newsletter Read
Being in the business of building websites, it’s easy to forget that no matter how great they look, how well they perform, or how optimized they are for search, a website alone will not attract visitors back to it. You have to give them a good reason to return. Blogging and other content generation is… Continue reading How to Get Your Newsletter Read
20+ Online Ad Banner (Maker) Template Designs to Customise Now
If you’re just getting into online advertising or hoping to boost your online traffic with better advertisements, ad banners are the way to go. Ad banners are currently one of the most ubiquitous forms of marketing used on the internet. Companies use them for everything from raising their brand profile to increasing engagement, announcing discounts,… Continue reading 20+ Online Ad Banner (Maker) Template Designs to Customise Now
Create Style Variations for WordPress Gutenberg Blocks: Part 2
In the previous post we learned all about block style variations and how they’re used in the brand new WordPress 5.0 editor to switch between predefined styles easily. We’ll take things a little further in this post by providing more examples to give you a solid base for implementing block style variations in your own… Continue reading Create Style Variations for WordPress Gutenberg Blocks: Part 2
How to Draw a Cartoon Nose
What You’ll Be Creating In this tutorial, we’ll look at different ways of drawing cartoon noses. We’ll start with the nose’s construction, and then use this in the context of experimenting with stylistic renditions of this part of the face. When in doubt, I recommend looking at references, even when drawing stylistically! They can be… Continue reading How to Draw a Cartoon Nose
How to Create an Isometric Map Mockup Action in Adobe Photoshop
What You’ll Be Creating From this tutorial, you’ll learn some new techniques and tricks. We’ll be using the Isometric Map Mockup product as an example and seeing in detail how it was created. At the end, you’ll have a fully workable action and confidence in building “transformation actions”. Got no time and need this action as soon as possible?… Continue reading How to Create an Isometric Map Mockup Action in Adobe Photoshop
Build An Eye-Tracking Alien with JavaScript ― Scotch
Hi and welcome to our Code Challenge #4. This week on the challenge we shall be delving into mouse tracking with JavaScript and simple animations with CSS. The Challenge The challenge is basically to build this Alien from Mars. We were browsing CodePen and saw this awesome CSS alien built by Eduardo Sada. View the… Continue reading Build An Eye-Tracking Alien with JavaScript ― Scotch
Build a Calculator with CSS Grid ― Scotch
This post is the second in a new Scotch series called Code Challenge. We haven’t done one of these since April 23, 2015 but we’d love to start them up more often. Every week we will post an image or tiny app that you can try to build yourselves! We encourage you to use CodePen… Continue reading Build a Calculator with CSS Grid ― Scotch
Canny Edge Detector Using Python
Edge detection is an essential image analysis technique when someone is interested in recognizing objects by their outlines, and it’s also considered an essential step in recovering information from images. For instance, edge detection can extract important features like lines and curves, which are then normally used by higher-level computer vision or image-processing algorithms. A… Continue reading Canny Edge Detector Using Python
9 Email Design Inspiration for a Killer Campaign
Email marketing has been rumored to be dead. Don’t believe that just yet. People still read emails. In fact, 80% of retail businesses say that email marketing is the number one customer retention, according to eMarketer. There are many factors for when an email is considered “good.” But right now, let’s talk about design first.… Continue reading 9 Email Design Inspiration for a Killer Campaign
What designers can learn from the iPhone X
I’ve been playing around with the iPhone X for a couple of days now. The one thing that surprises me the most is how different it is from all the previous models. It’s the most radical deviation from the original iPhone, and yet — or perhaps precisely because of it — the best update so far. With it’s high… Continue reading What designers can learn from the iPhone X
Angular 2 Transclusion using ng-content
Free Course Getting Started with Angular 2 Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. Get Started Wait a minute… What is transclusion? Understanding Transclusion Don’t get confused by the term Transclusion. It’s best explained using an example. Let’s say we have… Continue reading Angular 2 Transclusion using ng-content
Animation for Beginners: How to Animate a Head Turn
What You’ll Be Creating Today we are going to learn how to animate a character turning his head. You’ll find that you will be animating head turns a lot when you do character animation. A head turn is challenging to animate because the mass and shape need to be consistent, as do the elements of… Continue reading Animation for Beginners: How to Animate a Head Turn
How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site
Today, WordPress powers 25% of all of the world’s websites, so it’s safe to say that what started as blogging software has grown into something much bigger than its humble origins, and is ready to be used on production-level sites from news portals to complete web applications. With this level of professionalism, new needs arise. On a personal blog read by… Continue reading How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site
How to Create a Seder Plate for Passover in Adobe Illustrator
What You’ll Be Creating Whether or not you observe Passover, this is a great time to create and learn about the Seder plate and what it means during this Jewish holiday season. Celebrated this year from sunset on 22 April to 30 April (or nightfall of the 29th if you’re in Israel), Passover celebrates the… Continue reading How to Create a Seder Plate for Passover in Adobe Illustrator
How to Work With WordPress Term Meta: Term Metadata API
The first post in this series laid the groundwork for understanding taxonomies, terms, and their relationship within the context of WordPress. If you haven’t read it yet and you’re brand new to WordPress development, then I highly recommend reading through it as this post is going to build on top of everything covered in that… Continue reading How to Work With WordPress Term Meta: Term Metadata API
How to Work With WordPress User Metadata
In the previous article, we discussed working with post metadata in WordPress using the provided APIs. We also covered a variety of tools, the ideas of security, and what would be required in order to set up the environment in which to work with the code that would be provided throughout the tutorial. If you… Continue reading How to Work With WordPress User Metadata
Editing Images in CSS: Combining Techniques
In last two tutorials of this series, we have discussed how filters and blend modes can completely change the appearance of images. In this tutorial, I will cover the basics of editing images by using both these properties together. The Basics of Layering Image Effects With CSS Any non-primitive image editing usually requires more than… Continue reading Editing Images in CSS: Combining Techniques
Animation for Beginners: How to Animate a Character Running
What You’ll Be Creating In this tutorial we will be animating a cycle of a character running. In this case, the character will appear to be running in place. If this run cycle were to be incorporated into a movie, perhaps a background scrolling from right to left would be behind the character. Walks and… Continue reading Animation for Beginners: How to Animate a Character Running