No matter what your personal style is, it’s imperative to have a wide selection of fonts in your design library. This will help ensure you always have the right font handy, regardless of the type of project you’re working on.
In most cases, traditional choices will be your best bet. Serif, sans-serif, script or decorative fonts will round out your design nicely and help you convey the right tone and message. But sometimes, you will need to step out of your comfort zone and use something that is a little more unusual.
In cases like those, chunky and 3D fonts could be just what you need. These fonts are perfect for branding projects for brands that want to stand out and be perceived as original and bold. Chunky and 3D fonts are also a great choice for t-shirt designs, posters, billboards, promo materials, and any other type of design project where you need to make an impact.
Keep in mind that these types of fonts can dominate the design so it’s best to use them alongside a simpler font and, of course, avoid using them in long sentences or paragraphs.
Given the number of fonts available online, finding the best chunky or 3D font for your project can take up a lot of your time that could be spent working on the project instead. That’s why we’ve rounded up the best chunky and 3D fonts from around the web. Feel free to download them and use them in your projects.
Hyperapp – A tiny framework for building purely functional, declarative web apps in JavaScript.
Styler – Use this plugin for Figma to generate styles based on selected layers.
The A-Z of AI – A series of simple, bite-sized explainers to help anyone understand what AI is, how it works and how it’s changing the world around us.
Typically, the timeless and always popular grunge design style is characterized by its aged and fading visual graphics, with either broken or misshapen design elements and is entirely inspired by industrial architecture, urban decay, or in its simplest form, graffiti.
To effectively recreate the grunge style you could, of course, design all of the elements yourself, which would be time-consuming and certainly repetitive when you consider the high quality and volume of freely available grunge brush sets.
In this roundup, we have collected hundreds of grunge and distressed Photoshop brushes in 25 sets to spice up your designs. Whether you are a web designer wanting to give your site a distressed background, or a graphic designer wanting to give a decayed feel to your designs, or even if you are a photographer looking to give your shots a grungy or aged feel, these free brushes are for you.
If you’re looking to spice up your branded videos and marketing campaigns, consider using an animated logo reveal. An animated logo can be a great way to capture the attention of your audience as they scroll through their newsfeed and to stand out from the competition.
Luckily, you don’t have to be a motion design expert to create a stunning animated logo. Simply use one of the premade logo reveal templates, like the ones we are featuring below.
The free Fast Flip After Effects Logo Reveal template is a great starting point if you’re on a budget. It uses stock photography which you can replace with photos of your team or company to reveal an elegant logo at the end. All you have to do is customize the colors, replace the photos, and add your own logo.
A unique way to reveal your logo is to use an animated search bar with a sample question. Your logo then shows up as the answer. You can customize the text and easily drop in your logo.
This logo reveal would be great for a startup or a small business company. The template is easy to use and comes with detailed instructions on how to customize and render your logo reveal project.
The Orbital Free HUD Logo Reveal is another free logo reveal template for After Effects that would be perfect for any tech company. This logo reveal is done up in futuristic style and includes the complete .AEP project file with background textures and elements.
Try the White Scroll Logo Reveals if you’re looking for a more classic-style logo opener. The template comes with 3 background versions and 3 different logo placement options.
This logo reveal template pack contains 3 different logo reveals that are suitable for any corporate logo reveal. This template is a great choice for anyone looking for a modern and professional logo reveal.
The Minimal Logo Klick logo reveal features a modern and slick design with playful animation. You’ll find a logo placeholder, editable text layer and an intelligent color controller.
This premium animated logo reveal features a dark blue background paired with light blue HUD elements. It’s a perfect logo template for any tech company looking to stand out online.
If you’re looking for a 2D style logo reveal try Another 2D Logo Introduction Template. This template allows you to easily customise the colors and insert your own logo. It also includes a detailed help file.
The Elegant Logo Reveal is a perfect choice if you’re looking for a logo reveal for a feminine brand. It features a chrome logo paired with a silky dark background and you can easily add your own text, change the colors, and insert your own logo.
This is another elegant logo reveal that would be perfect for a high-end fashion brand or any other type of luxury brand. The template comes with a logo placeholder, 1 editable text layer, and an intelligent color controller.
The Super Logo template is a perfect choice for anyone looking for a colorful and action-packed logo reveal. The template is easy to use and all you have to do is simply edit the text, adjust the colors, drag and drop in your new media and hit render.
The Battle Logo Reveal template would be perfect for a sports brand or for a gaming brand. This logo reveal template comes with a detailed help file, a placeholder logo, and a complete set of backgrounds that you can use as a part of your logo reveal.
Try the Blue Action Logo Reveal template if you’re looking for a minimalist logo opener. It features a dynamic animation style and includes a logo placeholder and an editable text layer. You can also easily adjust the colors.
Try this logo reveal template if you’re looking for an action packed, Hi-Tech animation style. To edit the project, simply drop your logo or text into the Logo composition and then render the project.
This free logo reveal template comes in two styles: a light one and a dark one. It features a modern design that’s suitable for any young start-up or small business that wants to stand out from the competition.
Use this template if you want a fun, domino effect to reveal your logo. The template comes with a logo placeholder file and you can easily customize the colors to reflect your brand.
This free After Effects logo pack comes with three reveals that feature a modern and minimal style. You’ll find a simple circle reveal, mouse click to reveal, and animated button push.
Try the Hi-Tech Logo Reveal template if you want a logo reveal template that’s done up in Matrix style. This template contains 2 versions with 1 logo placeholder and 2 editable text layers.
Conclusion
Use any of the logo templates above to breathe new life into your brand and add a dose of creativity to your marketing campaigns, Youtube or Facebook videos or even commercials. You can use these logo reveal templates for yourself as well as in your client projects. The logo reveal templates on this list feature a variety of styles that are suitable for businesses both big and small and they are easy to customize.
WordPress provides you with a decent head start when it comes to creating accessible websites. For example, recent default themes like Twenty Seventeen are already built with accessibility in mind. But that doesn’t mean that your work is done.
There are still plenty of items to check off your list to ensure that everyone has access to your site’s navigation and content. Thankfully, this is one of the areas where the plugin development community has really stepped up. We now have access to a wide selection of tools to help us meet the challenges of accessibility.
Here is a collection of WordPress plugins that can help improve your site’s accessibility:
WP Accessibility (authored by Joe Dolson, who we recently interviewed) is a multi-function plugin that solves common accessibility issues.
Its most outward feature is a font size and color contract toolbar that helps users more easily read your content. But it also does a lot of behind-the-scenes work like adding skip-to-content links, implementing an outline to the link :focus state for better keyboard navigation, utilizing longdesc for images, and a whole lot more. Each feature can be turned on or off through a settings page.
WP Accessibility Helper adds a user-friendly toolbar to your site that lets users select different color contrasts (they can choose from a selection of color schemes) and adjust font size to their liking. But it goes above and beyond with user options for underlining or highlighting links, grayscale images, changing fonts and keyboard navigation.
The plugin also boasts a DOM scanner that will check your site for various accessibility errors. There’s also a pro version that adds even more goodies.
If you want a simple way to enable users to enlarge text, the Accessibility Widget is a nice option. It’s a minimally-styled widget that offers up “Small,” “Medium,” and “Large” text links. Settings let you determine which HTML elements are affected and how big (or small) fonts should be.
Accessibility Checker offers you real-time feedback on your site’s content. Once published or saved as a draft, content is scanned for accessibility. The plugin then provides a visual overview (and the offending code) of any issues that it finds.
The free version will scan an unlimited number of posts and pages. The Pro version ups the ante by covering custom post types, offering a centralized open accessibility issues list and will help you draft an accessibility statement for your website.
WordPress plugins are at their best when they save you time. Access Monitor can do that by performing automated weekly or monthly accessibility scans. Configure the plugin to test a custom set of pages and it will return a list of “definite” issues. That is, the plugin will only report issues that are machine-testable. This cuts down on the number of false-positive results that tend to plague automated scans.
To use Access Monitor, you’ll need to grab a free API key from the Tenon.io service.
Typography plays a huge role in website accessibility. If your site’s fonts are too small, it may be inaccessible to many users. Zeno Font Resizer is here to help.
The plugin allows users to resize text to their liking via a widget (the resizer can also be implemented via a code snippet in your theme). You can set the minimum and maximum font sizes, along with the amount of sizing change for each “step” up or down the scale.
One Click Accessibility will add a handy toolbar on the front end that lets your site’s visitors tweak a variety of accessibility settings. They can resize fonts, change color contrast and underline hyperlinks.
On the back end, you can customize which items are available on the toolbar. In addition, there are settings that add outline focus to all links, add a skip-to-content link and remember user preferences.
If your site’s images are missing ALT attributes, that means they’re inaccessible to users of screen readers. They could be missing out on important information.
One way to resolve this issue is through a plugin like Bulk Auto Image Alt Text. The plugin will use items such as post titles or Yoast SEO focus keywords on images that don’t already have an ALT attribute set. It works automatically, so you don’t need to go through every bit of media yourself.
Just note that descriptive ALT attributes are better for accessibility. Thus, this plugin may serve as more of a stopgap solution.
WP ADA Compliance Check Basic will automatically scan your site’s content for the most common accessibility errors. It then provides you with a report that points out potential issues and remedies for fixing them.
The free version of the plugin is limited to 25 pages/posts per scan. Upgrade to the full version of the plugin to remove that limitation. Plus, it will additionally check theme files and automatically fix issues for you.
While it’s common practice to set hyperlinks to open in a new browser tab, it can also be disorienting for some users. Accessibility New Window Warnings can help by providing users with a warning message before the new tab is opened.
There are no settings to configure. Activating the plugin will add an accessible tooltip to links, which is visible upon hover. As a bonus, it also integrates with the Accessibility Checker plugin mentioned above.
Leave No User Behind
The past few years have brought great awareness to the importance of creating an accessible website. While the process of ensuring you’ve covered all your bases takes time, it’s very much worth the extra effort. Using the tools profiled above is a great way to add features (visible or not) that will help every user get the most out of your WordPress site.
Hi, I'm Derick, and this is PHP internals news, a weekly podcast dedicated to demystifying the development of the PHP language. This is Episode 60. Today I'm talking with Eliot Lear about adding OpenSSL CMS supports to PHP. Hello Eliot, would you please introduce yourself.
Eliot Lear 0:34
Hi Derick, it's great to be here. My name is Eliot Lear, I'm a principal engineer for Cisco Systems working on IoT security.
Derick Rethans 0:41
I saw somewhere on the internet, Wikipedia I believe that he also did some RFCs, not PHP RFC, but internet RFCs.
Eliot Lear 0:49
That's correct. I have a few out there I'm a jack of all trades But Master of None.
Derick Rethans 0:53
The one that piqued my interest was the one for the timezone database, because I added timezone support to PHP a long long time ago.
Eliot Lear 1:01
That's right, there's a whole funny story about that RFC, we will have to save it for another time but there are a lot of heroes out there in the volunteer world, who keep that database up to date, and currently the they're corralled and coordinated by a lovely gentleman by the name of Paul Eggert and if you're not a member of that community it's really a wonderful contribution to make, and they need people all around the world to send an information but I guess that's not why we're here today.
Derick Rethans 1:29
But I'm happy to chat about that at some other point in the future. Now today we're talking about CMS support in OpenSSL and the first time I saw CMS. I don't think that means content management system here.
Eliot Lear 1:41
No, it stands for cryptographic message syntax, and it is the follow on to earlier work which people will know as PKCS#7. So it's a way in which one can transmit and receive encrypted information or just signed information.
Derick Rethans 1:58
How does CMS, and PKCS#7 differ from each other.
Eliot Lear 2:03
Actually not too many differences, the externally the envelope or the structure of the message is slightly better formed, and the people who worked on that at the Internet Engineering Task Force were essentially just making incremental improvements to make sure that there was good interoperability, good for email support and encrypted email, and signed email, and for other purposes as well. So it's very relatively modest but important improvements, from PKCS#7.
Derick Rethans 2:39
How old are these two standards?
Eliot Lear 2:42
Goodness. PKCS#7, I'm not sure actually of how old the PKCS#7 is, but CMS dates back. Gosh, probably a decade or so I'd have to go look. I'm sorry if I don't have the answer to that one,
Derick Rethans 2:56
A ballpark figure works fine for me. Why would you want to use CMS over the older PKCS#7?
Eliot Lear
Truncated by Planet PHP, read more at the original (another 15109 bytes)
