New Course: Take Your Presentations to the Next Level With Reveal.js
When we think about making a presentation, we usually reach for Keynote or PowerPoint. But there’s a very good third option: an HTML presentation framework called Reveal.js. Learn all about it in our new short course, Take Your Presentations to the Next Level With Reveal.js.What You’ll LearnIn this short course, Adi Purdila will show you how to install Reveal.js and how to create simple slides. You'll also dive a little deeper into the more advanced aspects of the framework so you can make the most of it.You'll learn about using Markdown to create slides, add slide backgrounds, theme your presentation, and more. Watch Adi's video introduction below to learn more.Watch the Introduction Take 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 eBooks on Envato Tuts+. Plus you can download unlimited items from the huge Envato Elements library of over a million creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.
Guest Post: AMP Email
Editor’s note: The below was originally posted on gregable.com by Greg Grothaus, Software Engineer, Google
Google just officially launched AMP Email, with support from other webmail providers. I work for Google on AMP and worked on some aspects of this project. I thought I’d add my own thoughts on the announcement. My opinions are my own and not those of my employer.
The press has focused on the user experiences in AMP Email. This makes total sense, given the audience. My take, however, is that the more interesting development is the step towards standardizing of HTML Email. Let me explain.
Let’s take a step back and consider non-amp HTML email. The basic idea is that the sender provides two variants of each email using MIME type encoding. Here’s a simplified example:
From: "Senders Name" <firstname.lastname@example.org>
To: "Recipient Name" <email@example.com>
Content-Type: multipart/alternative; boundary="bdac7942f697eecfbdac7942f697eecf"
Some text content.
Some bolded html content.
An email client is free to choose which of these 2 alternatives to display and more importantly how to render the bytes.
An email client is not itself a web browser, even if...
The Importance of Readability on the Web
Readability on the web has to overcome many hurdles. Even if you follow all the right conventions, the presence of digital ads, popups and click bait can all distract from the main content of your site. But how do they impact readability? How can you use design to improve it? Below are some ways of thinking about readability on the web.
“Good design is about effective communication, not decoration at the expense of legibility.” – Vitaly Friedman
The Basics: Big, Legible Text
Rather than using specific pt sizes, consider relative length units like em to better scale to different device sizes.To ensure visual contrast and accessibility, look to W3C’s guidance of using a contrast ratio of at least 4:5:1 between text and background. Remember that the contrast standards are a set of guidelines. In reality, users will be using a variety of devices in a number of environments (low light, night, etc.), perhaps in addition to different browser or OS color filters. So strive to meet the standard contrast guidelines but know that real life may present even more barriers to visual contrast.
Typographic Readability and Legibility
Designing Accessible Content: Typography, Font Styling, and Structure
Maximize Clarity: Cut the Lingo
By understanding how people read on the web (hint: they don't read, they scan), you can write...