In this new tutorial we’ll learn how to create a sticky (or fixed) toolbar—also referred to as a vertical navigation menu—with animated tooltips that you can use on your sites for all sorts of things. For example, if you are a store owner, you can use it to include a quick links feature for promoting… Continue reading How to Create a Sticky Toolbar With CSS and a Bit of JavaScript
Tag: Check
10 Essential Design Tips for Photoshop
Photoshop’s been the industry standard for artists and designers for decades, adding new and improved features every year. This is great for those of us who’ve been using it for years, but it can be a lot to take in for someone just getting into the digital art world! So I’ve made a list of… Continue reading 10 Essential Design Tips for Photoshop
How Long Does it Take to Learn JavaScript
According to “The State of the Octoverse” by GitHub, the statistics show that JavaScript is the most popular language globally. It is good investment to learn JavaScript for front-end or back-end programming. How Long Will it Take? In the book Outliers by Malcolm Gladwell, there is the 10,000 hours rule. This rule states that there… Continue reading How Long Does it Take to Learn JavaScript
Customize a WooCommerce Product Page for Free
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Creating a fully functioning eCommerce store requires you to take care of a lot of big and small things. Any website that you create to sell products will have different types of pages to address different needs. Dedicated product pages are one such example. A product page… Continue reading Customize a WooCommerce Product Page for Free
Best UX Research Repositories for 2022
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trying to make sure your product, app, website, and/or designs meet the needs of your target audience is of course essential to success. These days, there are loads of tools to help you test your assumptions against your users to see which elements are working and which… Continue reading Best UX Research Repositories for 2022
17 Fonts Similar to Oswald
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Are you in love with Oswald’s clean, modern style? Are you wondering what font is similar to Oswald that you can use in your next project? Try Bamba Grotesk if you’re looking for the font most similar to Oswald. Today, we’re going to look at the history… Continue reading 17 Fonts Similar to Oswald
How to Build a Responsive Slider With Swiper.js
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js
Fixing Problems With Borders in Dark Mode (Email Design)
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)
How To Design A Website With Security In Mind
There are billions of websites today as companies, small and large, seek online presence. However, this surge in website design and development is confronted by a rise in cyber attacks, prompting a need for cybersecurity. The sophistication of the internet can be rewarding; however, it can also be weaponized by hackers for illegal benefits. Your… Continue reading How To Design A Website With Security In Mind
Best Of 2021: 50 Professional Website Landing Page Designs
45 Shares Modern, elegant Website Landing Pages “Best Of 2021” for startups and businesses. We want to make it easy for people who have limited programming experience to build outstanding websites. These landing page designs will help you to create a website template as a professional. Compilation of Best of 2021 webite Landing page design, it’s… Continue reading Best Of 2021: 50 Professional Website Landing Page Designs
How to Make a Risograph Texture Effect
What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Today we will be learning how to make risograph effects in Photoshop using just two gradient maps and one layer mode, along with a couple of layer styles. Add a riso print texture to finish everything off, and you have the perfect 90s… Continue reading How to Make a Risograph Texture Effect
UX-Friendly FAQ Page Template Designs
November 18, 2021 by Veronika FAQ pages are what make a website truly user-friendly. They provide the support and information that visitors need to take action, be it purchasing a product, testing a product, or subscribing to a newsletter. This collection includes some of the best examples of FAQ page template designs as well as… Continue reading UX-Friendly FAQ Page Template Designs
45 Best Bakery Templates (Brochures, Flyers, Logos, and More)
If you’re opening a bakery, you’re going to need loads of resources like brochures, flyers, and menus to promote your business successfully. You can find a wonderful collection of bakery brochure ideas at Envato Elements. Today we will showcase 45 of the best templates you can find there. Unlimited Bakery Template Downloads at Envato Elements… Continue reading 45 Best Bakery Templates (Brochures, Flyers, Logos, and More)
25 Professional Keynote Presentation Templates
18 Shares An elegant and creative Keynote Templates. Unique modern slides, retina ready and full HD templates created to make your business presentation stand out, pain-free and professional look. The A4 & US letter printable brand guidelines Keynote templates with awesome layouts gives you many possibilities of creativity. Easy to work, edit and drap &… Continue reading 25 Professional Keynote Presentation Templates
35 Remarkable Lettering and Typography Designs for Inspiration
37 Shares Creative digital hand-made lettering and typography designs created by professional artists and designers. Inspire your self with creative lettering and typography designs created by best artists and designers. This lettering showcase have remarkable lettering art of modern fonts, calligraphy, motivational quotes, handmade lettering, typography posters, brushes with bristle effects and watercolor style typo all are great for inspiration.… Continue reading 35 Remarkable Lettering and Typography Designs for Inspiration
How to Create a Monogram Pattern
What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In the following tutorial, you will learn how to create a monogram in Illustrator using basic vector shapes. Once you’ve finished creating it, you will learn how to use it to create monogram background patterns. If you don’t have the time to learn… Continue reading How to Create a Monogram Pattern
How to Create a Digital Clock Text Effect
What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;} In the following tutorial, you will learn how to create a digital clock text effect in Adobe Illustrator. For this tutorial, you will need this digital clock font, so check out Envato Elements where you can find other designs and fonts that look… Continue reading How to Create a Digital Clock Text Effect
Trending Distorted Fonts to Create a Glitch Text Effect
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} We all know and love the spooky sense of discord created by glitch effects, but what we may not know is how to create that awesome font glitch effect quickly and easily. Well, today we will share some great resources from Envato Elements and GraphicRiver for creating… Continue reading Trending Distorted Fonts to Create a Glitch Text Effect
Best College Fonts (Block, Letters & Numbers to Download)
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} When you need a college block font for your T-shirt design or another project, you need a resource you can count on. Envato Elements and GraphicRiver offer a great selection of college block font downloads. Today we will share some of the best college fonts you can… Continue reading Best College Fonts (Block, Letters & Numbers to Download)
16 Fonts Similar to Magnolia Sky
Are looking for a brush-pen script font similar to Magnolia Sky for your next project? Check out this list of brush fonts that resemble the Magnolia Sky typeface, and discover a selection of premium fonts that are available at Envato Elements. Whether you’re searching for a fun brush-style font for a print project or a… Continue reading 16 Fonts Similar to Magnolia Sky
250+ Best Watercolor Backgrounds (Pastel, Abstract, Watercolor Textures)
Watercolour backgrounds are a great readymade asset for designers of all kinds because they allow you to add interesting colour, texture and detail to your designs quickly and easily. If you’re wondering how to make a watercolor background, wonder no more. Today we’ll share over 250 of the best backgrounds from Envato Elements and GraphicRiver.… Continue reading 250+ Best Watercolor Backgrounds (Pastel, Abstract, Watercolor Textures)
42 Cool Summer Fonts (Tropical, Festival, Camp Fonts)
Find the perfect cool summer font for your next seasonal project. Take a look at these cute summer fonts for design inspiration. We’ll look at everything from camp font designs to tropical fonts. So sit back and enjoy some summer holiday fonts and design inspiration. You might just find your new favorite summer font. Download… Continue reading 42 Cool Summer Fonts (Tropical, Festival, Camp Fonts)
The Different Types of Serif Fonts With Serif Font Examples
What are the different types of serif fonts and why should you know them? In this tutorial, we’ll look at types of serif typefaces and explain the ins and outs with serif font examples. Learn how to identify different types of serifs and download some fresh, new modern serif fonts today. This modern serif font is… Continue reading The Different Types of Serif Fonts With Serif Font Examples
43 Best Flower Fonts (Must-Have Floral Fonts for Spring)
Looking for the perfect flower font for spring? Let’s take a look at some hand-drawn floral font designs. Whether you’re looking for a flower ornaments font, a flower script font, or even an Easter font, there’s plenty to see. Download this pretty floral font on Envato Elements. What Is a Floral Font Style? A floral… Continue reading 43 Best Flower Fonts (Must-Have Floral Fonts for Spring)