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)
June was an exciting month for WordPress! Major changes are coming to the Gutenberg plugin, and WordCamp Europe brought the WordPress community closer together. Read on to learn more and to get all the latest updates.
WordPress 5.4.2 released
We said hello to WordPress 5.4.2 on June 10. This security and maintenance release features 17 fixes and 4 enhancements, so we recommend that you update your sites immediately. To download WordPress 5.4.2, visit your Dashboard, click on Updates, then Update Now, or download the latest version directly from WordPress.org. For more information, visit this post, review the full list of changes on Trac, or check out the HelpHub documentation page for version 5.4.2. WordPress 5.4.2 is a short-cycle maintenance release. The next major release will be version 5.5, planned for August 2020.
The core team launched Gutenberg 8.3 and 8.4 this month, paving the way for some exciting block editor features. Version 8.3 introduced enhancements like a reorganized, more intuitive set of block categories, a parent block selector, an experimental spacing control, and user-controlled link color options. Version 8.4 comes with new image-editing tools and the ability to edit options for multiple blocks. The block directory search feature that was previously available as an experimental feature, is now enabled for all Gutenberg installations. For full details on the latest versions on these Gutenberg releases, visit these posts about 8.3 and 8.4.
WordPress Bumps Minimum Recommended PHP Version to 7.2
In a major update, WordPress has bumped the minimum PHP recommendation to 7.2. The ServeHappy API has been updated to set the minimum acceptable PHP version to 7.2, while the WordPress downloads page recommends 7.3 or newer. Previously, the ServeHappy dashboard widget was showing the upgrade notice to users of PHP 5.6 or lower. This decision comes after discussions with the core Site Health team and the Hosting team, both of which recommended that the upgrade notice be shown to users of PHP <=7.1.
WordCamp Europe 2020 Moved Online
Following the success of a remote WordCamp Spain, WordCamp Europe was held fully online from June 4 to 6. The event drew a record 8,600 signups from people based in 138 countries, along with 2,500 signups for contributor day. WCEU Online also showcased 33 speakers and 40 sponsors, in addition to a Q&A with Matt Mullenweg. You can find the videos of the event in WordPress.tv by following this link, or you can catch the live stream recording of the entire event from the WP Europe YouTube Channel.
Josepha Haden (@chanthaboune), the executive director of the WordPress project, published a post that highlights resources on how the global WordPress community can focus on equity to help dismantle racial, societal, and systemic injustice.
PHP, the primary programming language in which WordPress is written, celebrated its 25th anniversary this month!
The Community team is updating the WordCamp code of conduct to address discrimination based on age, caste, social class, and other identifying characteristics.
The Documentation team is working on an external linking policy and has started a discussion on how to allow linking to trusted sources to benefit users.
WordCamp Denver was held online May 26–27. The event sold over 2,400 tickets and featured 27 speakers and 20 sponsors. You can catch the recorded live stream on the event site.