A blurry text reveal animation on scroll inspired by Rauno’s “Blur reveal”. Some interesting experiments have been shared lately on X showing progressive blurs on all kinds of elements and this one by Rauno caught my eye: It’s a stunning effect and I was wondering if something similar could be achieved by simply “unblurring” text… Continue reading Blurry Text Reveal on Scroll
Tag: Scroll
How to Import Brushes Into Sketchbook Pro
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;} If you want to add new brushes for Sketchbook Pro, you need just a few steps! In this short tutorial I’ll show you how to import brushes into Sketchbook Pro using my own custom Sketchbook brush pack. Disclaimer: this method works only for… Continue reading How to Import Brushes Into Sketchbook Pro
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)
Rock the Stage with a Smooth WebGL Shader Transformation on Scroll
From our sponsor: Guide customers along the path to purchase with our award-winning platform. Starting at $14.99/mo. It’s fascinating which magical effects you can add to a website when you experiment with vertex displacement. Today we’d like to share a method with you that you can use to create your own WebGL shader animation linked to… Continue reading Rock the Stage with a Smooth WebGL Shader Transformation on Scroll
How to Customize an HTML Template
So you’ve just purchased an HTML template and now you have to customize it before it goes online. But you’re not experienced with code so you’re not sure how to go about it. Well, rest easy, because in this tutorial we’re going to step you through how to edit a HTML template. We’re going to… Continue reading How to Customize an HTML Template
Key Tips to Creating a User-Centered Website
For quite some time now, Google has given priority to user-centered website and content experiences. More specifically, it wants search results to better reflect user intent, as opposed to just keywords. In the latest update, content expertise and quality may trump authority, earning higher rankings. That is directly in line with the idea of creating… Continue reading Key Tips to Creating a User-Centered Website
How to Fix Videos Not Playing in iPhone
You love your iPhone for everything it is. It won’t be wrong to say that watching high-quality videos on it is incredible. But imagine if your iPhone stops playing videos suddenly. It is annoying when YouTube, Instagram, Facebook, Snapchat or videos from the Camera Roll don’t play, keep on buffering, or display error. However, you… Continue reading How to Fix Videos Not Playing in iPhone
Quick Tip: How to Create a Simple Fade Effect on Scroll
In today’s super quick tutorial, we’ll learn how to build a simple, yet useful scroll effect. As we scroll within the page, the visibility of two elements will change depending on the scroll position. As the saying goes: “a picture is worth a thousand words”, so let’s have a look at what we’re going to create (scroll… Continue reading Quick Tip: How to Create a Simple Fade Effect on Scroll
Online Stores Design Examples to Emulate in 2020
The US economy was on an upswing — in fact, the United States GDP expanded by 2.3% in 2019. 2020, however, is not looking so hot for the labor force or online retailers. There’s no question that the online shopping world has always been competitive, but the recent economic downturn has turned the competition up to 10.… Continue reading Online Stores Design Examples to Emulate in 2020
20 Best Face Mask Mockups (PSD, Mockup Generator)
With the battle to contain the spread of Covid-19, face masks have now become a necessary and unavoidable part of our daily lives, and designers across the globe are making sure that we protect ourselves in style. Check out the terrific face masks mockups available from Envato Elements, GraphicRiver, and Placeit If you’re looking for a face… Continue reading 20 Best Face Mask Mockups (PSD, Mockup Generator)
Introducing 15 Best New Portfolios, February 2020
Each month we publish a roundup of the best new portfolios, launched in the previous four weeks, by freelancers, agencies, and other creative professionals. This month’s edition is packed with color and animation. Almost every site in this list animates some part of its interface, and many are dependent on animation entirely. You’ll find tons… Continue reading Introducing 15 Best New Portfolios, February 2020
How to Clear the WordPress Cache
Are you creating new pages, editing existing posts and generally improving your WordPress website, but those changes aren’t appearing on your actual website? Your web browser and plugins can all serve cached versions of your pages and posts, so what you’re currently seeing may not be what everyone else sees! In this article, I’ll show… Continue reading How to Clear the WordPress Cache
How to Build an Animated Bootstrap Landing Page With Material Kit
In a previous tutorial, we discussed how to build a responsive landing page with Bootstrap 4. Today, we’ll learn how to create an animated landing page with Material Kit, a free Bootstrap 4 UI Kit based on Google’s Material Design. To implement it, we’ll use a combination of Bootstrap 4’s helper classes, Material Kit’s additional… Continue reading How to Build an Animated Bootstrap Landing Page With Material Kit
20 Freshest Web Designs, November 2019
In this month’s collection we’re seeing some minor trends, like the return of sliders, over-sized text, and liquid effects. But the biggest thing of note is a brand new trend: brutalist typography and layouts, made more appealing by soft, feminine color palettes. Enjoy! Wolff Olins Globally renowned agency Wolff Olins’ new site is engagingly simple,… Continue reading 20 Freshest Web Designs, November 2019
Create a Membership WordPress Site with UMP
Do you want to start earning money from your WordPress website? You could enrol in the Amazon Associates program and generate revenue via referral links; sell advertising space using a plugin such as ADning, or your might even decide to start selling your own products via your website. All of these methods can generate a… Continue reading Create a Membership WordPress Site with UMP
How to Get Your Newsletter Read
Being in the business of building websites, it’s easy to forget that no matter how great they look, how well they perform, or how optimized they are for search, a website alone will not attract visitors back to it. You have to give them a good reason to return. Blogging and other content generation is… Continue reading How to Get Your Newsletter Read
How to Make an InDesign Catalog Template
What You’ll Be Creating In this tutorial, you’ll learn how to create an InDesign catalog template for showcasing products. This simple and stylish design could also be adapted as a lookbook for fashion retailers or a brochure template. Consisting of a front cover and three inside spreads, this versatile catalog template can be easily extended… Continue reading How to Make an InDesign Catalog Template
Definitive Guide to Installing a Free or Premium WordPress Plugin
What You’ll Be Creating Plugins are what makes WordPress special. Without them, WordPress wouldn’t be much more than a humble blogging platform. But by adding plugins to your site, you can turn it into so much more. Depending on what you need, you can use a plugin to make your site more efficient and to… Continue reading Definitive Guide to Installing a Free or Premium WordPress Plugin
How to Make a Sports YouTube Banner With a YouTube Banner Maker
What You’ll Be Creating If you want to be a successful YouTuber, you need a professional banner for your channel. Placeit is an online tool that allows you to design your own creation with a special banner generator. It offers hundreds of YouTube banner templates that you can modify for your needs. In this tutorial, I’ll… Continue reading How to Make a Sports YouTube Banner With a YouTube Banner Maker
Create an Online Community for Your WordPress Site With UserPro
When you think of social websites, chances are that social networks such as Facebook immediately spring to mind, but the ability to create a profile and connect with other users can be a valuable addition to many different websites. Imagine you’ve created a website for your business; you could use social features to build an… Continue reading Create an Online Community for Your WordPress Site With UserPro
How to Link Your WordPress Site with Your MailChimp Mailing List and Get More Signups
What You’ll Be Creating There are a variety of ways of keeping in touch with people who visit your websites. You can encourage them to become subscribers by adding a Subscribe widget. You can use the Jetpack plugin to make it easier for existing WordPress.com users to keep up to date. Or you can encourage… Continue reading How to Link Your WordPress Site with Your MailChimp Mailing List and Get More Signups
15 Examples of Cool One-Page Websites & What Makes Them Special
Posted · Category: Best Collections Creating a single-page website should be easier than building an X-page website. Right? Not exactly. In fact, the opposite is true. Getting your message or messages across using multiple pages requires some effort. This is if you’re going to get it right. Getting your message across on a single page… Continue reading 15 Examples of Cool One-Page Websites & What Makes Them Special
GutenMag – Gutenberg WordPress Theme for Magazine and Blog
WordPress is changing the way that users write and publish content. But also, the way in which users can design their pages. Gutenberg is the all-new WordPress Content Editor that’s introducing a dynamic Blocks system. Blocks are reusable multimedia content elements that provide a new way to publish posts and design pages. Starting with WordPress… Continue reading GutenMag – Gutenberg WordPress Theme for Magazine and Blog
Create Custom Maps With the MapSVG Plugin
What You’ll Be Creating If you’re like me, you’ve been using Google Maps to add maps to your WordPress sites for years, but you sometimes get a little frustrated about the lack of customization options. In this tutorial, I’m going to show you how to use an alternative—a WordPress plugin called MapSVG that lets you… Continue reading Create Custom Maps With the MapSVG Plugin