Monthly Archiv: February, 2021

Weekly News for Designers № 581

Envato Elements

Finding and Using Your Own Design Voice – Creative professionals of all stripes struggle with developing their own unique way to express their ideas.
Example from Finding and Using Your Own Design Voice

SmolCSS – Copy and paste these minimal snippets for modern CSS layouts and components.
Example from SmolCSS

Design Trends 2021 – Some predictions on the trends that will rule the design world this year.
Example from Design Trends 2021

Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge) – Use these helpful tips to make better use of your browser’s debugging tools.
Example from Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)

Ideas for CSS Button Hover Animations – Who needs JavaScript? You can create beautiful hover animations using pure CSS.
Example from Ideas for CSS Button Hover Animations

Responsive hexagon grid without media query – A surprisingly small amount of code can create a beautiful hexagon grid layout.
Example from Responsive hexagon grid without media query

Maximally optimizing image loading for the web in 2021 – A collection of 8 image loading techniques to optimize bandwidth and CPU usage.
Example from Maximally optimizing image loading for the web in 2021

Ray.so – Use this tool to create images of your code snippets.
Example from Ray.so

What COVID-19 Vaccine Scheduling Can Teach Designers – How an uneven user experience can have serious consequences.
Example from What COVID-19 Vaccine Scheduling Can Teach Designers

The State of User Research 2021 Report – Learn what 525 user researchers in 44 countries had to say about their work.
Example from The State of User Research 2021 Report

Tips for Maintaining a Legacy WordPress Website – Older WordPress websites often have special needs.
Example from Tips for Maintaining a Legacy WordPress Website

CSS Border Font – Check out this Bauhaus-inspired font that takes advantage of CSS.
Example from CSS Border Font

Figma Crypto Icons – Grab this free set of 400+ crypto icons for use in your projects.
Example from Figma Crypto Icons

HTML Boilerplates – An online tool for generating and downloading a custom HTML boilerplate.
Example from HTML Boilerplates

Iconify – Upload your image and let this tool generate a custom set of app icons.
Example from Iconify

Loops – A collection of looped animations featuring beautiful 3D shapes.
Example from Loops

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

PHP Variable Display in HTML

Package:
PHP Variable Display in HTML
Summary:
Display the highlighted value of a given variable
Groups:
Debug, HTML, PHP 5, Utilities and Tools
Author:
Francisco Núñez
Description:
This class can display the highlighted value of a given variable...

Read more at https://www.phpclasses.org/package/11959-PHP-Display-the-highlighted-value-of-a-given-variable.html#2021-02-25-23:19:40

PHP JSON Form Generator for Bootstrap

Package:
PHP JSON Form Generator for Bootstrap
Summary:
Present forms using Bootstrap from JSON definition
Groups:
HTML, PHP 7
Author:
Gert Massheimer
Description:
This class can present forms using Bootstrap from JSON definition...

Read more at https://www.phpclasses.org/package/11996-PHP-Present-forms-using-Bootstrap-from-JSON-definition.html#2021-02-25-08:26:58

Mezon PHP Jira API client

Package:
Mezon PHP Jira API client
Summary:
Access projects in Jira using its API
Groups:
PHP 5, Project Management, Web services
Author:
Alexey Dodonov
Description:
This package be used to access projects in Jira using its API...

Read more at https://www.phpclasses.org/package/11995-PHP-Access-projects-in-Jira-using-its-API.html#2021-02-24-18:15:14

Did You Know About Reusable Blocks?

Created by Joen Asmussen, @joen

The WordPress block editor (a.k.a. Gutenberg) comes with a feature called “reusable blocks.” They are blocks, saved for later, edited in one place.

Have you ever wanted to:

  • Re-use the same snippet of text across posts and pages?
  • Save complex layouts to spare you having to copy/paste from one post to another?

Reusable blocks can do these things.

Like templates, you mean?

Not quite. Think of reusable blocks as snippets of globally synchronized content that are personal to you. You can edit all your reusable blocks in one place, and any post or page you inserted that block into, get the updated version as well. 

Where you might use templates to structure your website, you can use reusable blocks to structure your content. For example:

  • A testimonial on your homepage and your product page.
  • A “this post is part of a series” box that you insert part-way through your article.
  • A “Follow me on social media” section you can weave into the prose of your popular article.
  • Complex but static blocks, such as a “Subscribe to my newsletter” box, a contact form, a survey, quiz, or polls.

Key properties are that reusable blocks are unbeatable when you want to reuse a snippet of content, edit it in one place, and have the changes propagate to every instance.

Show me how

To create a reusable block, open the block editor and create the content you want to reuse:

Now select the content you want to turn into a reusable block, then click the three-dot “More” menu and choose “Add to Reusable blocks.”

Voilà, you’ve now created a reusable block. From now on, you can find this block, and any other you create, in the “Reusable blocks” tab in the block library:

This is also where you can insert the newly created block on any of your posts or pages.

Where do I edit my existing reusable blocks?

To edit a reusable block, select it and make your edits. When you make an edit, the Publish button will have a little dot indicator:

This dot indicates you’ve made a global change that potentially affects posts beyond just the one you’re editing, the same as when you’re editing templates. This lets you confirm the change was intentional.

Another way to edit your reusable blocks is to click the global three-dot “More” menu and selecting “Manage all reusable blocks”:

This takes you to a section letting you edit, rename, export, or delete every reusable block you created. 

What else can I do?

Here are a couple of tips and tricks you can leverage to get the most out of reusable blocks.

Give them a good name

When you name a reusable block, you are essentially choosing your search terms, as the name is what you search for in the block library (or when you use the “slash command,” typing / in an empty paragraph):

Avoid names such as “Gallery” or “Image,” as that’ll be annoying when you just want to insert one of those. You can avoid that with a unique name, such as “My author biography.”

Insert in the best place of your content flow

One obvious benefit of reusable blocks is that they are just blocks, just like everything else in the block editor. That means you can insert it anywhere in your content. You might want your rich author biography to sit at the top or bottom of the post, but This post is part of a series box that might sit well two or three paragraphs not to disrupt the reading flow.

A design shortcut

Maybe you created a complex layout you’re happy with, a call to action with the right image and buttons, and it took a while to get it just right. Go on and save it as a reusable block: even if you mean to insert it only to convert it to a regular block, it might still save you a minute. 

To convert a reusable block to regular (blocks, select it and click the “Convert to regular blocks”:

Design by Beatriz Fialho.

Tip: You can also find some nice patterns on Gutenberg Hub or ShareABlock.

Take it with you

Need to move to another site? You can both export and import reusable blocks. Go to the Manage all reusable blocks section from the global three-dot “More” menu, hover over the block you want to export, and click “Export as JSON”:

The downloaded file can be imported on any WordPress 5.0 or newer website.

Try it

Create a draft post and play around with Reusable Blocks to see how you might start using them. You can always delete them when you’re done playing.

You can test importing and using a small reusable block I created as an example. It’s a “Further reading” block that shows the four latest posts from the category “Featured”:

It might work well as a highlight in an article, giving the reader something new to read or awareness of your other content.

The videos in this post show the reusable blocks flow in the upcoming WordPress 5.7.

Download the block from this gist, import it to your WordPress site, then customize to make it yours.

20 Beautifully Designed Logo Creator Kits & Templates

If you’re a business, your brand identity is your personality. Just like with people, we can’t really connect with those who hide their personalities. But if they show us what they are like, they can become our friends. The same goes for businesses and their brands.

Now, if faces are the first thing we see in people, then logos are the first thing we see in businesses. They’re the powerful first impression brands need to make to engage and win over their customers. If you’re a graphic designer, you know how much logos matter. It’s why they require all those back-and-forths. Fortunately, creating amazing logos doesn’t have to be hard.

Today, we’re showing you 20 logo creator kits and templates. You can use these beautifully designed logo creator kits and templates to jump-start your process. Inspiration isn’t knocking at your door? No problem. These kits have got your back.

Give your clients more options. Help your clients pick the best logo for their business by showing them a myriad of options that suit their brand. Broaden your horizons. If you haven’t used logo creator kits before, it’ll be something new and fun. And if you’ve stuck to a specific style, these logo creator kits will help you evolve. Are you ready to elevate your designs? Let’s find the perfect logo kit for you!

Wilderness Logo Kit Vol.1 (AI & SVG)

Answer the call of the wild with this stunning wilderness logo kit. Featuring 8 logo templates inspired by vintage typography (with a modern twist), and a 15-icon pack, you’ll have everything you need to create gorgeous logos for a variety of businesses; from breweries, to hiking gear stores.

Wilderness logo creator kit template

Vintage Logo Creation Kit (PSD, AI & EPS)

300 elements. Textures, fonts, icons. You’ll find all of that (and more) in this vintage logo creation kit. You can easily edit everything in Photoshop or Illustrator (the elements are vector-based) and create the perfect logo. No matter the project, you’ll definitely find the right fit.

Vintage logo creator kit template

Retro Badge & Logo Creation Kit (AI & EPS)

Create the perfect retro logo with this retro badge and logo creation kit. With a variety of font choices, icons, and elements, not even the sky will be the limit once you get this kit and get to work. It’s perfect for brands that want to stand out!

Retro Badge logo creator kit template

So Flowery Watercolor Branding Kit (PSD, AI & EPS)

Ready to lay the foundations of your brand identity? This gorgeous branding kit offers watercolor and floral elements to create entire logos without having to start from scratch. You’ll get 18 logo designs, 17 handcrafted icons, and 13 handcrafted watercolor elements to create a beautiful and elegant logo.

So Flowery Watercolor Branding logo creator kit template

Camping Logo Template Creation Kit (PSD, SVG, PNG, AI & EPS)

This camping logo creation kit is a must-have if you work with adventure or travel-related businesses! This adventurous logo creator kit is huge: you’ll get access to over 400 authentic, outdoorsy elements. You can also easily adjust the 9 premade logos to fit your client’s brand.

Camping Logo Template logo creator kit template

The Extensive Logo Creator (PSD, AI & EPS)

Create the logo of your dreams with this extensive logo creator kit, chock full of icons, elements, fonts, and templates! You can also easily customize the colors of the elements with just a single click in Adobe Photoshop or Illustrator. This kit is perfect for other branding materials, as well.

The Extensive logo creator kit template

Vintage Nautical Logo Template Bundle (AI & EPS)

Create a nautical logo no one will ever forget with this vintage logo template bundle. This collection features over 20 logos, intricately designed with nautical symbols; from pirate skulls and ships, to anchors and shells. These logo templates are a delight to work with, and your clients will love them!

Vintage Nautical logo creator kit template

Esports & Gaming Logo Kit (AI & EPS)

Make your logo your brand’s most important ambassador with this eSports and gaming logo creator kit. You’ll get an incredible array of premade logo templates featuring various animals and characters with bold and loud typography that says: My team always wins. Are you ready to play?

sports Gaming logo creator kit template

Rocket Logo Kit (AI & EPS)

Nothing says progress and enlightenment more than a rocket, so if you’re working with clients who always have innovation on their minds, create a gorgeous rocket logo for them. How? With this rocket logo kit! You’ll get plenty of diverse rocket logo templates to work with.

rocket logo creator kit template

Vintage Badges & Logos Set (AI & EPS)

Take your clients and their customers on an adventure with this vintage badge and logo template collection, featuring adventurous scenes rendered in a cartoon style. From mountains to camping coffee mugs, you’ll get plenty of choices with fun typography options that perfectly fit friendly brands with adventurous customers.

Vintage Badges logo creator kit template

Real Estate Logo Kit (AI & EPS)

Show your clients (or their clients) that they can trust you to find their dream home with this real estate logo kit. Featuring a vast array of real estate logo templates (including symbols appropriate for the real estate industry), this logo template pack is everything you’ve ever needed!

Real Estate logo creator kit template

Photography & Camera Logo Kit (AI & EPS)

Time to take a snapshot of your success! This photography-focused logo kit offers diverse camera icons that are perfect for businesses handling them on the daily. From bold and bright camera logo designs, to minimalist takes, there’s something for everyone, and the logos are 100% editable in Illustrator.

logo creator kit template

Watercolor Logo Creator Kit (AI & EPS)

Create elegant logos with this watercolor logo creator kit. It contains everything you need for a memorable and friendly logo. You’ll get 30 premade logo templates you can customize in Illustrator, or you can mix and match hundreds of elements, textures, and fonts to create the perfect logo.

Watercolor logo creator kit template

So Female Branding Kit (PSD, AI & EPS)

If your business needs a feminine touch, this branding kit will help you add it to your logo. This logo creator kit offers plenty of elegant and feminine elements, perfect for health, beauty, and similar businesses. You can mix and match, or customize 18 logo templates in Photoshop or Illustrator.

So Female Branding logo creator kit template

Minimal Logo Template Collection (AI & EPS)

Create clean and minimalist logos with this logo template collection. Featuring over 35 different combinations, this collection is a dreamboat! From simple logos, to logos with ornate symbols and bold font choices, there’s something for everyone in this collection. Make sure you add it to your design kit!

Minimal Logo Template Collection logo creator kit

Stylish Logo Creator Kit (PSD, AI & EPS)

This logo creator kit is one for the books! You can create thousands of logos with unique font, element, and style choices, keeping the branding on point. From script fonts that give your logo a friendly aesthetic, to monogram-style logo templates, everything you need is right here in this kit!

Stylish logo creator kit template

Premade Minimal Logo Template Collection (PSD, AI & EPS)

Let your logo tell your brand’s story. All you have to do is add this logo template collection to your design kit! With over 30 unique logo designs, these logo templates are perfect for all kinds of brands; from marketing agencies and gyms, to fashion and real estate.

Premade Minimal logo creator kit template

Vintage Labels Logo Constructor (PSD, AI & EPS)

Create subtle and effective vintage logos and labels with this logo creator kit that offers over 150 elements. There are plenty of elements for logos for different industries; from coffee shops and breweries, to tech and cinema brands. Every element is completely (and easily) editable in Adobe Illustrator or Photoshop.

Vintage Labels logo creator kit template

Elegant Logo Template Collection (AI & PSD)

Classy brands need classy logos and creating them doesn’t have to be hard – not if you have this elegant logo template collection. With 10 stunning logo templates and stellar stylistic choices in terms of typography and visuals, these logo templates are perfect for brands that prize aesthetics.

Elegant logo creator kit template

Vintage Personal Logo Branding (PSD, AI & EPS)

It’s time to give your personal brand a boost! This vintage personal logo branding kit offers over 50 handcrafted and authentic logo templates that you can work with to create the perfect branding foundations for your business. The templates are fully editable, and your customers will be delighted!

Vintage logo creator kit template


Cheryl Burgess once said: “A brand is a reason to choose.” And branding starts with a single symbol: the logo. It’s incredible how much a single image can sway opinions, convince audiences of your brand’s value, and create a widespread recognition of your business.

Maybe AirBnB would’ve become popular even without their organic and beautiful logo. However, they’d definitely have a harder time being recognized even without mentioning their name. So the next time you get to design work, make sure you have some of these logo kits and templates in your tool stack.

p>

They’ll make it much easier to create perfect logos for diverse clients and even broaden your horizons as a graphic designer. So when the time comes to present your work, your audience will love what you have in store for them. Ready, set, design!

The post 20 Beautifully Designed Logo Creator Kits & Templates appeared first on Speckyboy Design Magazine.

Dealing With Sudden Client Designer Syndrome

We’ve all been there: a client really, really wants to make a change to your design that, as a designer, you can immediately tell will result in disaster.

It happens to every designer, and, as far as I can tell, there’s no real way to avoid it. However, there is a method you can use to mitigate the problems caused by what I like to call “Sudden Client Designer Syndrome.” It has to do with User Experience (UX). Contrary to popular belief, UX is useful not only to web developers, but to any designer who designs any kind of product, information, or experience with a “user,” “consumer,” or “customer” in mind.

Create Objectivity

The reason why clients develop Designer Syndrome in the first place is that design is almost universally seen as a subjective discipline. In many ways, that’s completely true. Designers are called upon to navigate the fine line between marketing and art to develop creative solutions to problems.

It’s all very romantic, and clients can get to caught up in that mythology that they lose track of the fact that there is actual knowledge, experience, and quite often training that lies behind those decisions their designers make with seemingly no effort at all. People forget that it only looks easy. That’s okay; they’re only human. But if you’re the designer caught in the middle of this tangle, it can make your work quite frustrating and emotionally draining.

mountain view man coffee morning drink cup mug snow

However, if you play to your clients’ true desires, you can often get them to understand the inherent objectivity that lies at the heart of what you do. What are your clients’ true desires, you ask? Well, if they’re anything like my clients, their true desires probably have something to do with generating maximum profits for their businesses.

This is an objective goal that you can use to your advantage. Your client may secretly wish he or she were an art director or a designer themselves, but the reason they’ve hired you is because they want to generate the most lucrative product, service, or information possible.

Your primary task when dealing with a ‘wannabe designer client’ is to remind them of this fact as often (and as politely) as possible. The easiest way to do this is to make sure you always talk about your design decisions in terms of the user, rather than isolating the visuals or the mechanics and selling the client purely on your design’s technical merit.

Whether your client is selling shoes, a personal philosophy, or organic dog food, he or she can always be persuaded to put their users first. (If they can’t, it’s probably time to find a new client.)

Do Your Research

Here’s a trick you can use to automatically boost your desirability to clients, getting them not only to trust you for every project they give you, but which will also make you a sought-after expert to other prospective clients in the same industry: figure out the target audience your client is targeting, and focus your effort on getting into the head of the ideal example of that audience.

When you zero in on serving a particular market through your clients, you automatically raise your desirability as a designer, and you make your career less about your individual clients, and more about the industry that needs your services.

You can spend a lot of time being a “generalist” and go after any kind of design job you can find, or you can narrow down your services to a few key markets and spend some time getting to know exactly what goes on in the psychology of those types of consumers.

what our customers say

For example, if you’re a freelance branding designer who does work for start ups, take some time and think about exactly what kind of start ups you’re targeting. What do they sell? Who buys their products or services. Those are the people you want to please – not your client.

And, phrased just the right way, this will become evident to your client as well. Of course, you should never be rude or condescending to a client, but if you make it clear that you are an expert on your client’s target market, they will trust you that much more, and they will also recommend you to their colleagues in the same industry that much more frequently.

Be the Client

Creating user personas is an excellent technique that business owners use to gain insight into the psychology of their target market. Designers use it as well when they are developing content or products on their client’s behalf. However, you can also use this technique on your clients themselves.

As I said before, your career will be much more streamlined if you focus in and get to know the target demographics you serve most often with your designs. But it’s also a good idea to spend time getting to know the clients you serve most often. Clients are your target market; as such, they can be dissected and studied using business savvy and marketing psychology.

It might sound cold and mechanical, but believe me, it’s much simpler than going into a design meeting completely blind, attempting to figure out each client individually. Doing several hours of research in your spare time will eliminate the guesswork from your freelance business, and your clients will be immensely grateful that you can seemingly “read their minds.”

So, how do you go about doing this research? By finding the types of people you’d most like to work for, and contacting them about their wants and needs in a designer. Email them, call them up, invite them out for a chat over coffee.

coffee meeting clients smile men happy laptop

Gather enough of this data and you’ll start to see patterns emerge. These patterns are the basis for your client persona – they are what you can use to generate bulletproof knowledge of nearly every client you serve.

There will always be exceptions, but by gathering research, you can dramatically reduce the likelihood of getting a client that you absolutely can’t deal with.

And if you do get one of those clients, well, you know what to do by now (hint: it involves running).

Concluding

It’s important to actually do these things, rather than just think about them. The reason is that what you think your clients and target users want is often very different than what they actually want. This is why so many business ideas fail before they even get off the ground. People don’t do their research; they don’t communicate directly with their market, and so they fail to realize what others are really looking for.

To position yourself ahead of all the other lazy, mediocre designers out there, it’s important that you actually take the time to get into the heads of your market, whether it’s clients or users.

The post Dealing With Sudden Client Designer Syndrome appeared first on Speckyboy Design Magazine.

Kanboard Timetable plugin (New)

Package:
Kanboard Timetable plugin
Summary:
Plugin to present of timetable of pending tasks
Groups:
Content management, PHP 5, Time and Date
Author:
kiran
Description:
This package provides a plugin to present of timetable of pending tasks...

Read more at https://www.phpclasses.org/package/11984-PHP-Plugin-to-present-of-timetable-of-pending-tasks.html

WordPress 5.7 Release Candidate

The first release candidate for WordPress 5.7 is now available! 🎉

Please join us in celebrating this very important milestone in the community’s progress towards the final release!

“Release Candidate” means that the new version is ready for release, but with millions of users and thousands of plugins and themes, it’s possible something was missed. WordPress 5.7 is slated for release on March 9, 2021, but your help is needed to get there—if you haven’t tried 5.7 yet, now is the time!

You can test the WordPress 5.7 release candidate in two ways:

Thank you to all of the contributors who tested the Beta releases and gave feedback. Testing for bugs is a critical part of polishing every release and a great way to contribute to WordPress.

What’s in WordPress 5.7?

  • Robots API and Media Search Engine Visibility
  • Detect HTTPS support
  • Lazy-load iframes
  • jQuery migrate-related Deprecation notice clean-up
  • Admin color palette standardization
  • The newest version of the Gutenberg plugin

Plugin and Theme Developers

Please test your plugins and themes against WordPress 5.7 and update the Tested up to version in the readme file to 5.7. If you find compatibility problems, please be sure to post to the support forums, so those can be figured out before the final release.

The WordPress 5.7 Field Guide will give you a more detailed dive into the major changes.

How to Help

Do you speak a language other than English? Help us translate WordPress into more than 100 languages! This release also marks the hard string freeze point of the 5.7 release schedule.

If you think you’ve found a bug, you can post to the Alpha/Beta area in the support forums. We’d love to hear from you! If you’re comfortable writing a reproducible bug report, file one on WordPress Trac, where you can also find a list of known bugs.

Props to @audrasjb for copy suggestions and @davidbaumwald for final review.


Test this test that
Catch everything that you can
Before it’s live…
🤯

Powered by Gewgley