Waves! Because who does not enjoy the visual comfort an oscillating motion has on the human eye? Well, I do and for this tutorial, I would like to explain how to make waves on a 3D plane with Three.js using simplex noise. To keep things short, we’ll just focus on the plane effect and not… Continue reading Create a Wave Motion Effect on an Image with Three.js
Tag: together
7 Deadly Graphic Designer Sins (And 4 Ways to Atone)
As a designer, you’ve probably wished you could know exactly what your clients were thinking at one point or another. Maybe it was when they were vaguely describing how they wanted their design to “pop”. Or maybe when they were trying to express exactly why the fifteenth revision still wasn’t quite right. Or maybe it… Continue reading 7 Deadly Graphic Designer Sins (And 4 Ways to Atone)
How to use the new LogoMyWay Online Logo Maker
There was a time not too long ago when designing a logo for a new company was an expensive and time-consuming process that offered no guarantee of satisfaction. Today, though – thanks to the wide range of logo design tools and platforms available online – designing a great-looking, professional logo is now easier and more… Continue reading How to use the new LogoMyWay Online Logo Maker
How Does WordPress Work?
What You’ll Be Creating If you’re new to WordPress, or switching over from a static website, you might want to know exactly how WordPress works. WordPress is a content management system, or CMS. It works by combining some core files, a database, files that you add or install, and a dashboard for Pat to manage… Continue reading How Does WordPress Work?
10 Best WordPress Star Rating Plugins
Star ratings are used by websites to review all kinds of products and services. You can use them to rate pretty much anything your users are interested in: a movie, the food in a restaurant, the quality of service provided by a mechanic, etc. One of the reasons star ratings are so popular is that… Continue reading 10 Best WordPress Star Rating Plugins
Create the 80s Style With Fonts, Text Effects, and More!
Ready to go down memory lane? Let’s explore the cool 80s style with neon lights, pastel colors, and cyberpunk! One of the most iconic eras in the last 100 years is the 80s. Everyone references it, talks about it, and reminiscences about it. What was so cool about the 80s, besides the cool toys and… Continue reading Create the 80s Style With Fonts, Text Effects, and More!
How Accessibility Taught me to be Better at JavaScript – Part Two
January 14, 2020 Content Warning: There are gifs in this post. Hey friends! Today’s writing is going to be a follow up to How Accessibility Taught Me to be Better At JavaScript. If you have read my content, one of my favorite topics is about JavaScript and Accessibility. I speak about how JavaScript is actually… Continue reading How Accessibility Taught me to be Better at JavaScript – Part Two
20 Best Page Builder (Visual Composer) WordPress Themes to Make Sites Quickly
Finding a theme for your WordPress-powered website is no longer a challenge. The real challenge is in finding the best theme for you, and one which comes with as many genuinely usable features as possible. One key feature for themes nowadays is the use of a page builder. WPBakery Page Builder (formerly Visual Composer) is… Continue reading 20 Best Page Builder (Visual Composer) WordPress Themes to Make Sites Quickly
How to Make a Book Layout Template in InDesign
What You’ll Be Creating Want to make your own book writing template? In this tutorial, we’ll take a look at creating your own InDesign book templates, from creating and applying Master Pages to saving our work as an InDesign Template. We’ll start with a basic example and then apply these basics to a more interesting… Continue reading How to Make a Book Layout Template in InDesign
24 Best WordPress Form Plugins for 2020
Add a feature-rich and easy-to-use form plugin to your WordPress website to help you collect information that is vital to the functionality and growth of your business. One of the many high-quality WordPress form plugins available on CodeCanyon The form WordPress plugins available on CodeCanyon will allow you to seamlessly integrate a customized form that your business… Continue reading 24 Best WordPress Form Plugins for 2020
5 Quick Ways to Start Your First Sketch
If you are trying to get into the world of graphic design and want to flex your artistic muscles, then you have come to the right place. Many aspiring artists are like deer caught in the headlights and are overwhelmed by the skill of others. The thing is that all of those artists also started… Continue reading 5 Quick Ways to Start Your First Sketch
All About Typography In UI Design – The Complete Guide
In this digital world, we are constantly digesting written words to be it on our phones, books or websites. Often, we are reflecting the power of the written word and so we barely consider the role of the designer for emulating the tone of the word or sentence. We have observed that only a small… Continue reading All About Typography In UI Design – The Complete Guide
How to Create a Print-Ready Pocket Folder
A pocket folder professionally organizes your documents. When customized with a design to match your brand, it can be the cherry on top of your marketing collateral. However, it can be a long road to that perfect presentation folder if your design isn’t print-ready. What type of file do you have? Is it the correct… Continue reading How to Create a Print-Ready Pocket Folder
How to Build an Accordion Component With the CSS Checkbox Hack
What You’ll Be Creating In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size. Along the way, we’ll discuss how… Continue reading How to Build an Accordion Component With the CSS Checkbox Hack
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
5 Unexpected UX Design Skills to Help You Level Up
Whenever a hiring boom like this happens, you have to consider how it could work against you. Sure, there are more job openings. However, that means that more UX designers (and designer wannabes) are going to come out of the woodwork, trying to snag up the highly coveted gigs. So, let’s assume that you’re all… Continue reading 5 Unexpected UX Design Skills to Help You Level Up
Build a Tabbed Product Archive for Your WooCommerce Store
In this tutorial you will learn how to make your WooCommerce store a little more stylish by organizing the product archive with tabs. We’ll create tabs with a multi-column layout, a multi-row carousel, and a grid layout. What We’re Going to Build Over the coming steps we will create a WordPress plugin, inside which we … Continue reading Build a Tabbed Product Archive for Your WooCommerce Store
Start With These Courses and Tutorials
For those looking to build hybrid mobile apps, Ionic is one of the first frameworks that you’ll run into. There’s good reason that it has gained significant usage among developers looking to create apps for several mobile devices from a single code base. Ionic has a number of features that go beyond other offerings though,… Continue reading Start With These Courses and Tutorials
Advanced Typography Design in Figma
Figma is a hugely popular web design application, and it’s perfect for creating great typography. Learn some amazing new tricks in our latest course, Advanced Typography Design in Figma. What You’ll Learn This course is the second in a two-part series on designing web typography using the Figma UI design tool. In the first course… Continue reading Advanced Typography Design in Figma
How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images
<picture> is an HTML5 element designed to give us more versatile and performant responsive image functionality. Instead of loading a single image and trying to resize it to suit all possible viewport sizes and layouts, the picture tag loads multiple images of different sizes and resolutions, choosing the best fit for different scenarios. How Does <picture>… Continue reading How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images
20 Freshest Web Designs, September 2019
This month, there’s tons of color, and some elegant transitions. Video is huge this month, with a number of sites opting for video front and center. You’ll also find some delightful animated illustration. Enjoy! Bon Iver Visualizer This impressive site, built with Spotify data, visualizes all of the people currently streaming Bon Iver music, including… Continue reading 20 Freshest Web Designs, September 2019
In Defence of Hacking
Someone defaced your website, posted a rude or lewd image, and called you the adult equivalent of a doodyhead? Ah well, time to grab the backups, and maybe switch hosts. You can’t really be faulted for thinking that. In popular culture, hackers are either nefarious, villainous, and often very good-looking nerds, or else they’re helpful… Continue reading In Defence of Hacking
3 Essential Design Trends, September 2019
This month’s collection of design trends focuses on a bit of a slow burn – design techniques that appeal to millennials (maybe) and Generation Z. Gen-Zers are those born between 1997 and 2012, meaning part of this generation is in grade school. This generation is impacting design trends already because they are the most digital… Continue reading 3 Essential Design Trends, September 2019
Ouch: free illustrations for websites and interfaces
How to build a product that people will love? Just give them what they need. This is the basic principle behind Ouch, a library of interface illustrations created by Icons8 team. It’s not a secret that most websites and interfaces need to have a face. When a user is engaging with a project, they want… Continue reading Ouch: free illustrations for websites and interfaces