10 Vital Tips for Developing SEO-Friendly Themes

Are you a developer who sells website themes on ThemeForest or another marketplace? Then you’ll want to make your themes as appealing as possible for potential buyers. Good design is one thing, but (understandably) more and more buyers are looking for SEO-friendly themes nowadays.
How can you optimize a theme for search engines? Well, it isn’t as difficult as you might think. Whether you build WordPress themes, Magento or Shopify stores, static HTML templates, or any other kind of website theme, here are 10 SEO tips for you to follow.
Just some of the SEO-friendly themes on ThemeForest
1. Themes Should Be ResponsiveMake your theme responsive. That should be a no-brainer in 2019, but it’s still worth mentioning in this theme developer's guide to SEO.
A responsive theme is beneficial for two main reasons:
SEO. Google uses mobile-first indexing. Non-optimized sites won’t rank as well as they used to, even on desktop.
Users. More than half of online traffic comes from mobile users. Se..

Continue Reading

Meet “Art Direction For The Web,” A New Smashing Book By Andy Clarke

Meet “Art Direction For The Web,” A New Smashing Book By Andy ClarkeMeet “Art Direction For The Web,” A New Smashing Book By Andy Clarke

Bruce Lawson

2019-03-26T10:40:39+01:002019-03-28T17:36:26+00:00A page on the Web isn’t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web’s inherent flexibility and responsiveness. Read the excerpt chapter.

Modern web technologies like CSS Grid, Flexbox and Shapes have made it possible for us to implement print’s often distinctive designs, and the web’s now full of tutorials on how to use them. But the most important question is not “how” we can use art direction techniques to improve our designs for the web, but instead “when” and “why”.



eBook$14.90 $19Get the eBook
PDF, ePUB, Kindle.
Free for Smashing Members.

Hardcover$29 $39Get the Print (incl. eBook)
Printed, quality hardcover.
Shipping starts mid-April.

This is the reason why Andy Clarke wrote his n..

Continue Reading
What Are Landing Pages

Landing Pages and Drip Campaigns: How They Work Together

Imagine that you’re running a business website where you sell a consulting service or physical products, and you’re targeting several groups of different consumers. Your website homepage obviously cannot be tailored to each group with different needs and demands, and therefore cannot perform equally well in converting all of your target customers.
This is where landing pages become your secret weapon. Let’s deep dive into the essential roles that landing pages play in optimizing sale funnel conversions and how they work together with email marketing to help you seal the deal with prospects.
Photo by Le BuzzWhat Are Landing Pages?Building sales funnels with clearly defined goals is a critical part of growing your businesses. In plain words, a sales funnel is a path, consisting of a set of activities, that prospects follow to reach the final step, which is the desired conversion goal.
In a sales funnel, landing pages are stand-alone web pages that don’t belong to your main website, but f..

Continue Reading

New Course: A Web Designer’s Guide to the WebP Image Format

The WebP image format was created by Google with the goal of creating high-quality images with smaller file sizes. Learn how to use it in our new course, A Web Designer’s Guide to the WebP Image Format.

What You’ll LearnIn this short course, you will learn how to convert your images into WebP files, insert them into your HTML and CSS, and provide fallbacks for browsers that don’t support the format.
In eight quick videos, Craig Campbell will take you through the full process of creating WebP images using both Photoshop and Squoosh. He'll also show you exactly how to insert WebP images into a web page, provide fallback images, and use WebP with CSS.
Watch Craig's brief video introduction below to find out more.
Watch the IntroductionTake the CourseYou can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading..

Continue Reading

How To Find And Make The Most Of The Unplanned User Journey

How To Find And Make The Most Of The Unplanned User JourneyHow To Find And Make The Most Of The Unplanned User Journey

Ben Christine

2019-03-25T12:30:35+01:002019-03-28T17:36:26+00:00Fallbacks can be defined as an alternative plan that may be used, and in the context of user journeys, they would be an alternative path to the expected or planned user behavior. So, when we think about our sites and apps, we build them with a particular plan in mind to achieve a particular goal by taking a particular route and to experience a particular experience.

If you are experienced in building products, you will know that users have a tendency to do things you didn’t plan for, and that’s alright because we can’t possibly understand all of their needs and intention. This is why fallbacks are so valuable.

Over the years, we have tried and tested many tools at Venture Harbour to help us get better feedback loops. Our products have needs which require different types of tools to reveal all kinds o..

Continue Reading

22+ Best Restaurant WordPress Themes: With Premium Responsive Designs

Nowadays, every business should have a website. As a restaurant or cafe owner, it’s imperative that your food business has a well-branded, beautifully-designed online presence in order to attract more customers.

Do you need a beautiful new restaurant site? One with on-trend designs made for 2019? Thanks to WordPress, you can easily create your restaurant website design without having to worry about hiring a developer to ensure your menu is displayed and updated properly.

With a top WordPress restaurant theme made for 2019, you can:

Showcase your menu in full and feature beautiful photos of your best dishes.
Display your new site with a responsive design that looks perfect on mobile.
Allow your customers to make a reservation online or even order food to be delivered to their doorstep.
But if you turn to Google to find the right theme, you’ll wind up with hundreds of results, which can be totally overwhelming. That’s why we’ve gathered our best-selling restaurant and cafe Word..

Continue Reading

SVG Circle Decomposition To Paths

SVG Circle Decomposition To PathsSVG Circle Decomposition To Paths

Bryan Rasmussen

2019-03-22T13:00:08+01:002019-03-28T17:36:26+00:00This article starts with a confession: I like to hand-code SVG. It’s not always the case but often enough it could seem peculiar to people who do not share my predilection. There are a good number of benefits in being able to write SVG by hand, such as optimizing SVGs in ways a tool can’t (turning a path into a simpler path or shape), or by simply understanding how libraries like D3 or Greensock work.

With that said, I’d like to look more closely at circular shapes in SVG and things we can do with them when we move past a basic circle. Why circles? Well, I love circles. They’re my favorite shape.

First off (hopefully you’ve seen a basic circle in SVG before), here’s a pen that shows one:

See the Pen circle by Bryan Rasmussen.

A lot of things can be done with a circle: it can be animated and it can have different colors applied to it. Still, there..

Continue Reading

17 Best WordPress Music Themes (2019) for All Musicians

As a musician or a band, your primary goals are to fill the gig venue with raving fans and get noticed by agents. The best way to make sure that happens is to create an attractive website.
Using your website, you can share information about your albums, upcoming single releases, events, and general band or biography information. Having a site also makes it possible for music agencies to get in touch with you about the possibility of signing a contract.
One of the easiest ways to create a website is to use WordPress. Aside from being easy to use, WordPress is versatile enough for any type of website, including those for musicians, DJs, bands, and more.
There are plenty of Premium WordPress themes geared for the music industry that include features like an audio player, event information, the ability to sell your merchandise, and so forth.
Premium music WordPress themes on ThemeforestThe Best Music WordPress Themes of 2019In today’s post, we’re showcasing some of the best music WordPre..

Continue Reading

How To Make A Speech Synthesis Editor

How To Make A Speech Synthesis Editor How To Make A Speech Synthesis Editor

Knut Melvær

2019-03-21T13:00:16+01:002019-03-28T17:36:26+00:00When Steve Jobs unveiled the Macintosh in 1984, it said “Hello” to us from the stage. Even at that point, speech synthesis wasn’t really a new technology: Bell Labs developed the vocoder as early as in the late 30s, and the concept of a voice assistant computer made it into people’s awareness when Stanley Kubrick made the vocoder the voice of HAL9000 in 2001: A Space Odyssey (1968).

It wasn’t before the introduction of Apple’s Siri, Amazon Echo, and Google Assistant in the mid 2015s that voice interfaces actually found their way into a broader public’s homes, wrists, and pockets. We’re still in an adoption phase, but it seems that these voice assistants are here to stay.

In other words, the web isn’t just passive text on a screen anymore. Web editors and UX designers have to get accustomed to making content and services that should be spoken o..

Continue Reading

Better Data Presentation for Infographics: Practical Animation Examples

Motion and animation, when done properly, can make your website more attractive. Websites which use data presentation and infographics are the perfect example. Using the animation framework we created previously, in this tutorial you’ll learn how to animate three infographic examples: data counters, progress bars, and circular progress bars.
Before We BeginI highly recommend you read the previous tutorial before starting, just so you are familiar with the main concepts and the JavaScript functions we’re using.
Animations to Take Your Basic HTML Template to the Next Level
Karen PogosyanIn addition to the framework we will need a couple of JavaScript plugins and Fontawesome:
jQuery countTo
In the exercise files I already included these plugins combined in the controller.js file.
Animating Data and InfographicsInfographics by themselves are not animated, they are static forms of data presentation. We are going to take a static infographic web..

Continue Reading