Tuesday, May 22, 2018

A Simple Introduction to Intrinsic Web Design

Every industry has its jargon, and almost its own language, in some cases. God knows web design has a lot of jargon, even if half of our made up phrases are fancy and nonsensical job titles. But for all of the silliness that comes with having to invent our own words and acronyms for things, jargon plays an important role: it allows us to communicate more efficiently with other designers and devs.

Sometimes, the person who (more or less) comes up with a concept gets to name it, as it was with Responsive Web Design. [Here I shake my fist at Ethan Marcotte out of long-standing habit. RWD is a good thing, but it gave me headaches for a while.] And sometimes someone comes along and makes up a word or phrase for something we’ve already been doing for a while, which is what (I’m reasonably sure) happened with Web 2.0.

Intrinsic Web Design (you can thank Jen Simmons for this bit of jargon) belongs to the latter category. We’ve already started doing it, but now we have a name for it. We thought it would be a good idea to write up a quick introduction to the concept, because it’s going to become a major part of the web design conversation going forward.

What is Intrinsic Web Design?

It starts with the Flexbox and CSS Grid modules. Ever since we decided that using tables for layout was impractical, we’ve been using the float property, along with a healthy dose of absolute and fixed positioning, to put things wherever we wanted on a page. This has worked well for us, but it was, essentially, a hack.

Nearly all of the web is built on hacky front-end code

Actually, it was a series of hacks. Then we started putting together CSS frameworks full of hacks. Then some very wrong people started using JavaScript to write their CSS full of hacks. Nearly all of the web is built on hacky front-end code, and it has gotten messy.

This is not to criticize the work of those who came before. Using hacky layout methods was the only way to get anything done. We didn’t have any other options. Now we do: Flexbox and CSS Grid are layout methods built into CSS itself. They are, you might say, intrinsic to the medium.

Get it? You see what I… yeah. Anyway. The aforementioned CSS modules are just the start of it. CSS is progressing to the point that we have the tools to properly lay out our designs exactly how we want them to be laid out, with no hacks, and certainly no help from JavaScript. Being able to create what we want with a minimal reliance on hacks, tricks, and outside libraries is a part of what Intrinsic Web Design is about.

Or to hear how the creator of the term herself puts it:

I’m just talking about layout, that layout itself, and the graphic design itself, had changed significantly enough that I wanted a new word so we could say, “Oh, yeah, that new thing,” and it includes CSS Grid, but it’s not just about CSS Grid. It’s also about using Flexbox, and kind of rediscovering what Flexbox is actually intended to be for.

Plus, it’s about using some floats sometimes, using things like CSS shapes or object-fit, using a flow content, using multi-column. Some of these things are old, and they’ve been around for a long time, but it’s about thinking about the whole system of layout, and how all these pieces fit together in a brand new way.

To put it another way, I think Intrinsic Web Design is about the shift from being limited by CSS’ capabilities to being empowered by them. It opens up a whole lot of exciting new possibilities.

Who Came up With This?

Jen Simmons. She’s a web designer and front-end developer who has worked with/for: CERN: the W3C, Google, and Drupal, and other small businesses. She currently spends her time as a Designer Advocate at Mozilla, speaking at conferences, as well as hosting and producing The Web Ahead, a fantastic podcast about the future of the Internet.

She also hosts the Layout Land channel on YouTube. If you want to learn about Flexbox, CSS Grid, and the other building blocks of Intrinsic Web Design, these videos are a wonderful and informative place to start. You should also check out her interview that I quoted above, where she and Jeffrey Zeldman discuss IWD and a whole host of other topics at length.

Entering a New Era

Things are gonna get wild as designers latch on to these ideas, and start to figure out what they can build with Flexbox and CSS Grid in conjunction with all of the layout methods we already have. I have no doubt that we’re going to see an explosion of new, or at least refined layout ideas. Then the JavaScript nuts are going to get involved, and that’s going to get truly interesting.

Non-coders especially should pay attention to what’s going on with Intrinsic Web Design, precisely because it will change, and is already changing what is possible on the web. Whether you’re strictly an in-the-image-editor UI designer or an art director, you should absolutely be researching what these technologies can do. Knowing what your front-end colleagues can do now will make your job easier.

Coders, they’re about to start asking for some crazy stuff. You should research it, too, if you haven’t already.

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


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://ift.tt/2IFACuD

from WordPress https://ift.tt/2kgoWni

Monday, May 21, 2018

SEO Isn’t the Only Way to Drive Traffic. Here Are 6 Alternative Strategies.

As marketers, we invest a lot of our time and energy into SEO.

Considering that Google receives over 66,000 searches every second, we’d be stupid not to.

But when it comes down to it, Google and other search engines are just one of the many ways you can drive traffic to your website.

In fact, depending on your target audience and competition, Google may not even be your best traffic source.

Take Upworthy, for example.

This site, which has a reputation for sharing feel-good viral videos, gets almost 43% of their traffic from social and less than 19% from search.

Groups of consumers all use the web differently.

Some like to get their content from friends or influencers on social.

A few depend on their trusted newsletters to tell them what content they need to read.

Others use an alternative search engine like YouTube or even Facebook.

To prove that you don’t need Google to drive traffic to your website, here are six alternatives that can help boost your visits.

  1. Create a YouTube channel

  2. Start conversations on social

  3. Partner with influencers

  4. Take advantage of your email subscribers

  5. Provide assistance on forums and question sites

  6. Take advantage of guest posting

1. Create a YouTube channel

YouTube has 1.5 billion active users each month, making it the world’s second-largest social platform.

With 1.5 billion active users each month, YouTube is the world’s second-largest social platform.

active users on social platforms 2017

Over 30 million users log on to watch a total of 5 billion videos each and every day.

These numbers are massive.

However, these numbers still don’t rival Google, which processes about 3.5 billion searches per day.

So, how can you drive even a fraction of the traffic with YouTube that you could with Google?

Well, the beauty of YouTube is that it allows you to share videos.

While Google does display YouTube videos as part of its results lists (Google does, after all, own YouTube), the results aren’t quite the same.

In order to appeal and reach these video-lovers, you need to create YouTube content.

Because YouTube reaches more people from the ages of 18-49 than any cable network, this is particularly true if you’re marketing to younger generations.

youtube 18-49 age demographic reaches more than network or broadcast television

Gen Z’s love affair with YouTube runs especially deep.

In fact, 50% of Gen Z-ers told AdWeek they wouldn’t be able to live without the sharing site.

They also shared why.

For Gen Z-ers, YouTube is more than just a video-sharing site. Look at all of the things that they go to YouTube for:

generation z social media survey

If Gen Z’s love for videos continues as they grow older and start making new purchasing decisions, this may be a major game-changer for marketing in years to come.

Uploading videos to YouTube allows you to appear in front of customers who use the site like a traditional search engine.

Then, with appropriately-placed links, you can drive those users back to your website.

Let’s take a look at how GoPro’s YouTube channel does this.

As one of the most popular YouTube channels around, GoPro uses their high-quality videos to show what their product is capable of doing.

However, simply uploading videos doesn’t drive sales.

That’s why they also make it easy for customers to get from their YouTube channel to a product page.

Here, we have a video shot users shot with the GoPro HERO6:

GoPro hero6 YouTube video

Right within the first couple lines of the description, viewers have a link that will bring them straight to the product page for the GoPro HERO6.

Interested customers can check out what the new camera is capable of, then easily make their way over to the GoPro website to get additional details or make a purchase.

And this isn’t the only way GoPro pushes traffic to their website.

You can also find a link to their website and their social media profiles within their cover image.

gopro hero image

This gives YouTube users who land on the company’s channel an opportunity to get to their website quickly.

You can also add links to your website within your actual video content.

YouTube even offers features that allow users to create interactive video ads.

interactive video advertisement options in youtube

These features display either over the video itself or at the end of a video, prompting viewers to make the next move.

You’ll see from this chart that both call-to-action overlays and auto end screens help drive traffic to your website.

Here’s an example of a call-to-action overlay from a HubSpot video.

hubspot youtube video has link

YouTube features the link right within the middle of the video. HubSpot timed it perfectly so that it appears when the viewer has a thorough enough understanding of inbound marketing to start feeling enticed.

Now, let’s compare this to an auto end screen.

Here’s an example from The Tonight Show Starring Jimmy Fallon.

jimmy fallon youtube end screen

This presents the viewer with a number of different options when they’ve completed a video. It includes an offer to head to the NBC website to download the show’s app.

When using either of these interactive features, be sure to provide a clear and direct value to your watcher.

Also, keep in mind that you don’t want to plaster over your video with links to dozens of content pieces.

Instead, focus on just one or two that truly support the contents of your video.

2. Start conversations on social

If you do it correctly, social can rival Google as a traffic source.

According to Sprout Social, 48% of Millennials and 48% of Gen X-ers followed a brand on social media in Q1 of 2017.

which generations are following brands on social

This means you have less noise to cut through to get to your target audience.

Additionally, social provides you with an opportunity to engage and entertain – something you’ll struggle to do on a search engine.

When social users scroll through their timelines and news feeds, they’re looking for just about anything that will pique their interest.

If you’re capable of providing something high-quality and interesting, they’ll click through to your site to check out more.

However, it’s important to recognize how social is changing for brands.

In 2017, social accounted for 25.6% of all site visits.

social vs search referral traffic

But this number is actually down from past years.

From the same study, we can see that from about the end of 2013 to the beginning of 2017, social was outperforming search for driving traffic.

Unfortunately, the changes to the Facebook algorithm led to serious declines in organic reach on the platform.

Compared to the first half of 2017, Facebook saw about a 9% drop in social media referrals in the second half of the year.

social media referral web traffic

However, one social site’s loss is another’s gain.

While Facebook saw a large dip at the end of 2017, both Pinterest and Instagram saw some pretty significant jumps.

Regardless of the social networks you choose to target, you want to provide meaningful and valuable information.

Remember that users log onto social to engage with their friends – not to have someone sell them something.

You want to find ways to engage your user while they’re still on the platform.

Buzzfeed Tasty does an excellent job at this.

buzzfeed tasty facebook video

Within their Facebook post, they include it all.

They created a video to grab attention.

They have friendly messages that establish the viewer as their friend.

And they include not one but two links that can either push the user to buy or to check out the recipe from the video.

And they do all of that without making it feel overwhelming!

This tactic has gained the Tasty Facebook page serious attention – almost 95 million followers!

To replicate this for your own audience, know your audience and create social content that blends seamlessly into their timelines.

Another way to get a conversation started is to use Twitter threads.

Twitter threads allow you to share insights, tips, and thoughts that connect by replying to yourself – and they have the power to bring you viral attention.

Check out what happened to travel blogger Hey Ciara.

On January 1st, she started this thread.

cheap flights twitter thread

With this one thread alone, Ciara gained over 13,000 new Twitter followers, 6,000 new Instagram followers, and a 10x increase in her blog traffic.

Threads like these provide a distinct value to followers in a relatable way.

After sharing her secrets, Ciara drops a link to a blog post on her website containing more information.

ciara johnson tweets blog post

Though the engagement with the link is significantly less than the first post, it was still able to drive traffic.

She already established authority with her followers in the thread. They trust her and know that she has information worth sharing. That gives them a reason to click on the link.

Creating a Twitter thread typically takes minimal effort. However, you want to be prepared to keep the momentum going.

Know the direction you’re going to take before you begin and be ready to share images, videos, or links that support your claims.

3. Partner with influencers

There are a lot of scams on the web, making shoppers wary about who they choose to purchase from.

If they’ve never heard of a business, they’re not going to pull out their credit cards after seeing just one ad.

Before they’re ready to shop, they need to trust you.

Unfortunately, it takes time to build trust organically.

However, you can speed up that process by working with influencers.

Almost nine out of ten individuals say that they trust online recommendations as much as personal recommendations.

youtubers and online recommendations

Influencer marketing gives your content a “stamp of approval” from someone your audience already values. This dramatically cuts down on the trust-building process.

There are two main ways that you can get in touch with influencers.

First, you can use the more traditional pathway of having influencers share sponsored posts.

Here’s an example of a sponsored post from Emma Blackery.

emma blackery sponsored tweet

The National Citizen Service (NCS) sponsored the ad. In the UK, they offer kids from 15-17 years old a camp-like, professional development opportunity.

By sharing this post, Emma is bringing awareness to NCS while also vouching for its validity.

She also includes a link to the company’s homepage, encouraging her followers to check out the organization more.

Within just five hours, Emma’s post gained over 480 likes, 38 retweets, and 24 comments.

Compared to the handful of likes NCS’s own posts get, this kind of attention is huge.

Paying for advertisements can give you more control as a brand.

If you’re a small business or you have a limited marketing budget, it might not be right for you.

But even if you don’t have money to invest in influencer marketing, you can appeal to influencers for free by featuring them in your own content.

Posts like this one from Comm100 are a great way to connect with several influencers at once.

customer service experts on twitter

This not only gives you free promotion, but it can also help you create long-term relationships with influencers and experts you might want to partner with in the future.

If you choose to use this kind of content, have realistic expectations.

It isn’t likely that each influencer you mention will share the post, especially if they already have a large following.

However, reaching out to each expert to let them know that you’ve featured them might help you get a few new shares and a boost in web traffic.

One way of reaching out is to present a quote.

In this Twitter post from Jitesh Patil, he pulled a quote from Robbie Richards and then tagged him in the tweet.

jitesh patil tweet

This gained Robbie’s attention, so he retweeted it to his own audience.

This kind of outreach makes it easy for the influencer to share your content. With just one click of a button, they’ve done their job.

You can also reach out via direct message. This is one of Gary Vaynerchuk’s favorite ways to network.

According to Gary, “the key is to connect first, provide value, and THEN given the right opportunity presents itself, ASK.”

This kind of relationship can help you establish long-term relationships with influencers.

4. Take advantage of your email subscribers

The conversation about whether or not email is dying has been happening for years.

Many markers are quick to support social or mobile apps over email marketing.

However, in Adobe’s 2017 Consumer Email Survey Report, they found that email was the preferred form of contact for 61% of survey participants.

preferred method to contact brands

In fact, email was the only contact method that actually improved between 2016 and 2017.

But user preference isn’t the only thing that email marketing has over other contact methods.

The average click-through rate is also much higher.

For email, the average click-through rate is 3.42%.

While this might seem low, the average click-through rate for Facebook Ads is only 0.90%.

This means that you’re much more likely to get web traffic from your email subscribers than your social profiles.

And that starts with personalization.

Here’s an example of personalization from LinkedIn.

top job picks for you

LinkedIn takes a user’s location, job title, and qualifications and provides unique job recommendations for them.

This goes far beyond simply changing the name at the top of a message. For best results, you need to personalize the email’s body, too.

According to research, personalizing email bodies has a dramatic effect on open rates and click-through-rates.

Open rates are almost 7% higher with a personalized email body, and click-through rates jump by over 1.3%.

benefits of personalization in email body

You can also personalize the sender name for even stronger click-through-rate results.

Take this example from HubSpot.

personalizing email sender name experiment

When they sent a message from “Maggie Georgieva, HubSpot,” there was a 0.50% higher open rate and 0.25% higher click-through rate than when they sent the email from just “HubSpot.”

For HubSpot, this meant that a personalized sender generated 292 more clicks.

To improve click-through rates even further, you also want to optimize your emails for mobile.

In the study from Adobe that we looked at above, we see that users are much more likely to check their personal email on a smartphone than a desktop or laptop.

devices used for checking work and personal email

Make it easy for your email subscribers to get back to your website regardless of the screen they’re viewing your message on.

Use CTA buttons rather than in-text links and keep your messages short and to the point.

Provide enough information to pique your reader’s interest, but your end goal should always be to push to subscribers back to your site.

5. Provide assistance on forums and question sites

People have a lot of questions.

And they don’t exclusively turn to Google to get their answers.

Users turn to forums and question sites.

Participating in conversations on sites like Reddit for Quora can help you attract individuals looking for answers beyond what Google can provide.

With over 330 million users, Reddit is the fourth most-visited website in the US.

top four most popular websites in the united states as of may 2018

Although Google, YouTube, and Facebook outrank the site in terms of popularity, Reddit beats them all based on the average amount of time that users spend on the site.

Reddit can be a great place to promote your site. However, you need to be strategic with how you go about it.

Most subreddits have strict rules about what you can and can’t say in their comments.

Each subreddit has a moderator. If you post the wrong material, they’ll delete your post and potentially even ban your account.

Users turn to forums like Reddit for help – not to have someone sell to them.

But that doesn’t mean that you can’t use Reddit to drive traffic to your site.

One of the best ways to do it successfully is through an “ask me anything” session, or an AMA.

Here’s an example of a successful AMA from Student Loan Hero.

student loan hero reddit AMA one way to get web traffic

While the post is promoting the business, it’s more focused on providing Reddit users with valuable information about paying off debt.

By answering questions, Student Loan Hero is able to improve trust with Reddit users and get them interested in the brand.

They also find ways to link to their content and tools as they answer questions.

Here is an example.

student loan hero AMA question and answer

Student Loan Hero isn’t using this platform as a way to spit out ads.

Instead, they’re framing their content to fit the unique needs of each individual asking questions.

If you’re trying to be spammy on Reddit, users will be quick to call you out.

However, you can still see a lot of success from the platform by making your value clear.

Jeff Callahan, creator of one of the most successful Reddit posts, says that success on the platform begins with a “non-clickbaity” title.

He begins his post by sharing who he is and how he relates to the other users. Then, he communicates exactly what he has to say and why he’s credible enough to say it.

recovering awkward person headline reddit post

He then follows these same ideas throughout his post, always relating back to the user before providing tips or insights he can back up with personal experience.

If you use it wisely, Reddit can be a great place to bring visitors to your website.

You can also use Quora, which has 200 million unique monthly visitors, to answer questions from potential audience members.

Here’s an example of how I responded to a Quora question.

neil patel answers quora question

Like Reddit, Quora allows you to engage with individuals who are asking questions. Answering questions helps you prove your value to them before they head to your website.

This can encourage more traffic to your page.

Kevin Lee, founder of Product Manager HQ, attributes his business’s start and growth to Quora.

According to his post about how Quora changed his life, Kevin explains that Quora brought thousands of new subscribers to his blog.

He says that people in public have even recognized him from his Quora answers.

If you’re in a niche industry, there are other forums you may want to take advantage of.

For example, marketers may want to become active on Inbound.org while lawyers should check out Avvo.

6. Take advantage of guest posting

Guest posting can be a powerful way to bring new traffic to your website.

About 57% of business bloggers use guest posting as part of their content strategy.

Some major brands even used guest blogging to get their platforms off the ground.

For example, Buffer used guest blogging to grow their site to 100,000 users in their first nine months.

When looking for guest posting opportunities, you want to find sites that are within your niche but aren’t direct competitors.

Hosting a post on another website puts your content in front of a new audience, driving new leads back to your page.

Check out this example of a guest post on Entrepreneur.

why entrepreneurs must follow their calling entrepreneur article

As you can see, Dan Dowling, the guest author in this example, has links to his Facebook page, Twitter account, and website homepage.

Guest posting on other websites isn’t the only way to use the strategy to drive traffic.

You can also feature guest posts on your own site.

This not only gives you a bit of a break in your content schedule, but it also encourages guest posters to share links to your page.

Here’s an example from ProBlogger.

how to establish your brand on pinterest article

ProBlogger benefits from this post because the author, Larry Alton, will want to advertise that they’re featuring him on their site.

Each time Larry promotes the piece, ProBlogger gets a new wave of traffic.

But blogging isn’t your only option.

You can also appear on podcasts or webinars to share your opinion and expertise.

Here’s an example from SEMrush’s Search Marketing Scoop with David Bain.

search marketing scoop podcast

In this episode, both Barry Schwartz, News Editor at Search Engine Land, and Richard Fergie, a consultant at E-Analytica, jump on the podcast to talk about paid and organic search.

These types of partnerships typically take more time, but they can provide serious returns in the end.

You want to think of what podcasts or webinars your audience may be engaging with that aren’t your direct competitors.


You don’t need Google to drive traffic to your website.

Sure, it helps.

But it shouldn’t be your only traffic source.

In fact, for the most success, you should have multiple pathways bringing new traffic to you.

Use these six traffic-generating sources as a starting point for diversifying how you bring in new visitors.

Pay close attention to your customers and target audience.

If they’re not responding to a particular pathway, don’t waste your time.

When you provide what they’re looking for in an avenue they’re already engaging with, traffic will flock to your page.

What are some of the best traffic sources for your website outside of SEO?

About the Author: Neil Patel is the cofounder of Neil Patel Digital.

from The Kissmetrics Marketing Blog https://ift.tt/2GCGYsW

from WordPress https://ift.tt/2kbGH7i

What’s New for Designers, May 2018

Do you ever get bogged down with some of your tools? They work, but you know there’s got to be a better way to do something. Hopefully, this month’s collection has the solution. It’s packed with design tools that are lightweight and functional.

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!

Duotone Effect Generator

Create a quick, and trendy, duotone effect with the Duotone Effect Generator. Upload a photo and pick a color combo or use your own and get a cool effect in seconds. Then you can download the image for use in projects.


Curtains.js is a fun little WebGL tool that animates images to have a moving curtain effect. From the developer: “It is a small vanilla WebGL javascript library that converts HTML elements containing images into 3D WebGL textured planes, allowing you to animate them via shaders. You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages.”


Solis is a live design output app that allows you to see the result of code as you input it. You get real-time live previews of HTML, CSS, Sass and LESS with multi-viewport views. This tool is only available for Mac right now.

Cards Webflow UI Kit

If you are a Webflow use, the Cards Webflow UI Kit is a great free tool. It’s one of the first clonable UI kits that’s been made completely with Webflow (so you know it’ll work). Elements include a kit with buttons, tags, alerts and social icons in a card-style format.

BBC Sound Effects

You probably use Creative Commons images all the time for projects, but what about sound? BBC Sound Effects is a library of 16,000 sound effects from the BBC library that come with the BBC copyright but are available to use for personal, education or research purposes. (If nothing else, it’s just fun to listen to all the sound bits.)


ScreenFocus is a productivity tool that can help you make the most of a dual-monitor setup. It includes the ability to change settings between screens, such as dimming an unused monitor so it is not distracting.

React Circle

React Circle renders a dashboard-style progress animation in the shape of a circle. It is made using customizable SVG.


Want to use the same avatar across multiple social media profiles? This micro service lets you do that with just a few lines of code and a username, email address or domain.

Login Critter

Make your login form standout with a custom critter avatar. Login Critter is an animated login screen with multiple states for the “critter” – neutral, active, ecstatic and shy (shown below). Grab it on GitHub.


Lobe is a visual artificial intelligence tool that helps you build a deep learning model for apps. The tool is in beta and had a wide application, from helping connect apps to people to showcasing data and information.

Blobby Background

The popularity of unusual shapes makes Blobby Background a fun fork on CodePen. The demo uses SVG masks and filters to function.


HueSnap is one more color palette generation tool. Browse hundreds of color combinations and save your favorites for later use. What’s impressive about this gallery is the number of palettes that you can see at once.


Findshot is a new, free stock photo repository. Sign up via email and new photos that you can use for free in projects will come right to your inbox. You can also search the free collection.


Pico.js is a face detection library that uses just 200 lines of JaveScript. The neat thing about this element is that it is super small and lighter than many other options out there. (It’s just 2kb when minified.)


Modular is a free Android UI kit with adaptable elements in the Material Design style. It includes 167 items with 78 elements in 13 categories.

Tutorial: Responsive Knockout Text with Video

This tutorial from Giulio Mainardi for CSS-Tricks shows you how to build a super trendy knockout text element with video. The great thing about the tutorial is it does everything responsively – that’s the real trick here – so that your element will look great anywhere.

Semantic Experiences

Voice search and internet “scrolling” is getting to be a bigger deal by the day. Interfaces have to understand expressions and natural language. That’s why the Google team is working on Semantic Expressions, an experiment to help developers better understand natural language.

Design Systems Repo

This website is a giant collection of examples, articles and tools about design systems. The database is pretty large and is a great place to find inspiration or think about different ways of doing things.

Science of Color Codes

Color codes are more than just a series of numbers that spit out a specific hue. There’s some science that supports how each of these systems – RGB, Hex, HSL, CMYK and Pantone – actually works. Patrick Woodhead takes a deep dive into that science.


Fontisto is a giant collection of SVG icons that you can customize with CSS. It’s a responsive tool and is easy to use without JavaScript. Plus, Fontisto is free for personal and commercial use. It includes simple icons, social media icons and even brand elements.


Aloja is a free handwriting-style font that’s made for display uses. The bigger you use it, the better. The character set include capital letters only, numerals and basic punctuation.

Dank Mono

Dank Mono is a coding font. It is made to look great and work with retina displays. It includes a full character set, ligatures and italics. This is a premium font (paid).

MD Tall

MD Tall is a display typeface that has a high x-height and works primarily for small blocks of text. It has an uppercase character set with a few alternate characters, numerals and punctuation.

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


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://ift.tt/2kczxQb

from WordPress https://ift.tt/2kfalZw