8 Awesome Black Friday 2020 Deals for Designers (Up to 94% Off!)

Original Source: https://www.webdesignerdepot.com/2020/11/8-awesome-black-friday-2020-deals-for-designers-up-to-94-off/

If you’re interested in a sneak peek of this year’s best Black Friday deals, stick around. You’ll find a few web designers’ favorites, including a stellar deal or two.

This year, more than a few of the popular retail outlets are shifting away from the traditional “camp out all night and bust open the doors when the store opens” shopping model. You might just prefer this less chaotic, ecommerce approach.

All of us are trying to adjust to what may eventually become a “new normal”. We may not like some aspects of this new normal, but there are bright spots as well.

More shoppers are likely going to shop online because of the coronavirus. That means you don’t have to fight the crowds while desperately attempting to socially distance. The shelves aren’t as apt to go bare, and shopping is easy, convenient, and safe.

1. Slider Revolution

You will find the Slider Revolution plugin incorporated in a host of WordPress theme tools and products. This premium plugin can in fact boast of more than 7 million users around the globe.

What you may not be aware of is that it is much more than just a WordPress slider. With it in your web design toolbox, you can in fact create just about anything you can imagine.

Expect to find:

A stunning selection of elements including sliders and carousels;
Attention-getting hero sections designed to make your home pages really stand out;
Single-page websites with layouts unlike anything you’ve seen before;
Modular structuring that allows you to rearrange and reuse sections however you choose and the ability to mix and match modules with any WordPress content;
Add-ons whose cutting edge features push the boundaries of web design possibilities.

There’s more of course. To celebrate Black Friday and Cyber Monday you can NOW get any Slider Revolution subscription plan or one-time payment at a 33% discount.

Just click on the banner and use the BLACKFRIDAY code at checkout.

2. Amelia

When done manually, booking and managing appointments can be tedious and subject to mistakes and errors. Amelia provides an automated booking process that is oh-so easy to work with and is error free; just what you need to help you acquire more happy customers.

Key features of Amelia’s fully responsive design include:

A dashboard system that enables you to track approved and pending appointments, booking changes, and revenue;
Zoom Integration, Google Calendar, and Outlook Calendar sync;
The ability to accept and easily manage recurring appointments that customers can schedule;
Front-end customer and employee appointment and event managing and backend appointment adding, editing, and rescheduling;
Email notifications for pending and approved appointments and events.

And much more that will save you loads of energy and a ton of time. Give Amelia a try, and if you like what you see (and you will), take advantage of the 30% Black Friday discount.

3. wpDataTables

wpDataTables 3.0, with its fresh, new look, gives you a host of different ways to generate attractive, customizable, and responsive tables and charts, and a host of different ways to present them.

Tables can be created from most data sources, the most common being MySQL query, PHP array, Google Spreadsheet, Excel files CSV files, and JSON and XML inputs;
A working knowledge of SQL is not required!
Addons include Gravity Forms, Formidable Forms, Report Builder, and Powerful Filter;
wpDataTables users can generate Tables and Charts quickly from massive amounts of data (saving hours of effort);
Tables and charts are customizable and maintainable (editable once placed in use);
Tables can be created manually if you wish.

Click on the banner now and take advantage of wpDataTables 30% Black Friday discount on all licenses and addons.

4. TheGem – Creative Multi-Purpose High-Performance WordPress Theme

In TheGem, the ultimate WordPress multipurpose toolbox, you will find:

A rich selection of 400+ premium pre-built multi-page and one-page websites, all available for Elementor and WPBakery page builders;
The ability to mix and match any of this demos, layouts and page sections to create your own unique look;
Extended WooCommerce layouts & tools for making online shops, which convert better;
TheGem Blocks: an ultimate tool for building webpages at the speed of light.

And much more. Just click on the banner and check this 5-star product out.

5. Mobirise Website Builder

Creating a Google-friendly can take time, unless you have Mobirise at your fingertips, in which case you have a number of helpful tools to speed things up.

No coding, it’s all drag and drop;
3,600+ website templates are at your disposal plus sliders, popups, forms, and more;
Many eCommerce features, including a shopping cart;
Latest Google Amp and Bootstrap4;
You can download Mobirise for free.

And, because it’s Black Friday, everything is yours at a 94% discount!

6. Get Illustrations

Get Illustrations offers royalty free and landing page Illustrations ready to drag and drop into your web design. You’ll have access to:

An extensive library of 4000+ illustrations with more added every week;
A wealth of design formats, including AI, PNG, SVG, Figma, Adobe XD, and Sketch;
Free updates and new illustrations weekly (included in the bundle).

Click on the banner and use the Coupon Code BLACKDEAL for your 30% discount.

7. XStore | Responsive Multi-Purpose WooCommerce WordPress Theme

For anyone planning on creating an eCommerce store, the XStore name says it all. Key features you’ll find in this powerful and flexible WooCommerce theme include:

More than 95 good-to-go-shops plus a full AJAX shop to get you started;
300+ pre-defined shop/page sections, a header builder, and a single product page builder;
Elementor, WPBakery and $510+ worth of premium plugins.

Click on the banner and sign up to become one of XStore’s 55,000+ happy customers.

8. Kalium – Creative Theme For Multiple Uses

Kalium is an easy-to-use, easily maintainable multipurpose theme for WordPress users that is always updated to use the latest WordPress standards.

Kalium provides its users with a host of professionally-designed pre-built demos and elements;
Many plugins such as: Slider Revolution, WPBakery, Elementor, Layer Slider, Advanced Custom Fields PRO, Product Filter for WooCommerce, Product Size Guide,WooCommerce and other premium plugins are included.

Kalium is responsive, GDPR compliant, and gives you full eCommerce and top-quality customer support. It has a 5-star rating after 36k sales on ThemeForest – seriously impressive!


If you hit the retail stores remember to social distance.

Or, if you would rather take a brief break from the demands of Covid-19, take advantage of one or more of the above ecommerce sales. As you can see, there are some excellent ones!


[– This is a sponsored post –]


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

25 Best Websites to Download Free Fonts

Original Source: https://www.hongkiat.com/blog/21-most-visited-free-fonts-site/

In the design industry, there’s always a gold rush for a good font that may add impact to the designs. As a designer, I too am always out there looking for fresh free fonts to add to my font…

Visit hongkiat.com for full content.

Mostra de Arte da Juventude Branding and Visual Identity

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/JBEiYmTxNdI/mostra-de-arte-da-juventude-branding-and-visual-identity

Mostra de Arte da Juventude Branding and Visual Identity
Mostra de Arte da Juventude Branding and Visual Identity


In 2019, the MAJ (Youth Art Exhibition) celebrated its 30th anniversary and Sesc invited Polar to develop the project’s new logo, as well as the branding, visual identity, and signage of the commemorative edition. Following the format of traditional art salons, the exhibition sheds light on contemporary young art production. Currently, it is one of the main cultural events in the interior of the state of São Paulo and places the city of Ribeirão Preto on the Brazilian’s visual arts map.

The new MAJ logo was designed combining geometric shapes with ink traps that pushes it away from a typically modernist solution. The highlight is the character ‘M’, which gains an extra “leg” to reproduce the boost given to MAJ’s featured artists.

The 30-year edition’s visual identity simultaneously pays tribute to the new artists discovered and the city of Ribeirão Preto. We created a series of graphics that refer to sparks, representing young talents at the time of expansion and professional growth, as well as Ribeirão ‘s powerful sun.

Collective #634

Original Source: http://feedproxy.google.com/~r/tympanus/~3/17LXOE4ZA3Y/

Collective 634 Item image

Inspirational Website of the Week: Chartogne-Taillet

A wonderful, immersive web experience with a beautiful design. Our pick this week.

Check it out

Collective 634 Item image

Operator Lookup

Search JavaScript operators with this useful tool by Josh W. Comeau.

Check it out

Collective 634 Item image


More important than ever: An archivist browser controller that caches everything you browse, a library server with full text search to serve your archive.

Check it out

Collective 634 Item image

Our Sponsor
Black Friday with 15,000+ Free Prizes!

With over 15,000 free prizes, free bonus gifts, dozens exclusive discounts and perks from our partners, and our biggest discount ever on Divi memberships and upgrades, you wouldn’t want to miss this year’s Black Friday sale that starts on Nov 27th at exactly 12:00 AM UTC-6.

Save the date

Collective 634 Item image

Not so short note on aria-label usage

A great article on aria-label and how to use it. The discussion is also very insightful with lots of answers and questions.

Read it

Collective 634 Item image

Web animation gotchas

Fading something in, and fading something out – sounds simple right? Unfortunately not! Jake & Surma talk through the various gotchas of animating the web, and how to work around them.

Watch it

Collective 634 Item image

The Raven Technique: One Step Closer to Container Queries

Mathias Hülsbusch shows how to use calc(), min(), max() and clamp() to build a container-query-like solution.

Read it

Collective 634 Item image

A Dive Into React And Three.js Using react-three-fiber

React-three-fiber is a powerful Three.js renderer that helps render 3D models and animations for React and its native applications. In this tutorial, you will learn how to configure and build 3D models in a React application.

Read it

Collective 634 Item image


Socialify helps you showcase your project to the world by generating a beautiful project image.

Check it out

Collective 634 Item image


A “free” tool by Microsoft that helps you train machine learning models.

Check it out

Collective 634 Item image

Stage waves

Some magic made by Liam Egan.

Check it out

Collective 634 Item image

Unexpected, Useless, and Urgent

From last month, but what a great read: Thinking about inbox management, RSS feeds, and email overload.

Read it

Collective 634 Item image

Nomad Web

An experimental web version of the epic sculpting and painting app.

Check it out

Collective 634 Item image

HTML Forms: How (and Why) to Prevent Double Form Submissions

An interesting article on preventing double from submissions by using an attribute on the form element.

Read it

Collective 634 Item image

React Forms Tutorial: Access Input Values, Validate, and Submit Forms

A step by step tutorial on how to access input values, validate, and submit forms in React.

Read it

Collective 634 Item image

Drum Sequencer

A super cool sequencer with sample pad made by Jacob Kucera.

Check it out

Collective 634 Item image

Quick hack: How to make the new CSS Overview feature of Chromium Devtools shareable

Christian Heilmann shares a quick and useful Devtools hack.

Check it out

Collective 634 Item image


Lazy load and transition your React images with some WebGL glsl niceness.

Check it out

Collective 634 Item image

The art of making information beautiful

A great read on Bureau Oberhaeuser’s work around data visualization.

Read it

Collective 634 Item image

How I wrote JavaScript to avoid JavaScript

Christoph Grabo shows how many things can be done without JavaScript.

Read it

Collective 634 Item image

From Our Blog
Recreating the Exploding Particles Video Animation from M-trust.co.jp

In this live stream you’ll learn how to code the exploding particles video effect seen on the website of M-Trust with WebGL.

Check it out

Collective 634 Item image

From Our Blog
Inline Menu Layout with Gallery Panel

An inline menu layout with a playful hover animation and a gallery content preview panel.

Check it out

The post Collective #634 appeared first on Codrops.

Collective #635

Original Source: http://feedproxy.google.com/~r/tympanus/~3/Nddu7rzhAhA/

Inspirational Website of the Week: Grove Lust

Beautiful simplicity, unique colors and a fun interactive effect made us pick Grove Lust this week.

Get inspired

This content is sponsored via Syndicate Ads
The #1 Leader in Heatmaps, Recordings, Surveys & More

Hotjar shows you how visitors are really experiencing your website—without drowning in numbers. Sign up for a 15-day free trial.

Try it free

Back/forward cache

Learn how to optimize your pages for instant loads when using the browser’s back and forward buttons. By Philip Walton.

Read it

Pattern Collect

A curated gallery of patterns by awesome designers and illustrators

Check it out

Simple pie charts with fallback, today

Lea Verou shows a modern solution for pie charts with a fallback for older browsers.

Read it

A Deep Dive Into CSS Grid minmax()

Learn how CSS grid minmax() works, with a detailed visual explanation for auto-fit and auto-fill keywords.

Check it out

ThreeJS starter

A fantastic Three.js boilerplate made by Francesco Michelini. It uses Parcel to create the bundle and Tweakpane for live updates. Here’s the demo.

Check it out

Tailwind CSS v2.0

Read about the new Tailwind CSS version that includes an all-new color palette, dark mode support, and a lot more.

Read it


An uptime monitor and status page powered by GitHub.

Check it out

Masonry Layout

Level 3 of the CSS Grid Layout specification includes a masonry value for grid-template-columns and grid-template-rows. This MDN guide details what masonry layout is, and how to use it.

Read it


A very useful online editor to create and manipulate SVG paths.

Check it out

Warp: Improved JS performance in Firefox 83

An article that explains how Warp works, a significant update to SpiderMonkey.

Read it

Standardizing <select> And Beyond: The Past, Present And Future Of Native HTML Form Controls

In this article, Stephanie Stimac dives into the past by going back to the beginning of HTML and tracing the evolution of form controls through to the present and the current state of working with them.

Read it

Railroad switches game

A simple remake of an 8 bit minigame in ~150 lines of pure JavaScript.

Check it out

Simulating color vision deficiencies in the Blink Renderer

This article describes why and how we implemented color vision deficiency simulation in DevTools and the Blink Renderer.

Read it

Draggable Blend Generator

A generator that lets you experiment with the background-blend-mode and mix-blend-mode CSS properties.

Check it out

GSAP Believe – Collage Animation

A very beautiful collage animation made by Shunya Koide.

Check it out


A tweakable demo made by Arnaud Di Nunzio.

Check it out

Inside the Mind of Samuel Day

What an awesome scroll experience!

Check it out

Building My First PC

Tania Rascia shares how she built her own PC in this great article.

Read it

Kode Sports Club

A really cool interactive 3D tour for a spots club. Made by the folks of Merci-Michel.

Check it out

PAC-MAN Password Reveal w/ GSAP

A fun password reveal effect made by Jhey.

Check it out


A great project made with Vue.js: a roman numerals converter.

Check it out

From Our Blog
UI Interactions & Animations Roundup #12

Some fresh UI interaction and animation concepts for your inspiration.

Check it out

From Our Blog
Coding the Golden Spiral City from the Creative Cruise Website with Pixi.js

Dive into a remake of Creative Cruise’s amazing golden spiral city using Pixi.js.

Check it out

The post Collective #635 appeared first on Codrops.

Top New CMS Plugins, November 2020

Original Source: https://www.webdesignerdepot.com/2020/11/top-new-cms-plugins-november-2020/

Since there are so many CMS plugins out there, it can be overwhelming to choose the best ones for your website. We’ve done the research for you; this list contains the top new CMS plugins for November 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla.

Let’s get started…

404 Page Editor

404 Page Editor is a simple WordPress plugin that helps you add custom text to the default 404 page on your website. The plugin comes with seasonal and industry-related 404 templates. One useful feature of the plugin is that it backups your current 404 page before changing it. So you can restore the backup page anytime you choose. The plugin duplicates your current 404.php page to wp-content/uploads/404-page-editor/ so you can easily find it. You can also change the text on the plugin to fit your local dialect. 

UnusedCSS Power-Up

Most WordPress themes and plugins load their CSS in the wrong areas of your website. This can slow down your site. A slow website will reduce user experience and lead to increased bounce rates.

UnusedCSS will help reduce the size of your website’s CSS files by up to 95%. The best part is that the plugin works automatically. It will remove any unused CSS when visitors view any page on your website. UnusedCSS will automatically reduce your website’s load times by reducing your CSS files and page size. The plugin also optimizes the performance of other WordPress plugins and extensions. UnusedCSS also works with WooCommerce themes and plugins.

Simple Redirects

Simple Redirects is a WordPress plugin that helps you to automatically redirect requests to another page on your site or any other place on the web. The plugin allows you to easily redirect users from your old web pages to new pages using 301 or 302 redirects. You don’t have to worry about losing backlinks or page rank. Any incoming links to the old web page will be automatically passed along to the new page. The page rank on the old page is also transferred to the new page. The plugin is useful when migrating a WordPress site when don’t want to retain the URL structure. 

HTML Validation

HTML Validation plugin helps you identify any HTML validation errors on your website. The plugin works automatically in the background of your website and will send you regular reports. There is a progress bar on the report screen to show you the progress of the scan. The plugin uses WordPress Cron to scan the content of your website. There is also an option for the plugin to automatically fix any HTML validation issues on your website. You can also choose to fix the issues manually. 

Just Highlight

Just Highlight is a simple WordPress plugin that helps you highlight text in your posts or pages. You can use this plugin to highlight any portion of the page you want to draw the reader’s attention to. You can highlight the background of the page and also add animation to the highlighted text. In the WordPress admin area, you can change the speed and color of the animation. The plugin is compatible with Gutenberg, and the WordPress classic editor. 

DeviantArt Embed

DeviantArt Embed is a simple plugin that helps you embed any work from Deviant Art into a post. The plugin provides a block for the WordPress block editor so you can easily embed the image. It uses a DeviantArt oEmbed API to pull the images and their descriptions, and creates an embedded image. 

Static Optimizer

Static Optimizer is a static file optimization plugin that serves and optimizes static files on your website. The plugin will help you increase your website speed by automatically compressing your static files. It is easy to set up, you just need an API key to get started. Other useful features that the plugin offers include automatic JS and CSS minification, automatic image optimization, and processing of responsive images. You don’t have to worry about losing your files if their server is down. The plugin automatically backs up your files and will load your original files when their servers are down (either because of an upgrade, maintenance, or outage).  By default, only images are compressed when you activate the plugin; you can also choose to optimize fonts, CSS, and JS files. 


RankBear is a keyword rank tracker plugin that helps you analyze your SEO efforts. With RankBear, you can track the keywords for each of the posts and pages on your site. While the plugin has a paid plan, you can track up to five keywords for free. On the free plan, you will receive weekly reports on each keyword you are tracking. You can search for the rank and volume of a keyword in every location supported by the Google search engine. RankBear is a lightweight software-as-a-service plugin hosted by Amazon Cloud Services. The plugin also offers the option to download the keyword reports to CSV. 

Table of Contents Block

Table of Contents Block is a plugin that allows you to easily create a Table of Contents for your WordPress posts. The plugin is lightweight and will automatically add a Table of Content in your website’s posts and pages. You can select the heading tags you want to add to the Table of Content. It also has a dedicated support team to assist you. The plugin works fine with all standard WordPress themes. 

Markease For WooCommerce

Markeaze is an all-in-one communication plugin that allows you to add live chat to your online stores. The plugin will help you improve your customer service by decreasing your response times. With the plugin, you can collect your visitor’s contact information via a widget. This feature is useful in building a subscriber database. You can also use the plugin to track customer behavior on your site, inform customers about new products, help customers with active orders, and collect customer feedback. You can also use the auto-reply function to answer commonly asked questions. 

Craft CMS
Image Toolbox

Image Toolbox is a Craft CMS plugin that offers image-related tools for your templates. The plugin will automatically create a WebP variant of the images you upload. It also has a fallback for browsers that do not support WebP images. Other useful features the plugin offers include automatic creation of placeholder images and generation of responsive images with multiple variants. The plugin also supports Imager-X (or old Imager). 

Element Panel

Element Panel plugin allows you to add elements and an eager-loading panel to the debug toolbar. This feature will help you benchmark your templates in Craft CMS. For elements, the panel has a dashboard that shows how many elements are populated. It also shows how many elements are duplicates. The plugin also shows you how many eager-loading elements are detected. Duplicate elements are grouped by field name. 

VStore Shoppable Videos

VStore Shoppable Videos is a Shopify plugin that allows your customers to shop directly from your videos. The plugin allows you to embed your products into any video. Since videos have a high engagement rate, this plugin will significantly improve your store’s conversion rates. 

ProofMotion Video Testimonials

ProofMotion Video Testimonials plugin helps you to easily collect video testimonials. The plugin sends an automated email or SMS requests to customers asking for their satisfaction feedback after making a purchase. The responses are analyzed to determine whether the customer had a negative or positive experience. Customers that offer negative feedback are sent to customer care to help them with the problem they encountered. Happy customers are prompted to make video testimonials of their positive shopping experience. ProofMotion guides the customer through the interview so they can give the best testimonial. They also offer an on-site widget so you can easily share your testimonials. 

Real ID

Real ID is a Shopify plugin that allows you to verify customers’ real identity using a photo ID and facial biometrics. The plugin is perfect for orders that have an age restriction, verifying flagged fraud goods, and selling expensive goods. Real ID will help you identify whether a government-issued-ID is fake during fulfilment. All the customer needs to do is take a selfie on their phone. This way, even if a customer has access to a stolen physical ID, they won’t still be able to make any purchase. The plugin can verify documents such as passports, visas, national IDs, driver licenses, and more. Real ID will help you handle GDPR compliance. The plugin is available in hundreds of countries around the world. 


Accessibility is a Joomla plugin that allows your website visitors to easily access your website content. The plugin will remove any barrier between the visitor and your Joomla site. There is no coding required and you can customize the plugin directly from the module manager. The plugin has a useful feature called Dyslexic Readability; this feature allows your visitors to set the entire document font to a dyslexic-friendly font. Visitors can also grayscale the page, resize the fonts, and resize the word space. From the backend module, you can add any custom CSS and JS. The plugin is also available in 12 different languages. 

Reading Time

Reading Time is a simple plugin that will help you easily show the reading time of your Joomla articles. The plugin is easy to set up and does not require any coding. You can customize every parameter, including the text, in minutes. You can also choose to exclude categories, articles, and menu items. Reading Time also allows you to easily add custom CSS code from the plugin parameters. 


Featured image via Pexels.


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Clarus Via Motion Design

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/AbTBVD61haU/clarus-motion-design

Clarus Via Motion Design
Clarus Via Motion Design


Anxo Vizcaíno shared a 3D and motion design project titled Clarus Via. Clarus (latin for light, clear) Via (latin for way, path) is a short story about light, an exploration of its behaviors and its capacity to create space and time. It’s also about being born, exploring, understanding and finding. Thierry Urbain’s work has been a great source of inspiration, along with wonderful architecture works around the world.

“Architecture is the arrangement of light”. Antoni Gaudí
“The light that goes out dazzles more than the one that comes on”. Roberto Juarroz



Visuals: Anxo Vizcaíno    
Audio: UUNNOO.xyz

Fresh Resources for Web Designers and Developers (November 2020)

Original Source: https://www.hongkiat.com/blog/designers-developers-monthly-11-2020/

We are almost at the end of 2020. Many things unprecedented have happened this year, but it does not stop us to share fresh resources for our fellow developers. In this round of the series,…

Visit hongkiat.com for full content.

Coding the Golden Spiral City from the Creative Cruise Website with Pixi.js

Original Source: http://feedproxy.google.com/~r/tympanus/~3/EGJTNTKnR-I/

Editor’s note: We want to share more of the web dev and design community directly here on Codrops, so we’re very happy to start featuring Yuriy’s newest live coding sessions!

In this live stream of ALL YOUR HTML, we’ll be diving into the code for the beautiful golden spiral city on the website of Creative Cruise that was made by the folks of Superhero Cheesecake. There will be some Fibonacci spiral making using the Pixi.js library and a little bit of math.

This coding session was streamed live on November 15, 2020.

Original website: Creative Cruise

Developers of original website: Superhero Cheesecake

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

The post Coding the Golden Spiral City from the Creative Cruise Website with Pixi.js appeared first on Codrops.