Friday, April 20, 2018

Walmart.Com Gets a Massive Redesign

We’re getting another massive redesign, folks, and this time it comes from a true American (and now worldwide) retail institution. Their new design is focused on delivering a modern, stylish aesthetic, more convenient shopping opportunities, and a renewed focus on fashion. Believe it or not, I’m talking about Walmart.

I’ll be honest, “fashionable” is not the first word that comes to mind when I think about the old Gold, White, and Blue. I mean, I have bought a lot of my clothing there, but that’s because I’ve lived most of my life on a pretty strict budget. Those colors always meant “decent stuff at low-ish prices” to me, and Walmart has been reliable in that.

Aesthetic Changes

Well it seems they’re ready to re-brand themselves just a bit, because their website is taking a whole new approach to the Walmart experience. The first major change is, of course, the new look and feel of their main website. For comparison, here’s the old design:

And here’s the new one:

The old UI was not overly-cluttered, especially given the size of the retailer that we’re dealing with. The new one presents an even greater emphasis on white space, though. Instead of offering you everything all at once, there’s a clear emphasis on selling more finely-targeted products. Everything is still available, but you might have to refine your search.

Speaking of which, search has always been front and center. But now, it’s even more isolated, as UI elements go. The navigation menu is even smaller, eschewing the “Departments” text. It seems they’d rather focus on the search bar as their primary means of finding the products you want. But the menu is still there, if you want to browse.

Another interesting change is that the branding has been minimized. By default, you don’t even see the name “Walmart”, just that little logo. Walmart can certainly get away with a change like this, being as large as they are.

Still, I can’t help but suspect that some users might find themselves uncomfortably wondering where the bold, classic Walmart went. Indeed, the general aesthetic reminds me more of the old Metro UI/Bing than anything else. It’s as if Material Design was made by Microsoft, and Walmart went all in. It certainly looks pretty enough, and modern, and stylish. But man it does not look like Walmart.

If that’s what they were going for, then they have succeeded admirably.

Also, Walmart apparently read the same research the rest of us did on how bigger images sell. There are a few more of them, now.

Functional Changes

Of course, Walmart is also taking this opportunity to refine how they sell things to people. For example, a lot of your experience on the site will be affected by which Walmart locations are actually nearby, and what services they offer. I suspect the local inventory will also have a lot to do with it.

What’s more, your shopping experience will change based on the department you’re browsing through. Take groceries, for example. You probably mostly want to buy the same stuff as you did last week, so the UI will focus on making that easier. Meanwhile, if you want furniture, you’ll likely want to shop by style, and you likely won’t be buying the same thing every week.

So Does It Work?

The real question is this: why bother? Does Walmart intend to distance itself from previous public perceptions? Their blog post detailing the changes reiterates the same commitment to low prices they’ve always espoused, so it doesn’t seem like they’re going for a “luxury brand” image.

If they just wanted it to look better, I’d say they’ve moved laterally. The style is certainly different, and cleaner. I have no complaints about it. But as ecommerce experiences go, I didn’t see any particular glaring issues with the last design.

Functionality is a different matter. If the new design system is intended to make it easier for Walmart to offer more custom-tailored shopping experiences, then I’d say they succeeded in that. It also makes the most sense as a potential reason for the whole redesign. They’re a retailer. Selling more == good.

And hey, they already know the difference between things you want to buy repeatedly, and things you don’t. That’s a step up from Amazon.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
Walmart.Com Gets a Massive Redesign

Thursday, April 19, 2018

Hire the Best Internet Marketing Company

I’m sure by now you know that your business needs to be online in order to maximize exposure of your brand. But how do you get it done if you don’t have the skills? You need to hire the best internet marketing company your budget can afford.

Understanding Internet Marketing Strategies

There are many different facets of internet marketing for small business. Some of the main points are website design, SEO, map rankings, social media optimization and video marketing.

For local businesses, these will be your bread and butter. Done properly, these strategies will ensure that customers can find you on the web. Additionally, they will trust your brand and you have a great shot at earning their business.

Lead Generation website is part of internet marketing for small business

Conversion Focused Lead Generation Website

I understand that 4 years ago you spent $1000 on a website and you still love it. Worse yet, you never got back a return on that money.

Just know that it isn’t your fault. If you have a website that old, folks aren’t going to gain trust when it pops up on their screen. Quite frankly, it gives the appearance that you don’t care about your brand.

Essentially, your website is your first impression in most cases. Make sure that you give the visitor a clean website with easy access to contact information. Show them some testimonials and make sure you clearly state how you can solve their problem.

If you can accomplish these simple things, your website will no longer stand in the way of your internet marketing goals and you will see an increase in conversions.

On Page SEO

Search Engine Optimization (SEO)

Back in the day, folks just picked up the phone book and called the first company they found.

That is why businesses were named “AAA Business” or “A-1 Business”. They showed up first!

Essentially, this was the first form of “SEO”. By naming their businesses in this manner, they were ensuring that they showed up at the top of the search results.

Not many people use a phone book anymore to find a local business, but SEO is alive and well. The difference is that today business owners want to rank at the top of Google, rather than the pages of a yellow phone book that was delivered to their doorstep.

While naming your business near the front of the alphabet won’t help you rank better on Google, we can boost your position. An SEO package will make sure that your online properties are optimized and that you show above the competition in the organic search results.

The cost of SEO varies wildly and is based on competition. As you can imagine, SEO for a plastic surgeon in Hollywood is going to cost far more than it would for a snow removal company in Vegas.

For one, plastic surgery costs a lot more and is highly sought after in Hollywood, thus it has more competition in the search rankings. Adversely, it doesn’t snow a lot in Vegas so there isn’t likely any competition for snow removal rankings.

In general,  SEO packages are sold as a monthly service since rankings are always fluid. You can’t just reach #1 and expect to stay with no additional effort. Whoever was in that spot will want it back, thus an ongoing service is needed.

Internet Marketing Company Will Add Business to Google Maps

Earning a 3 Pack Position

I’m sure by now you have heard of the “3 pack or map pack”. This is the map feature Google displays when searching for service-based businesses. The display is part of the Google My Business listing, which is free to business owners.

The map pack gathers a large portion of clicks and your business can explode if you haven’t been taking advantage. If this is you, go sign up for GMB right now!

Just having a GMB listing isn’t going to guarantee that visitors see you though. As you can imagine, these map listings are coveted. They can also be optimized and improved.

Just like regular SEO, optimizing the map ranking is also an ongoing service. Also, there is a direct correlation between the organic ranking of your website and your GMB ranking for a great number of searches. This means that in some cities, for some niches, you simply can’t rank in the map pack without ranking highly organically on Google.

Social media network

Social Media Optimization

Social media is all the rage today. Everyone is using at least one platform and many folks use several. If you don’t have a business page on the popular social media channels, you are leaving money on the table.

Using social media to engage your audience is an excellent way to build trust as well as improve brand recognition. By keeping active, your users will have you front of mind when they need a service you provide.

One thing to consider when using social media, it won’t go away. Never use social media to engage negatively with a customer. Even when they are wrong, you want to take the high road.

Basically, it comes down to the old analogy: when I do something right, nobody notices; but when I do something wrong, nobody forgets. Keep that in mind and always take a minute to read what you typed before hitting enter.

Video Marketing

Video Marketing

I’m sure I don’t need to state how important video is in today’s internet marketing landscape. The number of video hours watched per day on YouTube is increasing at an alarming rate. The reason is simple…

Video works!

Not only do people love to watch videos, they also like to share them more than standard text content. This means that using video could have great effects on your brand.

Don’t think that you can’t use video because it costs too much either.

Most businesses do not need some elaborate and flashy trailer type video. A set of slideshow or spokesperson style videos targeted for the services you provide will do just fine. They also won’t cost you a fortune. What they will do is boost engagement and give you additional opportunities to be found online.

Go With the Best Internet Marketing Company

Hopefully, this post gave you some insight into what type of services you can acquire in the realm of internet marketing. Feel free to reach out if you have any questions.

Of course, if you want to work with the best, Cloud Inspector provides internet marketing for small business on a daily basis.

The post Hire the Best Internet Marketing Company appeared first on Cloud Inspector Web Design.


Hire the Best Internet Marketing Company posted first on http://www.cloudinspectorwd.com/

AI Basics: Natural Language Processing with Node.Js

For a couple of years now, AI and Machine Learning have been taking over web forums as well as adding to the excitement of eager developers who are keen to give it a go in their projects. I’m by no means a Machine Learning expert, but I have brushed the surface of it in a couple of development projects which required a “smarter” way of doing things.

To be clear, what we’re going to explore today is only the tip of the iceberg when it comes to Machine Learning and my examples are going to be quite rudimentary, however Natural Language Processing is quite an exciting prospect and has some amazing, yet creative use cases for your projects, examples of those would be:

  • More intelligent search suggestions and search results
  • Chatbot integration for a better understanding of user input / conversation
  • Text to Speech integrations, similar to services like Amazon Polly
  • Content editing features for content producers like spell checks, syntax and more.

What is NLP?

Natural Language Processing by definition as stated on Wikipedia, refers to: “the application of computational techniques to the analysis and synthesis of natural language and speech.” – Lets break that down.

An NLP library will help you perform relatively complicated data extraction on string. Ever searched on Google and spelled a word incorrectly? Ever noticed how Google then tells you, “Displaying results for x as well” – well that’s some NLP at work. The search form on Google’s home page is incredibly complex when it comes to analyzing what, we as humans have typed into the form input.

NLP is usually performed on a string of words.

As a developer using an NLP library I can extract a ton of information that could help perform almost any task I like. For this project, we’ll be using Natural.

For the sake of brevity I’m just going to cover the most useful methods that would be quick to implement into your own projects and iterate on.

I found this article title on Web Designer Depot:

“The Secret Designer: First Job Horror”

Analyzing the entire string is one thing, but we want to be able to perform methods on individual words in order to extract more data from them. Luckily, we can use a tokenizer to do so, have a look below:

Tokens

var nlp = require('natural');
var tokenizer = new nlp.WordTokenizer();
console.log(tokenizer.tokenize("The Secret Designer: First Job Horror"));

This will return a simple JS array to our program:

[ 'The', 'Secret', 'Designer', 'First', 'Job', 'Horror' ]

The WordTokenizer simply breaks up the string into words that we can iterate and perform methods on. Interestingly, the Natural library comes with a few different tokenizers.

Natural has collected a number of algorithms written by some very smart people to perform the functionality we will discuss, there’s a few ways to skin a cat in these examples so if you’d like to dive a bit deeper, all the information is on the Natural Github page.

String Distance

Natural uses the Levenshtein distances algorithm as a way of determining if two strings match:

var nlp = require('natural');
console.log(natural.LevenshteinDistance("Daine","Dane"));

The above will log out 1 meaning that the two strings match in context of the algorithm. As you can see, there are many ways of spelling “Daine” – Levenshtein distances can get incredibly complex as it uses a number of parameters referred to as:

  • insertions
  • substitutions
  • deletions

In the example above, we have inserted an i thus the Levenshtein distance will compute the string based on an insertion. This method is very useful for providing suggestions based on bad spelling.

Approximate String Matching

Another great piece of functionality that could really spice up your apps is Approximate String Matching. Similar to “String Distance” above.  In fact, it implements the Levenshtein algorithm. This method is better for strings with more context or some kind of entity (ie, A city, country, person, etc) that could be spelled wrong within a string.

Phonetics

For words that sound the same, yet have a different meaning, the metaphone.compare() method is incredibly useful.

var nlp = require('natural');
var metaphone = nlp.Metaphone;
if(metaphone.compare('see', 'sea')) {
  console.log('Phonetically they match!');
}

Spellcheck

Spellchecks can be used in a dynamic way, this kind of functionality is great if you are rewriting spellcheck functionality in your app, or maybe you’re building some kind of word processing tool.

var checks = ['something', 'soothing']; // Known as a corpus
var spellcheck = new nlp.Spellcheck(checks);

We could then run:

spellcheck.getCorrections('soemthing', 1); // ['something']

Dictionary

Wordnet is the latest integration in Natural. It’s a dictionary database developed by Princeton University which allows for the instantaneous lookup of words, including all meta associated with that word. Examples of meta would be verbs, adjectives and synonyms.

Wordnet requires that you install the wordnet-db NPM package in order to run keywords against it. You can install it into your projects by typing:

npm install wordnet-db

This bundled functionality has some big implications for standardizing the the native dictionary lookup that generally most operating systems bake in to browsers and software. Coupled with libraries like React, developers could take this pretty far.

Example

Okay! So how about a full example then? Let’s build a simple CLI tool that will prompt us for a word and then return a dictionary look up. Please note that for the sake of brevity, I have left out checks and error handling. As Node.js has support for promises, it would be easy enough to add this in to the logic flow.

First, create a folder whose name is whatever you would like to call your app. Next, cd into the folder and run:

npm init -y

This will create a blank package.json. There is one property that is important here and that is main which tells the Node.js application to run from this file. Keep it as index.js and create the file in the same folder as the package.json, you can do that on the CLI by typing:

touch index.js

Next up, we’ll want to install a couple of dependencies:

npm install --save commander wordnet-db natural

Commander.js is a powerful package for NPM that makes writing CLI based applications a breeze. We’ve already covered Natural in this post.

Open up index.js and paste the following on the very first line of the file:

#!/usr/bin/env node

This line tells Node to execute the file when we npm link our dictionary app to usr/local/bin, as in to use it as a program with flags, for instance:

dictionary lookup “HTML”

Lets add two more properties to our package.json:

"preferGlobal": true,
"bin": "./index.js"

preferGlobal will allow us to run our package anywhere in our OS, the bin property simply tells NPM link what file to execute. Make sure you’re in your project folder and run:

npm link

I’ve added the completed package.json and index.js as a Gist below:

https://gist.github.com/dainemawer/d4dc972fd2c0db5e58615c13c17ca8aa

Here’s an explanation:

  • First, we require commander, wordnet and natural  from node_modules.
  • We’ll come back to the wordNetLookup function in a bit.
  • We can call program multiple times, in this application I’ve called it three times.
  • The first call sets up the version and description.
  • Next we setup a command. This command will take one required parameter <word>
  • We then provide it an alias in case you don’t want to type out the lookup everytime you run the program.
  • We then add a description for what the command does and finally we run .action()
  • The action method is fed a callback function which takes the word the user typed on the terminal as a parameter. Within this call back, we run wordNetLookup() which passed down the fed parameter and performs the lookup.

We can now run dictionary lookup “word” and the program will perform the lookup of any word that’s currently in the WordNet database.

And that’s it! I hope you’ve enjoyed this crash course into NLP. In my next article we’ll look at NER, or otherwise known as Natural Entity Recognition, which will allow us to extract data from real things like cities, people and countries. Coupled with NLP, NER provides some seriously powerful integrations into our Node-based applications.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
AI Basics: Natural Language Processing with Node.Js

Tuesday, April 17, 2018

Personalize UX with Ipstack’s Free Geolocation

The holy grail of web development is personalized content; meaning that instead of publishing a generic, one-size-fits-all website, you deliver a bespoke experience to each and every user.

Personalized content, and the bespoke user experiences it enables, means that instead of peddling marketing, you’re building relationships; your users become long-term customers, and even advocates for your brand.

On a web with a new-found obsession with privacy, it’s increasingly hard to personalize a site; at the same time, users’ high-expectations for service mean a generic experience doesn’t cut the mustard.

One solution, is to deliver content based on location; and the simplest way to test for location is with ipstack’s geolocation service.

Using a database of over 2,000,000 unique locations worldwide drawn from large-scale ISPs, and covering more than 200,000 cities, ipstack’s data enables you to quickly determine the location of your user, and adapt your content accordingly.

ipstack’s data enables you to quickly determine the location of your user, and adapt your content accordingly

The intuitive API is incredibly simple to use, and delivers results in JSON or XML format.

Best of all, ipstack’s API is free to use for up to 10,000 requests per month. If you need to scale beyond 10,000 requests, then there’s tiered pricing plans, but 10,000 is more than enough for most small to medium sites.

If you opt for a paid plan, then there are extra features, like currency, time zone, and security modules to dig into, but the core location module is what will interest most web designers.

There’s a ton of cool stuff you can do when you know a user’s location. For example, how about using their longitude and latitude to pinpoint the distance between them and your nearest store? How about changing the area code on your published phone number to match the user’s location? You could even develop promotions tied to local sports teams.

Getting Started

To use ipstack, the first thing you’re going to want to do is register your details for a free API key (no credit card is required).

The API key is a long string of numbers and letters that stops anyone else from accessing data with your account and using up your quota.

ipstack’s basic lookup function is really simple: We just access the API, append the IP address we want to look up, and finally add a query string with the value pair “access_key” and your own API key, like this:

http://api.ipstack.com/111.222.333.444?access_key=0a9b8c7d6e5f4g3h2i1j

ipstack then returns a whole host of data for you to use, ranging from the user’s country, city, and even a handy link to an SVG file of the user’s national flag.

Enhancing UX with Geolocation

Let’s say you’re selling online, and you want to offer different shipping rates. Most importantly you want to offer US-based customers free domestic shipping, and international customers cheap worldwide shipping. With ipstack it’s simple to detect which offer to show your users.

We’re going to set up a really quick PHP query, to detect which message we should show the current user.

First, we open the PHP file and build the query:

<?php

// Record my API key, and the URL to send the query to
 $API_KEY = "0a9b8c7d6e5f4g3h2i1j"; // <— CHANGE THIS TO YOUR API KEY
 $API_URL = "http://api.ipstack.com/";

// Detect the user’s IP address
 $USER_IP = $_SERVER["REMOTE_ADDR"];

// Build the API URL (url + ip address + api key)
 $IPSTACK_QUERY = $API_URL . $USER_IP . "?access_key=" . $API_KEY;

Next we run the query and save the result:

// Init CURL
 $ch = curl_init($IPSTACK_QUERY);
 curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

// Grab the data that’s returned
 $jd = curl_exec($ch);

// Clean Up
 curl_close($ch);

// Decode the data ipstack returned
 $result = json_decode($jd, true);

Finally we pull the country code out of the query, compare it to the country code for the US (which is, unsurprisingly ‘us’), then output a different message depending on the result:

// Find the user’s country
 $user_country = $result["country_code"];
 
 // Check if the user’s country is the United States
 $isUS = strtolower($result["country_code"]) === "us";

// Output the result
 if($isUS)
 {
 // Offer free shipping
 echo "Shipping is FREE within the USA!";
 }
 else
 {
 // Offer international shipping
 echo "We ship worldwide for just $25!";
 }

?>

It really is that simple.

How ipstack Stacks Up

ipstack is one of the simplest geolocation services we’ve used. It offers an incredibly fast way to get started detecting where your users are.

We would like to see a little more security; many geolocation services require you to register your domain and block other sites, which means that it’s safe to expose your API key—as it stands, you can’t use ipstack in JavaScript without risking exposing your API key. However, if you’re working in server-side code (as above) then ipstack is as secure as any other provider, and far quicker than most to implement.

ipstack is one of the best geolocation services currently available

Based on our testing, ipstack is one of the fastest providers out there. Results were returned in milliseconds, and from a human perspective queries appeared to be returned instantaneously.

Perhaps our favorite feature of ipstack is how much data it returns. Some services offer a country code lookup, then charge extra for region, or city lookups. ipstack’s policy is to deliver all of the information you could ever need, so you can work with data however it benefits your users.

Conclusion

For simplicity, speed, scalability, and depth of information, we think ipstack is one of the best geolocation services currently available.

Our testing was very limited, and we didn’t run any large-scale, intensive applications; however, the companies that do choose ipstack—notably, Microsoft, Samsung, and Airbnb—are handling huge volumes of users with no apparent issues.

The potential enhancements to UX that knowing your user’s location allows, opens the door to much greater customer engagement. When you can have all of this for free, it seems crazy not to take advantage of it.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
Personalize UX with Ipstack’s Free Geolocation

Monday, April 16, 2018

What’s New for Designers, April 2018

Are you one of those designers who loves to test new stuff? Then this month’s collection of what’s new will be a treat! New tools and resources are everywhere this time of year, here are a few that you’re sure to enjoy.

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!

FirstSiteGuide

FirstSiteGuide is a collection of resources, guides and tools to help you navigate first-time website ownership. Resources can help you start, run and grow an online presence even if you have never done it before. The neat lookup tool also allows you to learn what’s powering a certain website, just type in the URL and search.

There

There is a productivity app for remote teams. It keeps track of what time it is across time zones for team members so you don’t have to guess or spend time looking it up. Users and times pop up right on the screen.

AI Color Wheel

Here’s an AI application that’s a lot of fun to play with. The AI Color Wheel takes your flat image and colorizes it to generate color palettes. Just upload a design in grayscale, pick a color that appeals to you and get instant palette inspiration. (This is a great tool if you have a hard time selecting color palettes.)

Driver

Driver is a lightweight JavaScript engine to help move the user across the page in a design. It allows you to highlight elements, create feature introductions, and customize in a number of ways to cue up interactions.

Tabler

Tabler is a tool with all the source code you need to create a responsive dashboard template that looks great and can be customized by the project. It comes with plenty of components that are ready-made and the code is open-source so you can create a pull request for a feature. It’s built with Bootstrap and uses CSS3 form components.

Wormco

Wormco is a simple animated status indicator that is pure fun. Find it on CodePen.

UI Faces

UI Faces is an avatar aggregator featuring “live” faces for design mockups. The avatars come ready to use with information to make your mockups feel more real; just copy and paste, use the API or integrate the Sketch plugin.

Trueface

Trueface is an AI-powered identity verification system. Use it for OCR and data extraction, document verification, facial recognition and to validate users.

Storyboarder

Storyboarder helps you turn piles of sketches into an actual animated storyboard. It’s a quick and easy way to visualize and show off your ideas to others using a digital storyboard that can be shared. You can draw in-app or import graphics. You can also add dialogue and action to bring it to life. Storyboarder integrates with Photoshop for easy editing.

Egg Shape Background Gradients

There’s no such thing as too many gradients and Egg Shape Background Gradients is another gradient-picking tool. The gimmick here is that each sample is in an egg shape. Find one you like, copy the colors or CSS) and go.

Sheet2Site

Sheet2Site is a paid tool that allows you to turn a Google Sheet into a website without coding. It is a good option for simple or data-based web needs.

Crunch

Crunch might be a little slow but it makes up for it in functionality. The Mac tool optimizes PNG images. According to the developer: “It combines selective bit depth, color type, and color palette reduction with zopfli DEFLATE compression algorithm encoding using embedded versions of the pngquant and zopflipng PNG optimization tools. This approach leads to a significant file size gain relative to lossless approaches at the expense of a relatively modest decrease in image quality.”

Papaya

Papaya is a collection of landing page templates for a number of projects. What makes this collection unique is while every design is quick, responsive and customizable, you get to say how much you are willing to page for each landing page template.

Cloud Text-to-Speech

Google Cloud’s Text-To-Speech tool is open with a beta version that converts natural sounding speech with 30 voices in multiple languages. According to Google, “It applies DeepMind’s groundbreaking research in WaveNet and Google’s powerful neural networks to deliver the highest fidelity possible. With this easy-to-use API, you can create lifelike interactions with your users, across many applications and devices.”

Pixelify

Pixelify is an ever-updating collection of design assets that you can use. The site is a design-sharing community so you can upload and rate designs. There are assets available for personal and commercial use.

Site Palette

Site Palette is a Chrome browser extension that extracts color palettes from websites. You can create palettes, mix color options and download swatches.

Medical Icons Set

Medical Icons Set is a collection of 60 vector icons in PNG and SVG format. The set includes line and monochrome filled options for designs that need a medical icon set.

200 Vector Icons

Henrik Ostergaard created a set of 200 vector icons for Adobe Illustrator. The pack includes line-style element representations of common items and shapes.

Deck

InVision has a fun card-style UI kit available as a free download. Deck is a cross-platform UI kit for card-based interfaces. The kit is made with vector shapes for easy customization.

Bootstrap Templates & Themes

Need a theme or template for Bootstrap 4? This collection is packed with freebies from dashboards to page templates to carousels.

Tutorial: CSS Techniques and Effects for Knockout Text

Knockout text is a big trend in typography right now. (You can find more about it in the April collection of Essential Design Trends.) This tutorial from CSS-Tricks will help you create a super-trendy and modern layered text effect using CSS properties and even include transitions and animations.

Variable Fonts

A variable font is a single font that “behaves like multiple fonts.” Variable Fonts, in beta, is a resource to help you find variable font options that you can test and use. Each typeface description comes with a preview and information about the design, license and where to find it. Finding a variable font just got a lot easier.

Altero

Altero is an all-caps display typeface that’s free for commercial and personal use. The heavy block style also includes an outline version and the font download includes 505 characters.

Bimbo

Bimbo is a monoline script that has a distinct handwritten style. Use it for display. The set includes six weights and 300 characters.

East Border

East Border is a slab-style stencil typeface with a full uppercase character set, numerals and a few punctuation marks. It is best for display options.

Element 120

Element 120 is a rough display typeface with a full character set. The demo version (free) is somewhat limited.

Spring is Coming

Spring is Coming is a lightweight typeface that includes flower symbols. It has a handwriting style.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
What’s New for Designers, April 2018

Sunday, April 15, 2018

Popular Design News of the Week: April 9, 2018 – April 15, 2018

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.

Flowmagic – Simple Time Tracking

 

Flexible Grid – Framework (Scss/Sass/Css/Html)

 

A New JPEG Format

 

Designers Just Fixed Facebook. Your Move, Zuckerberg

 

Sass Starter for Simple Typography

 

Start your Designs with a Concept

 

Gmail Brand New Redesign Leaked

 

Brutalism Design is the Bad Influence We all Need

 

Fluent Design System

 

YouTube and Facebook are Losing Creators to Blockchain-Powered Rivals

 

Stop Calling these Dark Design Patterns or Dark UX. These are Simply Asshole Designs.

 

Should You Use Material Design?

 

New to Email Coding? Here’s Where to Start.

 

Be a Deletist – Delete your Data Footprint, Go Private and Make More Time

 

Sketch.The.Ripper – Rip and Share .sketch Files on any OS

 

Fontisto

 

The Value of UX Strategy

 

Craft CMS 3.0 Released & Commerce 2.0 Beta

 

Artboard Studio – The First App Mainly Focused on Mockups

 

What You Didn’t Know About the Color Red

 

Adrian Frutiger Logos, 1960s-70s

 

Design System Repo

 

Why Transparent, Open Design Leads to Happier Clients

 

Helvetica is Now an Encryption Device

 

The Rise of Green UX

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
Popular Design News of the Week: April 9, 2018 – April 15, 2018