Web Tricks

Introduction To Animation And The iMessage App Store With ShruggieIntroduction To Animation And The iMessage App Store With Shruggie Simon Schmid 2018-09-10T14:45:42+02:00 2018-09-10T15:25:11+00:00 When the App Store for iMessage in late 2016 went live, I released Kaomotion, a sticker app with animated kaomoji inside. Ever since the release of this app, I wanted to write up a tutorial about how a simple text character like shruggie (i.e. ¯_(ツ)_/¯) can be animated to give it life-like features: The Shruggie animation we’re going to make. (Large preview)What you are going to read in this article is a step-by-step guide of setting up a canvas in After Effects an...

This month’s collection of new tools and elements for designers has a common theme – productivity. There are so many things here to help you do work better and more efficiently. But there’s fun too…make sure to look for some of the hidden design gems deep in this article. They’ll bring a smile to your face for sure. If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered! Brandy Brandy is a brand asset management tool for macOS. Use it to keep up with colors, logos, gradient patterns and fonts by project. Everything works in real-time and one account can contain as many brand projects as you like. Plus, it works using drag and...

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week. Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news. Fix for WordPress Gutenberg 3.7.0 ‘Unexpected Error’ that Broke the Editor   The Typographic Details Behind Typewolf’s Favorite Sites of August 2018   If You Haven’t Already Switched t...

Getting Started With Machine LearningGetting Started With Machine Learning Alvin Wan 2018-09-07T14:00:26+02:00 2018-09-07T14:07:14+00:00 The goal of machine learning is to find patterns in data and use those patterns to make predictions. It can also give us a framework to discuss machine learning problems and solutions — as you’ll see in this article. First, we will start with definitions and applications for machine learning. Then, we will discuss abstractions in machine learning and use that to frame our discussion: data, models, optimization models, and optimization algorithms. Later on in the article, we will discuss fundamental topics that underlie all ma...

Have you ever visited a website, looked around for a bit, and then headed straight to the footer to find the information you were looking for? You’re not the only one. Footers are unique pieces of screen real estate that offer a number of benefits. They house important information (like contact details and copyright statements) and navigation options that make it easier for users to find what they’re looking for. In this article, we’ll talk about the importance of website footers and how you can use them to help your website’s visitors easily find what they’re looking for. We’ll also walk through some of the best practices you should keep in mind when designing mega-footers—the footer equivalent of the mega-menu. Why Footers Are Important We’re inclined to put a lot of effort into designi...

Businesses have more options today in terms of how they get their goods and services out to customers: strictly brick-and-mortar, 100% online, or a combination of the two. Because of this, web design isn’t necessarily as straightforward as we’d like it to be. Of course, there will always be certain best practices to abide by—abundant white space; responsive and mobile-first design; easy-to-find CTAs; streamlined user flow; consistent design and messaging site-wide. But big-picture items aside, what exactly do you need to know about designing for local businesses, global enterprises, and those that attempt to span both categories? Let’s take a look at the differences in designing for audiences based on location. Local vs. Global Web Design, What You Need to Know Below are 4 parts of the we...

Creating great UX is a primary goal for all product designers. It’s up to the designer to make a process of interaction with a product as simple as possible. Modern products try to achieve simplicity by following a fundamentally different approach called Anticipatory Design. This article is intended to make you familiar with the concept of anticipatory design, as well as share a few excellent examples of how anticipatory design can be used in practice. What is Anticipatory Design? Anticipatory design is a design that delivers what users want before they want it. It can be said that anticipatory design is one step ahead of users. How Does Anticipatory Design Work? Since making a decision requires some cognitive resources, it’s possible to save resources by removing the need to make a decis...