50+ Best PowerPoint Templates of 2019

The key to winning your audience is a perfectly designed PowerPoint presentation. Whether you’re speaking at a conference, pitching to an investor, or talking about sales projections at a business meeting, this collection of the best PowerPoint templates will help you speak to your audience.

The way you design your PowerPoint slides will play a key role in the success of your presentation. You need to use the right colors in your slides, structure the content for readability, and visualize data with charts and graphs to deliver a compelling presentation.

It usually takes hours to design a great PowerPoint presentation. But, you don’t have to go through all that trouble. We’ve found some of the best new PowerPoint templates you can use to quickly set up a professional presentation slideshow within a few minutes.

What is a PowerPoint Template?

A PowerPoint template is a set of pre-designed slides that you can open in PowerPoint and edit to create your own presentation slideshows.

Most PowerPoint templates come with dozens of unique slides featuring stylish content designs with paragraphs, icons, and images already arranged in professional layouts. All you have to do is copy and paste your content into the slides to create a beautiful slideshow. You’ll also be able to easily change colors, place images, and resize graphics in the templates as well.

To use a template, simply download the PowerPoint template file onto your computer and double click on the .PPTX file to open it in your PowerPoint app. Then you can customize it however you like.

Our Favorite PowerPoint Templates

Our list is pretty big. If you need a quick start, check out these top picks—our favourite PowerPoint templates that stand out from the crowd.

Top Premium Pick

Be. Modern PowerPoint Presentation Template

Be. Modern Powerpoint Presentation Template

Be. is a beautifully minimalist and creative PowerPoint template that uses lots of images to attract attention with its highly visual slides.

The template includes 125 unique slides, 550 font icons, and image placeholders for easily replacing the images. It’s perfect for making design portfolios, product

What’s New For Designers, June 2019

It’s that time of year when everyone’s mind is less on work, than on vacation. So, we’ve tried to round up a few new tools and resources for designers that can make projects seem a little more like play. Enjoy!

Fontanello

Fontanello is a Chrome browser extension that lets you see the type styles of text just by right-clicking it. This tool takes all the hassle out of looking for font styles by showing the name, size, leading, and color of a typeface quickly. (There’s also a Firefox browser extension.)

Freemium

Freemium is a collection of free tools and resources for designers. You can find information about all types of websites and applications (even stock photos) that are free to use. Each tool includes a description and buttons to access the tool or learn more. This database is a lot faster than searching everywhere for the right tools and having to sort through all the digital clutter.

Creative Machine

Creative Machine is an ad template tool that’s still in beta (and free if you want to try it). Use it to create an ad template and then create other dynamic creatives with just a click. If you build a lot of ad sizes for the web, this tool can help save time.

GPortfolio

GPortfolio lets you generate an automatic portfolio based on your GitHub profile. How many times have you asked for that functionality? There’s plenty of documentation to walk you getting started and examples templates.

Gradient Toggles

Gradient Toggles mixes cool animation with trendy color in elements that fade away on click. The Pen is by Mikeal Ainalem and worth a look.

Mailgo

Mailgo makes mailto functions that much prettier. The tiny tool substitutes all mailto links on your website with a snazzy popup modal that will impress visitors and allow them to choose what email program to open and send from.

PixelSnap 2

Pixel Snap 2 is a simple tool that measures anything on your screen instantly. The new version is faster and works on any screen, including …

Popular Design News of the Week: June 10, 2019 – June 16, 2019

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.

How to Design for the Web in 2019

 

Write HTML like it’s 1999

 

A Simple Guide to Design Thinking

 

Why Text Buttons Hurt Mobile Usability

 

CodyHouse Framework 2.0

 

Colors in UI Design — Theory, Psychology & Practice

 

Birth of Our New Design System

 

This Page is a Truly Naked, Brutalist Html Quine.

 

Milkshake – Make Websites from your Phone

 

Different Faces of Gamification in Web Design

 

Why Dark Gray is Brighter than Gray on the Web

 

A Future Design Tool with Git-like Asset Versioning

 

Firefox’s Bold New Branding is a Glimpse into Mozilla’s Grand Plan

 

Introducing Sideway

 

The State of CSS 2019

 

Your Website Content Migration Checklist

 

Gmail’s Dynamic Emails Roll Out to all Users on July 2

 

Typography for AR Interfaces

 

The Must-Have Elements of a Successful SEO Strategy

 

What I Learned from Rebranding a Company in 3 Months

 

The New Mac Pro is a Design Remix

 

This Just Might Be the World’s Most Beautiful Refrigerator

 

Designing for the User’s Emotional Journey

 

User Experience Is… User Research

 

To Be Great, Be Good Repeatably

 

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

Components, yo.

I see VuePress just went 1.0. Explained simply, it’s a static site generator based on Vue. But of course, you work in Vue, which means you work in components.

All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte requires compilation), they all seem to agree on the model of working in components. React is all components. A popular static site generator for React is Next.js. The Vue version of that is Nuxt.js.

Then there is Gatsby which is all React. (Listen to our latest ShopTalk Show as we discuss it.) Gridsome seems like the most 1-to-1 comparison in Vue-land, the notable comparison being how they both are designed to suck in data from any source. Components though, of course. I’m not sure there is a flagship Angular-based static site generator, but they are out there, and Angular is components all the way down.

Components are so ubiquitous that perhaps you don’t even think about it anymore. But you might feel it, particularly if you jump back and forth between projects that aren’t component-driven. WordPress development, generally, I feel, isn’t component driven. Sure, you’ve got your header.php and footer.php files and such. You can break those apart however you want, but it’s rather ad-hoc. You aren’t explicitly building components and feeding those components local data and testing them as such. (You can get a lot closer with something like Timber.)

Building front-ends out of server-side code is absolutely fine. Server-side rendering is rife with advantages. But server-side languages don’t seem to have embraced components the way JavaScript has. And since everyone seems to like components (front-end devs obviously love it, designers think that way anyway, back-end devs understand it…) it’s no surprise to me to see this surge of beloved projects build server-side (or build-time) generated sites from JavaScript, simply because it’s component-based and components are just a good idea.

The post Components, yo. appeared first on CSS-Tricks.

from …

Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon

Šime posts regular content for web developers on webplatform.news.

In this week’s roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you.

An install icon is coming to Chrome on desktop

Pete LePage: The next version of Chrome will automatically show an install icon in the address bar on desktop if the site meets Chrome’s PWA “installability” criteria. You can listen for the appinstalled event to detect if the user installed your PWA.

Opera GX is available on Windows

Maciej Kocemba: The preview version of Opera GX for Windows is now available. This is a special version of Opera that lets users limit how much CPU and RAM is available to the browser.

Updated ECMAScript proposals

Azu The JavaScript optional chaining operator (obj?.prop) and null-ish coalescing operator (x ?? y) proposals have been moved to Stage 2 of the TC39 process. (See Web Platform News issue 902 for more information about the TC39 process.)

// BEFORE
let text = response.settings && response.settings.headerText;
if (text == null) text = "Hello, world!";

// AFTER
let text = response.settings?.headerText ?? "Hello, world!";

CSS Scroll Snap is coming to Firefox

Šime Vidas: CSS Scroll Snap is supported in Chrome, Safari, and the next version of Firefox. Scroll snapping works well on touch screen devices but there are some usability issues on desktop platforms.

The post Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon appeared first on CSS-Tricks.

from CSS-Tricks https://css-tricks.com/weekly-platform-news-css-scroll-snap-opera-gx-pwa-install-icon/…

20+ Best Facebook Cover & Post Mockups

If you’re a social media manager or a small business owner looking to supercharge your Facebook content strategy, then you’ve come to the right place.

Developing high-quality content for Facebook can be tough when you’re managing everything by yourself. It’s easy for big corporations with big budgets to design unique and beautiful content to grow their Facebook pages, but how can you afford the time to craft each post?

You don’t need to spend hours creating awesome content for your Facebook page. Try these Facebook mockup templates and you’ll be able to easily create a proper content strategy for your Facebook promotions without even having to hire a graphic designer.

What is a Facebook Cover or Post Mockup?

Professional graphic designers who work with social media designs, such as Facebook covers and post designs for businesses often use mockup templates when presenting their designs to clients.

Mockup templates let you show your Facebook covers and post designs in an environment that looks just like Facebook. This allows your clients to see how the covers and posts will look like when it’s uploaded to their business page.

Facebook cover and mockup templates are quite easy to work with. All you have to do is open the file in Photoshop and you’ll be able to place your own designs in the mockup with just a few clicks using the smart object layers in Photoshop.

Our Favorite Facebook Cover & Post Mockups

These are our favorite free and premium picks of all the Facebook cover and post mockups in this list.

Top Premium Pick

Facebook Desktop Mockup Template

Facebook Desktop Mockup Template

This is a complete mockup of the desktop version of Facebook featuring all elements of a Facebook page in one bundle.

The template features mockups for the cover image, profile image, a post mockup, and more. It’s available in PSD format and in 1920 x 3128 resolution.

Why This Is A Top Pick

Why download multiple templates when you can get them all in one bundle. This pack includes all the mockups you’ll need to

7 Ways to Convey Sarcasm in Web Content

Pop quiz: which of the following statements is sarcastic?

  1. Edge is actually a kind of decent browser, just missing some features.
  2. Writing CSS using JavaScript is a viable and sensible way to get things done, now that we use JS for everything else. We might as well.
  3. Brutalism as a movement has, in some ways, made some of us into better designers.

It can be hard to tell, can’t it? For the record, it’s number 2. But really, you might have seen people say each one of those things somewhere on the Internet, and some of them even meant that second one. And then, some of them said it and didn’t mean it, but other people thought they meant it and got mad at them. Even in real life, I’ve occasionally said something out loud that I thought had a clearly sarcastic tone, only to have to clarify my statement afterward.

As web designers (who are often tasked with also making website content), you may run into a situation where sarcasm is called for, and you have to make sure people don’t get it wrong. That’s a tough call. We live in a world where it can be darned difficult to tell sarcastic opinions from trolling.

We live in a world where people aren’t always ready to see sarcasm, or even humor for what it is. You sometimes have to prime your audience to expect something funny, rather than something glaringly stupid or offensive. This is why comedians have “hype men”, or other opening acts to warm up an audience. This is why sarcasm on Twitter often goes very, very wrong.

So how do you convey this to your users? How do you tell them that sarcasm’s coming? Well, there are a few simple ways:

Don’t Tell Them

This approach depends on the apparent absurdity of your statement to make the joke work. Now, I already listed a few reasons above as to why you wouldn’t want to use this approach. Well, the fact is that it can actually work, …

60+ Best Free Fonts for Designers 2019 (Serif, Script & Sans Serif)

We’re amazed at the number, and quality, of free fonts available today. Designers have an incredible choice of free fonts to choose from. So whether you’re looking for a serif, script, or sans-serif font, today’s collection of the best free fonts for designers has you covered!

Utilizing a great-looking font is a key part of making any type of design look more professional. Of course, you don’t always have to use premium fonts to achieve that same level of professionalism. If you can’t afford to spend money on premium fonts to make your designs look great, you can always turn to one of the thousands of free fonts.

This collection includes the best free script fonts, serif fonts, sans-serif fonts, decorative fonts, and much more to match any kind of design project you’re working on. Go ahead, scroll down and start downloading. Every font is free!

Unlimited Downloads of 500,000+ Serif, Script, Sans-Serif Fonts & More

If you’re looking for high-end results and you want your font to stand out, it’s a good idea to choose from one of the many affordable premium fonts available through Envato Elements. Here are a few of our favorite fonts:

All the fonts you need, and many other design elements, are available for a monthly subscription. It starts at $17 per month and gives you unlimited access to a massive and growing library of 500,000+ items that can be downloaded as often as you need (stock photos too)!

Just looking for a stylish free font? No problem. Let’s dive into our collection of the best free fonts of 2019!

Potra – Free Futuristic Font

Potra - Free Futuristic Font

Potra is a modern typeface with a futuristic design. This font is ideal for crafting social media posts, T-Shirts, website headers, and more.

Milea Handwritten Brush Font

Milea Handwritten Brush Font

Milea is an elegant brush font with a natural handwritten style. It’s perfect for everything from book covers to wedding invitations, website designs, blogs, and much more.

Moon – Modern Rounded Typeface

Moon - Modern Rounded Typeface

Moon is a beautifully minimalist sans-serif font with rounded …

Drawing Realistic Clouds with SVG and CSS

Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a very abridged, polite version.

Nephele, we are told, was created by Zeus in the image of his own beautiful wife. A mortal meets Nephele, falls in love with her and, together, they take an adult nap™. Finally, in a strange twist, the cloud gives birth to half-human half-horse Centaur babies.

Weird, right? Personally, I can’t make heads or tails of it. Thankfully, the process for creating clouds in the browser is much more straightforward and far less risqué.

Yuan Chuan’s clouds detail. (Demo)

Recently, I discovered that developer Yuan Chuan has realized code-generated, photorealistic clouds. For me, this notion in the browser had long been the stuff of myth.

With one glance at the code in this pen we can imagine that convincing individual clouds are achievable through the use of CSS box-shadow with a <filter> element containing two SVG filters as its complement.

The photorealism we want is achieved with a delicate mix of feTurbulence and feDisplacementMap. These SVG filters are powerful, complex and offer very exciting features (including an Oscar winning algorithm)! However, under the hood, their complexity can be a bit intimidating.

While the physics of SVG filters is beyond the scope of this article, there is ample documentation available on MDN and w3.org. A very informative page on feTurbulence and feDisplacement is freely available (and offered as a chapter of this amazing book).

For this article, we will focus on learning to use these SVG filters to get spectacular results. We don’t need to delve too deeply into what is happening behind the scenes algorithmically, much in the way an artist isn’t required know the molecular structure of paint to render a stunning landscape.

Instead, let’s pay close attention to small handful of SVG attributes that are essential for drawing convincing clouds in the browser. Their use will enable us to bend these powerful …