Monthly Archiv: November, 2020

Encurtador URL MongoDB

Package:
Encurtador URL MongoDB
Summary:
PHP URL shortener that stores URLs in MongoDB
Groups:
Databases, HTTP, PHP 5
Author:
Lucas de Oliveira
Description:
This package implements a PHP URL shortener application that stores URLs in MongoDB...

Read more at https://www.phpclasses.org/package/11888-PHP-PHP-URL-shortener-that-stores-URLs-in-MongoDB-.html#2020-11-23-23:53:39

The 20 Best Food & Drink Logo Templates for 2021

Just as food brings people together, you can bring audiences to your clients with a stunning food and drink logo. If you’re working with restaurants, breweries, coffee shops, or bars, you have to make their logos as delicious as their dishes. How? Well, you can take the long route, trying to come up with every idea yourself (and spend hours trying). Or… you can let our collection of the best food and drink logo templates inspire you.

These logo templates have something for everyone: Fun and vibrant logos for street food spots that want to showcase their down-to-Earth vibes. Logos for restaurants with a long tradition that want to be even more recognizable. Vintage-inspired logos for hipster coffee shops that want a new generation of writers to pen their first scripts on their premises (while sipping their mocha latte). And so much more!

Let’s be real: no one can resist good food. But it takes a while to convince people to come and try your clients’ dishes. As the designer in charge of creating the logo, you’ve got a say in how much foot traffic your clients get. Since the logo is the foundation of great visual identity, make sure you take the audience’s needs and preferences into account. And from there, it’s time to find the perfect logo template for your next project!

Winery Logo Templates & Badges (PSD, SVG, PNG, AI & EPS)

Make your winery’s logo as delicious as your wine! This winery logo template collection was inspired by vintage typography and iconography, but it works perfectly for wineries that want to highlight their old-school charm. You’ll get over 40 templates and elements for wineries to work with!

Winery Logo Templates Badges food drink eat

Craft Beer Logo Template (PSD, AI & EPS)

Create a brewery logo that stands out from the crowd with this craft beer logo template, perfect for branding, labels, and more! This highly editable brewery logo template incorporates the best of Gothic-style typography and symbols with contemporary design trends. Showcase your clients’ tradition with just a few clicks!

Craft Beer Logo Template food drink eat

Food, Bakery & Kitchen Logo Templates (AI & EPS)

Create the cutest logo on the block with these food, bakery, and kitchen logo templates. Featuring 15 illustrated logos with handwritten typography, these logos are perfect for mom and pop restaurants, or the friendly pizza place in the neighborhood. Even hipster brands will love these charming food and drink templates!

Food Bakery Kitchen Logo Templates food drink eat

Burgers and Co Logo Template (AI & EPS)

If your clients value their tradition and meat quality, they’ll love these logos! Inspired by retro steakhouse signs, these restaurant logo templates offer seamlessly blended serifs and sans-serifs with enough room for explaining what makes the brand different from others. You can customize every part of the template!

Burgers and Co Logo Template food drink eat

6 Vintage Beer Badges (AI & EPS)

If you’re working with breweries, you can’t go wrong with vintage! These 6 beer badges (that work like a charm as logos) offer traditional icons (kegs, saloons, anchors, and more) and retro typography. They’re perfect for breweries that plan on sticking around for centuries!

Vintage Beer Badges food drink eat

Coffee Shop & Restaurant Logo & Badge Templates (AI & EPS)

Create gorgeously illustrated coffee shop logos, badges, and other branding materials with these templates. Featuring those charming (and very Instagrammable) coffee shop motifs such as: coffee cups, latte art, and tea pots, this collection has everything you need to establish engaging visual identity for a charming coffee (or tea) shop.

Coffee Shop Restaurant Logo & Badge Templates food drink eat

Organic Farm Logo & Eco Food Retro Badges (PSD, PNG, SVG, AI & EPS)

There’s nothing like farm-to-table and everyone knows it! If you’re working with a brand that takes pride in their organic and eco food, make sure the logo shows it. These 9 organic farm and eco food logo templates are handcrafted, icons included. You can customize everything!

Organic Farm Logo Eco Food Retro Badges food drink eat

Minimal Hand-Drawn Food & Drink Logo Set (PSD, AI & EPS)

Create elegant and feminine food and drink logos with these minimalist and hand-drawn logo templates. Perfect for bakeries, coffee shops, and friendly local businesses, these 9 logo templates offer a seamless blend of cute icons and handwritten typography. Who can say no to a business with a logo this charming?

logo set Minimal Hand-Drawn food drink eat

Retro Restaurant Vector Logo Templates (AI & EPS)

Some things never go out of style. If your clients want a retro-inspired logo for their brand, it’s time to take a peek at this restaurant logo template pack. You’ll get 40 logo options – there’s something for BBQ places, restaurants, bakeries, and more.

Retro Restaurant Vector Logo Templates food drink eat

Beer Hops Multiply Badges & Logos (AI & EPS)

Help audiences understand the process behind brewing with these stunning beer hop logo templates. You’ll get 5 brewery badges that work perfectly for logos and other branding materials. From vintage logos, to modern and hipster logos with script fonts, there is plenty to pick from in this collection!

Beer Hops Multiply Badges Logos food drink eat

Organic Food & Drink Logo Templates (AI & EPS)

Evoke health and nature with a single logo – pick your favorite from this gorgeous organic food and drink logo template collection. With a natural color palette (greens and browns) and a variety of diverse icons (apples, leaves, and more), these logo templates are sure to attract loads of customers!

Organic Logo Templates food drink eat

Craft Beer Logo Templates (AI & EPS)

It’s time to show customers how much fun they’ll have sipping their beer or wine! Everyone’s gonna have the time of their lives with these brewery and winery logo templates. You’ll get plenty of beautifully illustrated (and fun) icon and typography options.

Craft Beer Logo Templates food drink eat

Unique & Minimal Food Logos (PSD, AI & EPS)

Organic and personal, these unique and minimalist food logo templates are perfect for food brands, as well as restaurants, bloggers, chefs, and more. The handwritten script fonts give a dash of personality to your brand, while the icons such as peppers and leaves instantly evoke feelings of comfort and delight.

Unique Minimal Logos food drink eat

Fast Food Logo Collection (AI & EPS)

Create a memorable fast or street food logo with these fast food logo templates! Featuring 8 beautiful logos with icons and typography outlined in red, they look as perfect as the red checkered tablecloths everyone associates with hearty food. From sandwiches to ramen, there’s plenty to pick from!

Fast Logo Collection food drink eat

Vintage Cooking Classes Logo Templates (AI & EPS)

Share some of your personality with your cooking class and turn it into a brand! These gorgeous vintage logo templates are perfect for increasing your cooking class brand awareness, as well as attracting more people to your cooking blog. Share the knowledge and charm your customers with these adorable logos!

Vintage Cooking Classes Logo Templates food drink eat

Chat Food Logo Template (AI & EPS)

Launching a food app, or starting a business geared towards techies and Gen-Z? Pick this chat food logo template! Combining noodles with the chat icon, and sealing the deal with sans-serif typography, this logo template is definitely the perfect choice for businesses who are keeping an eye on current trends.

Chat Food Logo Template drink eat

Cafe, Bar & Restaurant Vintage Logo Kit (AI & EPS)

If your clients take pride in their coffee, they’re going to love this vintage logo kit. These cafe logo templates emphasize the ‘coffee’ in ‘coffee shop.’ You’ll love vintage-style coffee leaf and coffee cup icons, as well as vibrant typography and compositions.

Cafe Bar Restaurant Vintage Logo Kit food drink eat

Barbecue & Grill Logo Templates (AI & EPS)

Paint a vivid picture with these barbecue and grill logo templates, perfect for restaurants serving the best dishes ever! From icons such as barbecues, to steaks, ovens, and more, you’ll have plenty of options to pick from. The vintage aspects give your clients’ brands even more charm!

Barbecue Grill Logo Templates food drink eat

Food & Cafe Logo & Badge Templates (PSD, AI & EPS)

From organic, across vintage, and all the way to elegant, this collection of logo templates for restaurants and cafes has it all! These 10 logos are perfect for diverse projects, so you might want to add them to your design kit. They feature charming icons, as well as vibrant typography.

Cafe Logo Badge Templates food drink eat

50 Vintage Food & Restaurant Badges & Logos (PSD, AI & EPS)

If you often work with restaurants and other food brands, it’s time to invest in a logo template collection. And if your clients love vintage, this pack is perfect. You’ll get 50 badges and logos for different niches; from bakeries specializing in cupcakes, to seafood restaurants.

Vintage Restaurant Badges Logos food drink eat


Food and drink logo templates so good they’ll make you lick your fingers! These 20 food and drink templates are perfect for your next project. If you often work with clients who own restaurants and coffee shops, these logo templates will be a perfect addition to your standard design kit.

From vintage logos perfect for breweries to elegant logos for restaurants on their way to getting that Michelin star, there’s plenty to pick from in this list, and we hope you’ve found the perfect logo for your next project.

Once you’ve downloaded the logo template you like, you can easily customize it in Adobe Photoshop or Illustrator. And of course, don’t forget to bookmark this page. Avoid long brainstorming sessions and get straight to work, giving your clients even more options for the foundation of their brand identity. Bon appetit!

The post The 20 Best Food & Drink Logo Templates for 2021 appeared first on Speckyboy Design Magazine.

50 Free High-Resolution Photoshop Brushes

Photoshop brushes let you express your creativity in a completely new way. With thousands upon thousands of Photoshop brushes available for download, you are truly spoilt for choice, so there’s no excuse not to use them.

The demand for high-quality Photoshop brushes is huge. Every designer wants them. Every designer needs them. And as you will no doubt already know, we love to highlight and share as many free design resources as possible.

And today, we take a look at some of the best high-resolution Photoshop brush packs currently available in the design community.

So download these free Photoshop Brushes and install them all. You just never know when you might need them.

How to Install Photoshop Brushes

Here’s a quick tutorial on how to install and use Photoshop brushes.

  • Download the Photoshop brush you want to use and unzip the file
  • On your computer, go to the Photoshop folder and locate Presets > Brushes
  • Move your downloaded brush file to the above folder
  • Launch Photoshop and go to Edit > Presets > Preset Manager
  • Click the Load button, locate your newly added brushes and click Open. You can also use the import presets function to install an entire folder of presets at one time. Once you’ve done that, you’re ready to use the new Photoshop brush.
  • To use a Photoshop brush, go to Window > Brushes
  • Select your brush and then paint over the canvas. You can adjust the size and shape of your brush in the Brush Settings panel

Scribble Art Photoshop Brushes (Free, 39 Brushes)

If you need to add an abstract line or shape to your designs, then this free collection of scribble art Photoshop brushes is for you.

Scribble Art Photoshop Brushes Tools Presets Free ABR

Da Vinci Pencil Photoshop Brushes (Envato Elements)

This high-resolution set contains twenty-five varied hard and soft lead pencil and sketching brushes.

Da Vinci Pencil Photoshop Brushes ABR

Subtle Grain Photoshop Brushes (Free, 6 Brushes)

This free Photoshop brush set from Spoon Graphics will allow you to give your clean designs a hint of texture that will quickly give them a vintage appearance.

Subtle Grain Photoshop Brushes Tools Presets Free ABR

Wavenwater Photoshop Brushes (Free)

The Wavenwater Photoshop brushes is a set of artistic brushes and tool presets for Photoshop. You can freely use these brushes in your projects and let your creativity run wild.

Wavenwater Photoshop Brushes Tools Presets Free ABR

Stipple Brushes for Photoshop (Envato Elements)

If you’re looking to add a modern twist or a touch of pop-art to your art creations, you will love this Photoshop brush set!

Stipple Brushes for Photoshop ABR

The Thrasher Collection of Photoshop Brushes (Free, 8 Brushes)

The Thrasher Collection is a free set of textures and eight Photoshop brushes for giving a grungy and textured effect to your designs.

Mixergraph Texture Photoshop Brushes Tools Presets Free ABR

Elegant Flower High-Resolution Photoshop Brushes (Free, 15 Brushes)

This high-resolution set contains individual brushes of roses, lilacs, dandelions, and more. In total there are fifteen flowers in the free set.

Elegant Flower free photoshop brushes ABR

Watercolor Brushes for Photoshop (Envato Elements)

This tropical watercolor brush set for Photoshop is all you need to create a dreamy tropical watercolor scene. It features 15 watercolor brushes and various watercolor elements and backgrounds.

Watercolor Brushes for Photoshop ABR

Ink Brushes for Photoshop (Free, 28 Brushes)

Download this free collection of 28 brushes if you need to give your designs a watercolor or distressed effect.

Ink Brushes Photoshop Brushes Tools Presets Free ABR

Real Markers Photoshop Brushes (Free, 12 Brushes)

As well as a small selection of linework brushes, this fantastic collection includes a huge collection of permanent and solid marker Photoshop brushes.

Real Markers Photoshop Brushes free brushes ABR

High-Res Photoshop Brushes Watercolor Collection (Envato Elements)

These watercolor brushes feature lovely floral elements. It’s a great set of brushes that will add a dose of elegance to any project. The set contains more than 60 floral, garland, and wreath brushes.

Photoshop Brushes Watercolor Collection ABR

Photoshop Stroke Brushes (Free, 27 Brushes)

Stroke Brushes Photoshop Brushes Tools Presets Free ABR

Martina Palazzese’s Digital Oil Painting Brushes (Free, 6 Brushes)

Martina Palazzese has released her personal collection of brushes so that you can create your own professional digital oil paintings.

Martina Palazzese Digital Oil Painting Brushes free photoshop brushes ABR

Artistic Studio: Watercolor Toolkit (Envato Elements)

This set is perfect if you want to seriously stock up your design library. It contains 35 watercolor brushes for Photoshop as well as dozens of other watercolor elements such as textures, strokes, backgrounds, and more.

Artistic Studio: Watercolor Toolkit ABR

Hi-Res Smoke Photoshop Brushes (Free, 4 Brushes)

Check out this collection of four smoke brushes for Photoshop. The brushes were done in hi-res and you can use them to spice up any design project you are working on.

Hi-Res Smoke Photoshop Brushes ABR

Dispersion Effect Photoshop Brushes (Free, 20 Brushes)

If you’re looking for a quick way of adding the stunning dispersion effect to your designs, then this free collection of twenty Photoshop brushes is what you need.

Dispersion Effect Photoshop Brushes Tools Presets Free ABR

Goldish Kit For Photoshop (Envato Elements)

Try this Goldfish kit for Photoshop if you’re working on a luxury or high-end project. The kit contains Photoshop brushes as well as layer styles, patterns, and textures.

Goldish Kit For Photoshop Extras ABR

Grunge Photoshop Brush Kit (Free, 16 Brushes)

Grunge Photoshop Brush Kit Brushes Tools Presets Free ABR

Mixergraph Grunge Brushes (Free, 5 Brushes)

All five of the individual high-resolution textures in this free Photoshop brush pack have been hand-made, digitalised and then individually edited.

Mixergraph Grunge free photoshop brushes ABR

Watercolor Design Bundle (Envato Elements)

If you’re looking for a way to add artistic elements to your designs, look no further than these beautiful watercolor brushes. The set contains 169 watercolor brushes along with other various watercolor design elements.

Watercolor Design Bundle ABR

Hand Drawn Arrows Brush Set (Free, 80 Brushes)

All created by hand, this free Photoshop brush set contains eighty individually sketched or drawn arrows.

Hand Drawn Arrows PS Brush Set free photoshop brushes ABR

Real Photoshop Brush Strokes (Free, 53 Brushes)

This high-resolution (2500px) set of Photoshop Dry Brushes contains fifty-three brush presets, giving a huge choice of brush effects.

Real Brush Strokes free photoshop brushes ABR

Coffee Paint Photoshop Brushes (Free, 16 Brushes)

If you need to give your project a distressed or rough appearance, then this collection of 16 Photoshop brushes is what you’re looking for.

Coffee Paint Photoshop Brushes Tools Presets Free ABR

Trails Brush Set (Free, 19 Brushes)

This Trails brush set features 19 high quality brushes for Photoshop. The brushes can be used in both commercial and personal project but keep in mind attribution is required.

Trails Brush Set 19 Brushes ABR

Bokeh Photoshop Brushes (Free, 8 Brushes)

If you want to apply a bokeh effect to your design easily, try this set of bokeh brushes. You will find 8 different brushes that can be used in any personal project.

Bokeh Photoshop Brushes ABR

Abstract Watercolor Brushes (Free, 12 Brushes)

This stunning free Photoshop bundle includes twelve transparent watercolor brushes and a free paper background texture.

Abstract Watercolor Photoshop Brushes Tools Presets Free ABR

Charcoal Pencil Photoshop Brushes (Free, 6 Brushes)

This is a free hand-drawn charcoal pencil brush set that includes brushed, gritted, grained, flicked, wacked, and dabbed brushes.

Charcoal Pencil Photoshop Brushes Tools Presets Free ABR

Doodle Birds & Frames Photoshop (Free, 9 Brushes)

This free set contains nine free Photoshop brushes of hand-drawn birds and frames.

Doodle Birds & Frames Photoshop Brushes Tools Presets Free ABR

Water Splash Photoshop Brushes (Free, 11 Brushes)

This package, created by Niño Batitis, contains 11 high-resolution water splash brushes.

Water Splash Photoshop Brushes ABR

Marker Streak Brushes (Free, 20 Brushes)

This set of Photoshop brushes contains 20 high resolution marker streak brushes. The brushes can be used in both personal and commercial projects with no limitations.

Marker Streak Brushes ABR

Realistic Charcoal Photoshop Brushes (Free)

This set of realistic charcoal brushes was born out of an artist’s need for realistic charcoal feel in their designs. The set features various charcoal style brushes and can be used with no limitations.

realistic Charcoal Brush

High Resolution Cloud Photoshop Brushes (Free, 20 Brushes)

In this high resolution (2500px) pack there are 20 cloud brushes. These brushes are free to download and use in both commercial and personal projects.

High Resolution Cloud Photoshop Brushes ABR

High-Resolution Fabric Texture Photoshop Brushes (Free, 20 Brushes)

There are twenty fabric textures in this pack, and are all sized at 2500px.

High Resolution Fabric Texture Photoshop Brushes ABR

Distressed Halftone Brush Strokes (Free, 21 Brushes)

In this brush pack there are 21 hand-painted brush strokes that have been post-processed and bitmapped inside Photoshop, giving them a wonderful distressed halftone effect.

Distressed Halftone Brush Strokes ABR

Lightning Photoshop Brushes (Free, 43 Brushes)

How about adding some lightning to your project? With the help of this brushes, you’re sure to make some electrifying designs! Brushes can be used for personal projects.

Lightning Photoshop Brushes ABR

Oil Photoshop Brushes (Free, 20 Brushes)

If you need oil Photoshop brushes, this set will serve you nicely. The set contains twenty brushes that can be used in personal and commercial projects.

Oil Photoshop Brushes ABR

Splash Photoshop Brushes (Free, 15 Brushes)

Check out this collection of 15 splash brushes for Photoshop. It’s perfect for any grunge project and you can use these brushes in both commercial and personal projects.

Splash Photoshop Brushes ABR

Brush Pack v3 by Fenris31 (Free)

This brush pack by Fenris31 contains various brushes for Photoshop that will be suitable for all kinds of artistic and design projects. Use them in commercial and personal projects alike.

Brush Pack ABR

Photoshop Brushes for Painting Rocks and Water (Free)

If you want to achieve great results when painting rocks and water, consider this set of brushes. You will find various brushes that can be used for both commercial and personal projects. Crediting is not required but greatly appreciated.

Photoshop Brushes for Painting Rocks and Water ABR

Radiate Brush Set (Free, 12 Brushes)

This brush set includes 12 unique & abstract techno style brushes. Great for album artwork, abstract backgrounds and decorating tech style design projects.

Radiate Brush Set ABR

Fairy Tales Photoshop Brush Set (Free, 9 Brushes)

In this set there are 9 high resolution (1000 up to 2500px) brushes. They can be used for creating fantasy backgrounds and textures like rocks and metals.

Fairy Tales Photoshop Brush Set ABR

Old Technical Drawings Brushes (Free, 10 Brushes)

This set of brushes was made from old technical drawings so they are pretty realistic. The pack contains 10 brushes and they can be used for both commercial and personal projects.

Free Photoshop Brush Packs Old Technical Drawings Brushes there are 10 Brushes in the pack

High Res Dry Brush Stroke Brushes (Free, 12 Brushes)

This pack of high resolution brushes contains 12 dry brush stroke brushes. The pack can be used in personal and commercial projects, however attribution is required.

Free Photoshop Brush Packs High Res Dry Brush Stroke Brushes there are 12 Brushes in the pack

Bokeh Brushes (Free, 12 Brushes)

This set of bokeh brushes comes with 12 individual brushes that are perfect for any project that could use a little extra. The brushes are free to use in personal and commercial projects.

Bokeh Brushes there are 12 Brushes in the pack

Rain Photoshop Brush Set (Free)

Create realistic rain effect with the help of the Rain brushes for Photoshop. The pack can be used for commercial and personal projects.

Rain Photoshop Brush Set

TC-EPICA-I (Free, 10 Brushes)

TC-EPICA-I is a set of artistic brushes. It contains 10 different brushes that can be used to apply textures, smudges, and effects to your designs. The pack is free for personal and commercial projects with attribution required.

TC-EPICA-I there are 10 Brushes in the pack

Fiber Brushes (Free, 16 Brushes)

This pack contains 16 high resolution fiber brushes. They can be used in commercial and personal projects and crediting is not required but it is appreciated.

Free Photoshop Fiber Brushes there are 16 Brushes in the pack

Custom Brushes of Tyler Street (Free, 40 Brushes)

With an unusual name like this, you’re bound to find some original brushes for your design project. The pack contains 40 different brushes that can be used for personal and commercial projects.

Free Photoshop Custom Brushes of Tyler Street there are 40 Brushes in the pack

Nature Silhouettes Trees & Grass Brushes (Free, 19 Brushes)

Add a dash of nature to your designs with the help of these nature silhouette brushes. The pack contains 19 brushes and is free for personal and commercial use.

Free Photoshop Nature Silhouettes Trees & Grass Brushes there are 19 Brushes in the pack

Abstract Bokeh Brushes (Free, 24 Brushes)

Now you can easily add lomo and light-leak effect to your photos without recreating this effect from scratch. The pack contains 24 different brushes.

Free Photoshop Abstract Bokeh Brushes there are 24 Brushes in the pack

Grimey Brushes (Free, 5 Brushes)

This pack of 5 brushes will add grime to any design. You can use the pack in personal and commercial projects with no limitations.

Free Photoshop Grimey Brushes there are 5 Brushes in the pack

Watercolour & Ink Photoshop Brushes (Free, 25 Brushes)

These brushes have been created by using either watercolor paints or Indian ink on card. You can freely use them in both your personal or commercial work.

Watercolour and Ink Photoshop Brushes free photoshop brushes ABR

Aaron Griffin’s Digital Painting Brushes (Free, 6 Brushes)

Aaron Griffin Digital Painting free photoshop brushes ABR

Cloud Photoshop Brushes (Free, 15 Brushes)

There are fifteen individual cloud brushes in this set. You can use this free brush set with no commercial restrictions

cloud free photoshop brushes ABR

Spray Splatter Photoshop Brushes (Free, 12 Brushes)

These free splattered spray Photoshop brushes will be perfect for adding a grungy or dirty effect to your artwork.

Spray Platter free photoshop brushes ABR

Smoke & Fire Brushes (Free, 22 Brushes)

There are twenty-two brushes in this free high-resolution smoke and fire set.

Smoke and Fire free photoshop brushes ABR

High Resolution Fire Photoshop Brushes (Free, 20 Brushes)

This pack contains twenty high-resolution fire brushes, perfect for creating fiery text effect, glowing embers, or using them for lighting effects.

High Resolution Fire Photoshop Brushes ABR

Photoshop Smoke Brushes (Free, 13 Brushes)

This pack contains thirteen high quality Photoshop smoke brushes perfect for your next design project.

Photoshop Smoke Brushes ABR

The post 50 Free High-Resolution Photoshop Brushes appeared first on Speckyboy Design Magazine.

When Do You Need a Custom WordPress Gutenberg Block?

The WordPress Gutenberg block editor empowers web developers to build a custom content creation experience. Through the use of custom blocks, it’s possible to add just about any sort of layout or functionality to your website.

The process of creating custom blocks is also quite flexible. You can build them natively with React or via  a companion plugin like Block Lab or Advanced Custom Fields. Whether your preferred language is JavaScript or PHP, there are methods available to suit.

However, just because we can create a custom block doesn’t mean it’s always necessary. There may be cases where hacking your theme could be an acceptable solution. Not to mention the possibility that a block you need already exists somewhere out on the interwebs.

So, how do you determine whether a custom Gutenberg block is the best answer? It’s all about asking the right questions.

Follow this handy guide for everything you need to consider!

What Is the End Goal?

It might sound counterintuitive, but the best place to start is at the very end. Whatever type of feature you need, think about its purpose and what it should achieve.

You might, for example, be looking for a way to create a complex layout. Or maybe you need a tool that helps you list a specific set of blog posts. Then there are niche features such as displaying editable user profiles and image galleries.

The good news is that a custom Gutenberg block could theoretically do any one of the above examples. This speaks to their versatility.

Yet it is also worth asking if your end goal is unique enough to require something built from scratch. There is a growing library of readymade blocks that can easily be added to your site. They may provide exactly the functionality you’re looking for.

But readymade isn’t always better. If the existing options don’t give you the level of control you seek, then a custom block is the way to go.

A soccer goal.

Do You Need the Feature in Multiple Places?

One of the great aspects of the block editor is the ability to use the same features again and again. A block can be implemented in any position within a page. And a page can even house multiple instances of the same block.

Likewise, a block can be used across your website. Take, for example, a block that lists staff members. If your business has multiple locations, you could give each one its own page. From there, a custom block could be utilized to list staff at a particular location.

In this case, a custom block could help you maintain both a consistent look and streamline content management. Each location could be easily updated – and even automated to a degree. By pulling posts from a custom post type, new staffers can be added, edited or removed as needed.

Keeping the look and layout you want is also possible. By pairing your blocks with a custom block pattern, you’ll have an extra measure of control. Blocks can also be moved around with very little effort. Thus, adding content above, below or beside your custom block won’t require any template hacking.

A one-off feature, however, may lessen the need for a custom block. In this case, it may be more efficient to use custom fields or add what you need directly to your theme’s template.

LEGO blocks.

Should Clients Have Access to Make Changes?

WordPress Gutenberg blocks are built with ease-of-use in mind. They’re easy to move and edit to suit your needs. This enables anyone to make changes without too much trouble.

Of course, this can be a headache for web developers. You may not necessarily want your clients to go in and change things around. It could throw off the consistency of your design or lead to the wrong content being displayed.

The WordPress Block API allows for some protections in this area, such as allowing single instance usage and even locking templates. Still, there may be times when hiding functionality is the better option.

If you really don’t want anyone to view or have access to specific functionality, stash it in your template or a custom plugin. This will client-proof your site and ensure that it works the way you intended.

A man using a laptop computer.

What Will the Future Bring?

Finally, it’s always worth considering what future needs may arise. This is particularly important when it comes to Gutenberg, as it is likely to be the default editor for the long haul.

That means blocks need to be built in a sustainable way. But this is made more difficult by the evolution of the editor itself and the tools we use to build for it. Some coding methods have changed since the early days, and it is likely they’ll do so again.

Then there’s also a debate about building blocks natively versus using a plugin. Before committing to a particular plugin, think about its long-term potential. It’s best to look for plugins with a solid track record and a likeliness to still exist years from now.

And if you do decide to go with an old school (non-block-based) approach to building features, it’s vital to consider how that will hold up. Themes may trend towards being fully-editable within Gutenberg sooner rather than later. How does that affect what you’re doing now?

A chart displayed on a desk.

Finding the Best Fit for Gutenberg

Custom blocks offer an opportunity to create something that is both unique and reusable. Even better, they can be built in a way that meshes perfectly with the editor itself. The result is a seamless experience for users.

But before you jump in head-first, you’ll want to do a little thinking. Ask yourself the questions above and determine whether a custom block is the right fit.

The post When Do You Need a Custom WordPress Gutenberg Block? appeared first on Speckyboy Design Magazine.

Mezon PHP Date Time Functions Utilities (New)

Package:
Mezon PHP Date Time Functions Utilities
Summary:
Perform useful operations with date and time
Groups:
PHP 5, Time and Date
Author:
Alexey Dodonov
Description:
This package can perform useful operations with date and time...

Read more at https://www.phpclasses.org/package/11868-PHP-Perform-useful-operations-with-date-and-time.html

MediaStack Live PHP News Feed Wrapper

Package:
MediaStack Live PHP News Feed Wrapper
Summary:
Get the news from around the world with MediaStack
Groups:
PHP 5, Web services
Author:
Dave Smith
Description:
This class can get the news from around the world with MediaStack...

Read more at https://www.phpclasses.org/package/11887-PHP-Get-the-news-from-around-the-world-with-MediaStack.html#2020-11-21-18:19:20

Mezon PHP Cache Key-Value Pairs (New)

Package:
Mezon PHP Cache Key-Value Pairs
Summary:
Store and retrieve key-value pairs in cache files
Groups:
Cache, Data types, Files and Folders, PHP 5
Author:
Alexey Dodonov
Description:
This package can store and retrieve key-value pairs in cache files...

Read more at https://www.phpclasses.org/package/11883-PHP-Store-and-retrieve-key-value-pairs-in-cache-files.html

Weekly News for Designers № 567

Envato Elements

WebP Images & WordPress: Why and How to Use Them (+Plugins) – Some tips for using this up-and-coming image format with WordPress.
Example from WebP Images & WordPress: Why and How to Use Them (+Plugins)

What’s Missing From CSS? – A random look at responses to the annual CSS survey. See anything you agree with?
Example from What's Missing From CSS?

Scribbble – A writing tool that focuses on simplicity, so that you can focus on your work.
Example from Scribbble

Finding Your Comfort Zone with Clients – Sharing some valuable lessons about gaining comfort and confidence with clients.
Example from Finding Your Comfort Zone with Clients

SVGBox – This API will make it dead-simple to include SVG icons in your projects.
Example from SVGBox

Pattern Collect – Browse this curated gallery of patterns by awesome designers & illustrators.
Example from Pattern Collect

How to Handle Scope Creep in Web Design – Learn how to identify and attend to potential scope creep situations immediately.
Example from How to Handle Scope Creep in Web Design

PHP 8: What’s New? (JIT Compiler, Attributes, and Other Features) – Get an upfront look at changes and some reasons why your WordPress site should be running PHP 8 when available.
Example from PHP 8: What’s New? (JIT Compiler, Attributes, and Other Features)

Inline Menu Layout with Gallery Panel – Create an inline menu layout with a playful hover animation and a gallery content preview panel.
Example from Inline Menu Layout with Gallery Panel

10 Things Front-End Developers Should Learn in 2021 – Essential skills to help you level up in the new year.
Example from 10 Things Front-End Developers Should Learn in 2021

Seasonal.css – A CSS framework that displays a seasonal color scheme based on the date.
Example from Seasonal.css

Diving into WordPress Custom Post Types and Taxonomies – Where a custom post type or taxonomy can be helpful, along with tips for making the most out of this feature.
Example from Diving into WordPress Custom Post Types and Taxonomies

Content Design Techniques for Strong Hierarchy on Content Layouts – Tips for making your content less overwhelming for users.
Example from Content Design Techniques for Strong Hierarchy on Content Layouts

A Visual Guide to Regular Expression – Use this guide to develop a mental model for how regex patterns work.
Example from A Visual Guide to Regular Expression

macOS Big Sur Replacement Icons – A massive library of nearly 1,800 icons that are compatible with Photoshop, Sketch and more.
Example from macOS Big Sur Replacement Icons

25 striking logo color schemes to inspire your branding – Learn how to thoughtfully choose logo color schemes based on your unique brand.
Example from 25 striking logo color schemes to inspire your branding

The 12 Best Photoshop Actions for Creating the Duotone Effect – Photoshop actions that can create a duotone effect in your photos and take them to the next level.
Example from The 12 Best Photoshop Actions for Creating the Duotone Effect

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

Powered by Gewgley