Tutor LMS Turns Your WordPress Site into an Educational Powerhouse Sponsored

The popularity of online education seems to be growing on a daily basis – and it’s easy to see why. For educational providers, there is both a significant cost savings and flexibility in the types of content that can be offered.

Students love the fact that they can learn anywhere, anytime. They don’t have to commute to a physical location and also benefit from lower tuition fees.

If you’re looking to take full advantage of this phenomenon, the Tutor LMS WordPress plugin is your complete solution. Use it to build and sell full-featured online courses. And, many of its core features are available for free!

The LMS for Everyone

With Tutor LMS, you’ll find a full array of powerful and flexible features. This makes it a great fit for virtually any type of organization. Whether you’re an educational institution, company or individual, you’ll have everything you need to build courses that meet your exact needs.

Here’s a look at everything Tutor LMS has to offer:

Drag-and-Drop Course Builder

Creating the course you want is easy, thanks to a user-friendly course builder. This drag-and-drop UI offers plenty of options and room for unlimited customization. Add lessons or quizzes and reorder them in a jiffy. You can also set course prerequisites and reward students with a custom certificate.

Tutor LMS Course Builder.

Rich Quiz Creation with 10 Unique Question Types

With the Advanced Quiz Creator, you can build robust quizzes that test your student’s knowledge. Choose from 10 predefined question types, set limits on attempts and time spent, randomize questions and set a grading scale. Automated results let students see their progress, while an advanced options panel enables even more customization.

Tutor LMS Question Types.

Monetize Courses

Set fees for each course individually or give them away for free. Tutor LMS supports both WooCommerce and Easy Digital Downloads, which opens up a world of possibilities. Sell courses via one-time purchase or provide lifetime access. And, you can use any payment gateway supported by your shopping cart of choice. Not only that, you can also allocate commissions to affiliates and easily …

Build a Fully-Custom Real Estate Website with HomePress WordPress Theme Sponsored

When it comes to building a website, each industry has its own specific needs. They require features, functionality and data types that reflect their particular niche.

This can be a challenge for web designers, as we often tend to work with one-size-fits-all solutions, such as WordPress themes. That can result in a lot of extra work when it comes to customizing things to fit our projects.

The real estate industry is a prime example. Users expect high-end conveniences, while clients look for features that make their jobs easier. Therefore, a general-purpose WordPress theme just won’t cut it. You need a theme that understands the intricacies of the industry and delivers a top-notch user experience.

HomePress is the WordPress theme that offers a complete solution for building custom real estate websites. Built specifically for the industry, it has everything you need to get up-and-running in no time.

Let’s take a deeper look at how HomePress can help you stand out!

HomePress WordPress Theme home page example.

Advanced Features at Your Fingertips

The keys to a great real estate site are intuitive design and powerful features. Users must be able to easily navigate the site and have tools at their disposal that allow them to find what they’re looking for. On the back end, property listings should be easy to create, manage and customize.

HomePress covers all of these aspects with a customer-first approach. Among its many features, you’ll find:

Powerful Search Functionality

Search is a crucial factor in the success of your real estate website. That’s why HomePress allows for unlimited custom fields, radius and geolocation-based search and “live” autocomplete search suggestions. Users can customize their search based on available criteria to narrow down results.

HomePress search features.

Custom Property Listings and More

HomePress comes bundled with the incredible uListing plugin from StylemixThemes. Built with Vue.js, the plugin makes it easy to build custom property listings via a drag-and-drop UI. Use it to build your inventory grid, list and single property layouts with ease. And, you can wow your visitors with the use of 360° Virtual Tours!

uListing Drag-and-Drop Builder.

User-Friendly Conveniences

Finding …

Weekly News for Designers № 496

Add Cool Effects with CSS Blend Mode – Blend modes can replicate effects from the likes of Photoshop and other image editors.
Add Cool Effects with CSS Blend Mode

CSS Lists, Markers, And Counters – Check out some interesting methods for styling your lists.
CSS Lists, Markers, And Counters

Using HTML Validator Badges Again – Why those old badges may still be of some use.
Using HTML Validator Badges Again

Bounds.js – A script for asynchronous boundary detection that can be used for effects such as lazy loading.

a11y-css-reset – A set of global CSS rules to help improve the accessibility of your projects.

Building WordPress Websites That Better Respect User Privacy – Some things to keep in mind when it comes to user data and WordPress.
Building WordPress Websites That Better Respect User Privacy

Popups: 10 Problematic Trends and Alternatives – Show this to your clients the next time they really want a popup.
Popups: 10 Problematic Trends and Alternatives

Building a Conference Schedule with CSS Grid – A very practical use-case for the CSS layout technique.
Building a Conference Schedule with CSS Grid

Variable Fonts for Developers – Demonstrations that show the power of the latest font technologies.
Variable Fonts for Developers

Menus with “Dynamic Hit Areas” – Some tricks that make flyout menus easier to use.
Menus with “Dynamic Hit Areas”

Learn Bootstrap 4 in 5 minutes – A look at the most important changes in version 4 of the popular framework.
Learn Bootstrap 4 in 5 minutes

The Tiny Short Animation Trend in Web Design – Examples of attention-grabbing animations that don’t waste the user’s precious time.
The Tiny Short Animation Trend in Web Design

Eva Design System: Deep Learning Color Generator – Choose your brand’s base color, and this tool provides an array of complementary shades.
Eva Design System: Deep Learning Color Generator

GIT.WTF!?! – A curated resource that offers solutions for common Git-related issues.

Bringing new CSS techniques to production – Things to consider when implementing the latest CSS goodies on your site.
Bringing new CSS techniques to production

User Inyerface – A challenging game of user interactions and design patterns.
User Inyerface

Follow Speckyboy on Twitter or Facebook for a daily does of web design resources and freebies.

The post Weekly News for Designers № 496 appeared first on Speckyboy Design Magazine.

from Speckyboy Design Magazine https://speckyboy.com/weekly-news-for-designers-496/…

My Approach to On-Page SEO in 2019

The practice of Search Engine Optimization has been constantly evolving for as long as search engines have been around. While every search engine marketer will implement different strategies and tactics, a results-driven SEO campaign generally boils down to a couple of key things:

  1. Having an easy to use website that is optimized for SEO best practices
  2. Creating high-quality, engaging content
  3. Building authority with links, citations and brand mentions from around the Internet

For the purposes of this article, I’m going to focus on on-page tactics. Keep in mind, these are the same tactics and this is the same approach that we take to our on-page optimization campaigns at Proper Noun. So what does “on-page optimization” really mean?

At a high level, on-page optimization is the process of configuring a website so that Google will index it for specific keywords. This involves improving the website’s content, reconfiguring its code, and refining the website user experience. But if you’re here, you’re probably looking for a bit more information than that. Let’s take a look at what goes into implementing a strong on-page optimization strategy in 2019.

Getting Started With On-Page Optimization

Run A Baseline Audit

Before getting started with the actual website optimization, the first thing you should do is run a baseline audit of your website. There are a number of great tools, both free and paid, that you can use for your audits.

Website Page Speed Test


Start by testing your website page speed. Whether or not you’ve optimized this before, it’s important to revisit your page speed during this process. I like to use GTMetrix to run website page speed tests.

GTMetrix - Website Page Speed Test Tool

Head over to GTMetrix.com and enter your website URL into the “URL to Analyze” input. The test will run for a minute or so and then will give you two letter grades along with some website size information.

As far as the page speed results go, here are the most important metrics to consider for your testing in order of importance.

  1. Fully loaded time

Building WordPress Websites That Better Respect User Privacy

In recent years, privacy has become one of the most important topics in our society. With the rise of services that use and sell user data, serious discussions have been taking place regarding best practices and the rights of users.

In some cases, they’ve led to government-based regulations such as the EU’s GDPR. However, worldwide there still seems to be quite a lot of confusion, which tends to result in inaction. Unfortunately, web designers seem to be caught in the middle.

What makes things even more difficult is how much we rely on third-party providers that enable all manner of different functionality. Each provider is another link in a privacy chain that may or may not be collecting/using data in an undesirable way.

Nowhere is this more of a challenge than when it comes to building sites with WordPress. That’s not because the CMS doesn’t take privacy seriously – it does. Rather, it’s a combination of being the web’s most-used platform and its ability to tie in with an untold number of services via plugins and themes.

That begs the question: How do we build WordPress websites with privacy in mind?

The WordPress Toolbox
Unlimited Downloads: 500,000+ WordPress Themes, Plugins, Templates & Design Assets


First, Have Realistic Expectations

Perhaps the obvious answer is to disable anything and everything related to tracking users. That means disabling cookies, not utilizing any third-party plugin or theme, and forget about showing ads. But that’s not going to meet the needs of most websites – especially if you’re building them for clients.

Therefore, we have to keep our expectations based in reality. And it’s also important to understand that, if a site is expected to comply with some sort of legal standard, lawyers or some other party who is able to verify adherence should be involved.

Regardless, in almost all circumstances, some sort of user data will be collected – either directly by your own site (form submissions, cookies, etc.) or through the outside services you connect with. This is life as …

How to Determine Which Skills You Should Learn

When you take a look around at various web design publications, you often see headlines touting the next big thing. It might be a tool, a programming language or a framework. One can compare the experience to walking along the Las Vegas strip, complete with neon signs tempting us with all that we are missing out on. “Come inside”, they insist, “and you’ll be at the forefront of the industry!”

The whole thing can lead a designer to feel left out, or worse, left behind. This is a natural reaction, as all of us want to believe that we know what we’re doing and can deliver top-notch results for our clients. Seeing all of these headlines can paint a picture of an imaginary person in our heads – one who has in-depth knowledge of everything.

But the reality is that the super-developer we see in our minds doesn’t exist. Even the most dedicated and brilliant web professionals don’t know it all. And, even if they did, when would they possibly find the time to implement this vast knowledge? So, let’s erase that image from our memories.

To that end, let’s also ignore the lure of buzzwords when it comes to the skills we need to learn. Instead, we’ll need to take a good hard look in the mirror. It’s there that we’ll find the right path to take.

Discover Your Pain Points

The first step in figuring out where to spend your limited educational resources (time and/or money) is through some self-discovery. The good news is that it won’t require any sort of deep analysis from you or a professional.

To start, take a few minutes to think about some projects you’ve worked on recently. How did they turn out? Did you find yourself struggling with any particular aspect? Were there any features you would like to have added, but couldn’t?

If you look at a number of past experiences, you may notice a pattern. Perhaps you really struggled with writing some custom JavaScript or in getting your CSS

A Chat with Chris Coyier, Web Design Influencer & Entrepreneur

The ability to influence the web design community generally comes via two very different paths. One is to create compelling content that helps others level up their skills by introducing and reinforcing concepts. The other is through creating tools that allow people to utilize and further hone those skills. Chris Coyier is the rare person who has done both.

It all started with CSS-Tricks, the blog/community that helps us learn to do amazing things with style sheets. Then CodePen came along and provided us a venue for putting our design and development techniques to the test – not to mention learn a thing or two from its vast user base. Chris, of course, is responsible (partially so, in the case of CodePen) for bringing both of these indispensable resources online.

I had the opportunity to chat with him via email regarding the origins of those famous projects, the future of CSS, his thoughts on Gutenberg and more. Here’s our conversation – enjoy!

A portrait of Chris Coyier.

You are, of course, one of the most well-known voices in web design. Yet, according to your timeline, you started out working in software testing and print. You didn’t enter the web industry full-time until 2007. What sparked your interest in moving to web design? Was there a particular moment that inspired the change?

I was 27 in 2007. It was just a few years after graduating college (took me a while). That was my first job where anybody paid me to work on websites. I had built a handful of websites before that, but just for fun. Typical story: “the band needed a website”, wanting a personal site, and ultimately inventing excuses to build more of them.

I really credit WordPress for getting into web design and development more than anything else. After you’ve bought a domain name, hosting, and managed to get the site online with an easy way to update it (that was Coda for me at the time), that’s extremely empowering. It’s all I wanted to do after that. And I knew …

Adding Warmth and Personality to Websites with Human Illustrations

When it comes to excelling with visual appeal, there is no better way than to use illustrations on your website. Of course, it is not something that can be created on the fly. Without a good artist at your disposal, the result could be of subpar quality. It will take your money and precious time. However, it is worth it.

Illustrations always seem to please the online crowd. They roll out unique stories as well as intensify the idea behind the project. They are the first things that get noticed, setting tone for the entire project right away.

And even though we can see various trends and ground-breaking solutions, illustrations always remain one of the favorite tools of web artists. They are like black-and-white coloring in that they always remain classic and classy. With one tiny exception – illustrations let your imagination run wild, encouraging you to bring fantastic ideas to life and use as many colors as you want.

As any versatile tool, predictably we can notice trends and preferences in this sphere. Just recently we have seen small icon-sized illustrations that have taken the web by storm. Today human illustrations try to win over the crowd.

The Complete Toolbox for Web Designers
Unlimited Downloads: 500,000+ Web Templates, Themes, Plugins & Design Assets

Web Inspiration


TMS / Marie Sahy

TMS welcomes online visitors with a full-screen illustration that demonstrates the agency’s sphere of expertise in a fancy way. It supports the big tagline on the left, making it more prominent. Note, the phrase “We build great apps” may be a bit confusing for non-techy people, but the illustration tries to smooth things over.


With her bizarre, bold and daring illustration Marie Sahy managed to make a statement. The illustration conveys the free spirit and creative soul hidden inside the artist in the twinkling of an eye. It feels extravagant and at the same time personal. This is an exciting combination.

Marie Sahy

The use of human illustrations is a trend these days. And it is not just another way to add …

Share Your Story with These Terrific Timelines

When trying to get your point across to users, serving them up mountains of text just isn’t effective. People are looking for instant gratification and most won’t stick around to read long passages. We can better spark their interest through compelling visuals.

Timelines are among the more popular visual elements we have at our disposal. A good one can present a story in an easy-to-follow, and even interactive, manner. They can grab a user’s attention and invite them to participate in the experience.

And it’s no surprise that, as CSS and JavaScript are becoming ever more powerful, timelines are popping up all over the place. These technological advances mean easier implementation and a more compelling visual.

That gives us the perfect opportunity to share some top examples of timelines that are both attractive and engaging. Enjoy!

The Complete Toolbox for Web Designers
Unlimited Downloads: 500,000+ Web Templates, Themes, Plugins & Design Assets

Web Inspiration


Bringing History into Focus

One potential pitfall of a content-heavy timeline is that all of its entries can get bunched together. This makes it difficult to give each item the focus it deserves. This example takes a unique approach, where each entry’s image is faded until it comes to the top of the viewport via scroll. Once that occurs, the image is fully realized, thus allowing the entry some time to shine.

See the Pen
by Stefan Kyurkchiev.

Post Up

A timeline can be used to display all sorts of chronological or even categorized content. Here, this attractive date-based layout is used to list blog posts. The format is simple and easy to follow. It offers a different perspective on the standard vertical listing of posts.

See the Pen
Posts Timeline
by Tracy.

Change Your View

Let’s look at another unique method for displaying lots of information in a limited space. What’s great about this example is how versatile it is. You can navigate via keyboard, drag or click. Then there is the ability to zoom in or out of the listings and to …

The Biggest Designer Debates

It seems like every industry has their own set of fiercely debated topics. They pit tool against tool, theory against theory and can be great fun (or infuriating, depending upon your perspective). But since web designers spend an inordinate amount of their lives online, our debates tend to stir a whole lot of both participation and passion.

Today, we’re going to look at some of the subjects of debate that have taken on a life of their own. Some are completely organic to the industry, while others have been adapted from society at large. Regardless, they have resulted in some epic arguments.

So, let’s poke the bear and bring up those topics you may not want to discuss during an after-work get together!

Page Builders vs Old School Design

If you use a page builder – does that make you something less than professional? Does it mean that you’re taking unnecessary shortcuts?

These are among the questions raised by the use of the popular class of drag-and-drop tools. They’re most often associated with DIY providers like Squarespace and Wix, in addition to WordPress – thanks to a plethora of available plugins.

Part of the appeal of a page builder is that, in theory, it should allow a non-designer to put together a complex layout full of high-tech goodies. In practice, this isn’t always the case. Even an advanced tool can’t fully make up for a novice user who makes questionable decisions.

For web designers, some see the use of this type of tool as akin to making a frozen pizza. Sure, it’s easier. But the final product may miss some of that authenticity that would make it truly stand out. In some ways, it’s a similar argument to the one we had way back when WYSIWYG tools like Dreamweaver first hit the market. It’s the classic battle of tradition vs progress.

Eric’s Take: This one still elicits a lot of debate – including from yours truly. I’m proud to say that I’ve stood firmly in both camps at various times. …