You might have seen forms where the placeholder text is animated when you start typing into that input. This pattern isn’t new, yet still remains a popular trend in UX form design. Today, we’ll learn the steps needed for adding this behavior into a form built with Contact Form 7 (CF7), one of the most… Continue reading How to Customize Contact Form 7 for WordPress: Floating Labels
Tag: labels
How to Design Better Buttons for UI
November 18, 2020 by Sangalang Kristine Learning to design better buttons for UI may be an important skill many designers take for granted. Buttons are more than just what we all think they are, they affect users’ overall experience for websites and apps. It is one of the main elements linking an interaction between a… Continue reading How to Design Better Buttons for UI
“Roxxe” Shopify Theme Review: Multipurpose, Easy to Set up
In this theme review we’ll take a look through a multipurpose Shopify theme called Roxxe. Shopify allows you to quickly create your own online store, and when armed with the right theme you can be up and running in no time. So let’s have a look at Roxxe, talk about its pros and cons, and… Continue reading “Roxxe” Shopify Theme Review: Multipurpose, Easy to Set up
Exciting New Tools for Designers, October 2020
This month’s collection of new tools, resources, and freebies for designers is a smorgasbord of sorts. You’ll find everything from useful APIs to icons to tutorials to fonts. Let’s get right into it, here’s what new for designers this month: Tooltip Sequence Now that your app or website is ready, you might need to help… Continue reading Exciting New Tools for Designers, October 2020
Angular Component Libraries and Accessibility
Nowadays, it feels as if web development is an ever-changing landscape that moves at supersonic speeds. With the demands to keep your content up to date with the latest and greatest designs and frameworks, it can be an overwhelming task to keep up. JavaScript frameworks, such as Angular, play a large role in this with… Continue reading Angular Component Libraries and Accessibility
50 Best Sans-Serif Fonts For Graphic Designers
73 Shares Due to living in a digital age, we seldom see handwritten or casual script on websites. However, that is gradually changing. The sans-serif fonts are very useful font style and typeface that is now being used in numerous design projects. This typeface is greatly used in casual script, despite not being used in… Continue reading 50 Best Sans-Serif Fonts For Graphic Designers
40 Best Blackletter and Gothic Fonts for Designers
In tribute to Germanic style, here you’ll find 40 amazing Gothic and blackletter fonts which you can use to give your designs a rebellious and edgy look. Read on to discover our top picks from the font sections of Envato Market and Envato Elements, from authentic medieval styles to minimal and modern Gothic typefaces. What Is Blackletter? Blackletter,… Continue reading 40 Best Blackletter and Gothic Fonts for Designers
How to Add a Booking Calendar to WordPress With a Plugin
What You’ll Be Creating If you run a business that takes bookings or appointments, adding a booking calendar plugin to your WordPress website will win you more business. Here’s how to do it with the Bookly Pro plugin. This will help you get more business and reduce the time spent taking bookings manually. In the… Continue reading How to Add a Booking Calendar to WordPress With a Plugin
Solving Problems With CSS Grid: The Gantt Chart
We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this tutorial we’ll see how well suited CSS Grid Layout is for building a flexible Gantt Chart. Our CSS Grid Gantt Chart Here’s what we’re building. It uses CSS Grid… Continue reading Solving Problems With CSS Grid: The Gantt Chart
Creating WordPress Forms That Get Filled In
What You’ll Be Creating Most of us have got at least one form somewhere on our WordPress site. It might be a simple contact form. Or a newsletter signup. A purchase form maybe. Or perhaps something more bespoke. Whatever information your form is designed to gather, I’m prepared to bet that you want as many… Continue reading Creating WordPress Forms That Get Filled In
Designing Websites Around Colorblind Users
Colorblind users are more common than you might realize. It’s not hard to design your website to make it easy for colorblind visitors to use. In fact, it will often make your designs more effective for all users, not just those with atypical sight conditions. Learn how to design your website around colorblind users to… Continue reading Designing Websites Around Colorblind Users
50 Best Professional Handwriting Brush and Script Fonts
Best professional hand-picked compilation of brush fonts and script fonts that can give more artistic look to you design. These brush and script fonts based on the expression of real handwriting. Brush fonts will work perfectly for fashion, e-commerce brands, trend blogs, wedding boutiques or any business that wants to appear upscale and chic. Script fonts Suitable for Logo, badges,… Continue reading 50 Best Professional Handwriting Brush and Script Fonts
Create a Contact Form in WordPress Using a Free Plugin
Today, we’re going to discuss the Formidable Forms plugin for WordPress, which allows you to create different kinds of forms easily. Specifically, we’ll look at how you could use this plugin to build a contact form for your site. We’ll start by exploring the basic settings provided by this plugin, and later on, we’ll go… Continue reading Create a Contact Form in WordPress Using a Free Plugin
65 Free Vintage Logo Templates and Badges
Free vintage, retro logo templates and vintage vector logo kit to make vintage branding projects, labels, apparel design, typography pieces with these handy vector element and logo design kit. That’s 65 vintage logo templates and badges that you can use for poster, sticker, packaging product design, t-shirt design, corporate identity and more. They’re all fully editable and available for commercial… Continue reading 65 Free Vintage Logo Templates and Badges
50 Top Fonts For Graphic Designers
Huge list of best professional fonts and typefaces for designers. These top fonts was inspired by classic and modern fonts. Typefaces included different styles, icons, vectors and extras. The fonts included script fonts, handwritten brush fonts, vintage fonts and display fonts that can be perfect for branding, logos, greeting cards, wedding stationery, typographic quotes, book covers, website headers, flyers, clothing, packaging… Continue reading 50 Top Fonts For Graphic Designers
Google Flutter From Scratch: Building Apps With Widgets
Flutter is fast becoming one of the most popular frameworks for developing cross-platform mobile apps. Most Android and iOS developers today are starting to agree that it is a faster and more future-proof alternative to other cross-platform frameworks such as React Native and NativeScript. Google itself is leaving no stone unturned to attract more developers to… Continue reading Google Flutter From Scratch: Building Apps With Widgets
How To Influence Your Web Clients To Accept Your Expert Suggestions
July 20, 2018 by Spyrestudios Blogger You’ve probably had a few web design clients who didn’t see the value in some of your work. Maybe you created a stunning minimal design and they wanted you to increase the size of their logo. Or, perhaps you created a simple web form to capture leads and they… Continue reading How To Influence Your Web Clients To Accept Your Expert Suggestions
50 Free Pharmacy Icons (Linear, Flat, Linear Colored)
Our friends from Freepik shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free Pharmacy inspired icons that you can use in your design projects. The package contains 50 free pharmacy icons and each icon comes in SVG and PNG formats. There are 3 versions available. (Linear,… Continue reading 50 Free Pharmacy Icons (Linear, Flat, Linear Colored)
What I wish I’d known before designing digital products and user interfaces
2. Hick’s Law Delivering a good user experience requires that first you find out the functionalities that will answer their needs; second, you need to guide them to the specific functions they need most. If users end up stuck in the decision-making process of “what next?”, they may become confused, frustrated, or leave your website. Hick’s… Continue reading What I wish I’d known before designing digital products and user interfaces
20 Free Vintage Fonts for Graphic Designers
Free vintage fonts with clean and rough vintage style. Free fonts are useful to create vintage logotypes, badges, labels, apparel design and quotes. Fonts are comes with upper and lowercase characters, large set of punctuation glyphs and numerals. In this collection mostly fonts are handcrafted, bold, elegant style with retro / vintage effect. You may be interested in the following related… Continue reading 20 Free Vintage Fonts for Graphic Designers
50 Free Ecology Icons (Linear, Flat, Outlined)
Our friends from Freepik shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free ecology inspired icons that you can use in your design projects. The package contains 50 free ecology icons and each icon comes in SVG and PNG formats. There are 3 versions available. (Linear,… Continue reading 50 Free Ecology Icons (Linear, Flat, Outlined)
Free Floral Wedding Vector Labels
Our friends from Freepik shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free vintage floral wedding labels that you can use in your design projects. Wedding pack pack contains beautiful labels that you can easily modify. Each poster comes as .ai, .eps nd jpg formats. Freepik.com… Continue reading Free Floral Wedding Vector Labels
30 Professional Logo Design Templates, Modern and Stylish Examples
The showcase of unique carefully crafted professionally designed logo templates. All logos are very easy to modify and perfect for creating branding, visual identity, labels, badges, apparel, typography, websites, banners, stamps, stickers, t-shirts, etc. Modern and stylish custom logo templates for any kind’s of company or business. The logo templates are full layered, available in CMYK… Continue reading 30 Professional Logo Design Templates, Modern and Stylish Examples
Analysing Usability Testing Data
Gathering feedback from your users is a crucial part of any design process. The way in which you can gather this feedback varies depending on what kind of questions you are trying to answer, the resources you have available for user research and what stage of the product life cycle you are currently in. Qualitative… Continue reading Analysing Usability Testing Data