20 Best New Portfolios, July 2019

And now it’s July. I’d just like to tell my American and Canadian friends to hydrate properly, and the hangover should be gone by October, just in time for the sugar crash. While you recover, we’ve got more portfolios. Lots of good, grid-based stuff this month. And lots of dark layouts. It’s like all the… Continue reading 20 Best New Portfolios, July 2019

How to Work Securely by Choosing the Best VPN For Your Needs

If you’re concerned with working securely or anonymously online, the chances are you’ll have used a VPN (Virtual Private Network) at some stage. But when choosing a VPN service do you know what factors you should be taking into account? This tutorial will help you understand why you should use a VPN and how to… Continue reading How to Work Securely by Choosing the Best VPN For Your Needs

Build a Static Portfolio With Advanced CSS Bar Chart

In a previous post, I showed you how to build a beautiful fullscreen portfolio page. During that tutorial we also learned how to create a responsive CSS column chart. In this tutorial we’ll build another attractive static portfolio page, this time featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the canvas… Continue reading Build a Static Portfolio With Advanced CSS Bar Chart

How to Create a Mega Menu With a Free WordPress Plugin

In this post, we’ll explore the WP Mega Menu plugin which allows you to create content-rich navigation menus on your WordPress site. We’ll go through the different aspects of this plugin and we’ll also build a real-world example for demonstration purposes. A sticky menu stays at the top of the screen, so that however far… Continue reading How to Create a Mega Menu With a Free WordPress Plugin

Reasons for Web Designers to Stick with WordPress

Sometimes, even the best of friends can have a disagreement. That’s the sort of vibe that WordPress and its community have been dealing with for quite some time. There’s still a lot of love, but it goes along with some undertones of frustration. No, it’s not everyone who feels this way. It may not even… Continue reading Reasons for Web Designers to Stick with WordPress

Features, Syntax, and the Problem It Will Solve

CSS subgrid is slowly making its way into browsers. The CSS Working Group is actively working on it and the related W3C specification has already reached Level 2. This new feature will enable us to enhance grid items with subgrids that inherit the grid tracks of their parent grid and seamlessly align with it. As CSS subgrid is… Continue reading Features, Syntax, and the Problem It Will Solve

How to Make Stylish Layouts for a Portfolio Template in InDesign

What You’ll Be Creating Show off your creative work and nail that next job interview with this stylish portfolio design template. In this tutorial, I’ll show you how to make a brochure in InDesign. This multipage document is perfect as a portfolio template. It is versatile and easily adaptable to any work you want to… Continue reading How to Make Stylish Layouts for a Portfolio Template in InDesign

How to Add a Free WordPress Post Slider to Your Site

In this article, we’re going to explore how to make posts slider in WordPress by using a slider plugin. We’re going to use one of the best WordPress slider plugins—Responsive Posts Carousel. More often than not, when you’re creating your website, you would like to have a carousel on your website which displays posts filtered… Continue reading How to Add a Free WordPress Post Slider to Your Site

How to Create an eBook in Adobe InDesign

What You’ll Be Creating Ever wanted to easily convert your InDesign layouts to eBooks? With the right know-how, it’s super-simple to do. In this tutorial we’ll look at three different ways you can quickly turn your designs into interactive PDFs or EPUBs, ready for sharing or selling online.  There are a few different eBook formats… Continue reading How to Create an eBook in Adobe InDesign

How to Customize Bootstrap’s Sass Files With Grunt

Today, we’ll learn how to customize Bootstrap 4’s Sass files with Grunt.  Instead of Grunt, we could just as easily use another task runner like Gulp, webpack, or npm scripts. Regardless of the build tool the process of customizing Bootstrap’s source Sass files will be the same. Note: This tutorial assumes you have some familiarity with Bootstrap 4, Sass, and build tools.… Continue reading How to Customize Bootstrap’s Sass Files With Grunt

20+ Online Ad Banner (Maker) Template Designs to Customise Now

If you’re just getting into online advertising or hoping to boost your online traffic with better advertisements, ad banners are the way to go.  Ad banners are currently one of the most ubiquitous forms of marketing used on the internet. Companies use them for everything from raising their brand profile to increasing engagement, announcing discounts,… Continue reading 20+ Online Ad Banner (Maker) Template Designs to Customise Now

Celebrate Diversity in Design—Volume 15

Welcome back to our Diversity in Design series on Envato Tuts+. Discover four talented artists with inspiring styles you’ll love. 4 Artists You Should Know: Diversity in Design Celebrate the work of these extraordinary artists. Each with their own unique background, they draw inspiration from their culture and surroundings to create phenomenal designs. Magtira… Continue reading Celebrate Diversity in Design—Volume 15

How to Create an Isometric Map Mockup Action in Adobe Photoshop

What You’ll Be Creating From this tutorial, you’ll learn some new techniques and tricks. We’ll be using the Isometric Map Mockup product as an example and seeing in detail how it was created. At the end, you’ll have a fully workable action and confidence in building “transformation actions”.  Got no time and need this action as soon as possible?… Continue reading How to Create an Isometric Map Mockup Action in Adobe Photoshop

11 Best Social Media Scripts and Plugins to Streamline Your Workflow

If you are running a business or building a brand, you are always looking for ways to increase your online reach. A streamlined, accessible and consistent social media presence is essential, whether you are a bricks-and-mortar shop, a digital specialist, or a marketing influencer. Using scripts and plugins from CodeCanyon, you can make your life… Continue reading 11 Best Social Media Scripts and Plugins to Streamline Your Workflow

Getting Started with Chrome Developer Tools: Inspect Element

Google Chrome is one of the best consumer browsers on the market, but it also contains a number of powerful developer tools. We can reveal some of these tools with Chrome’s Inspect Element (or “Inspect”) tool. This developer tool provides insight into how websites are constructed and styled, and it can help you debug your own… Continue reading Getting Started with Chrome Developer Tools: Inspect Element

6 Tips for Growing Your Web Design Business

You’ve developed your web design skills and landed a few clients. Now, it’s time to grow your business and share your talents with the world. You can choose your own hours, work wherever you want, and make money as you go. To gain the financial freedom you need and grow your business, here are some… Continue reading 6 Tips for Growing Your Web Design Business

How to Create a Split-Screen Slider With JavaScript

In today’s video tutorial I’m going to show you how to create a “split-screen” slider element (or UI, whatever you prefer to call it) using JavaScript. Inspiration for this came from a page on the Corsair website; let’s see how we can build one for our own projects. What We’re Going to Build Let’s first… Continue reading How to Create a Split-Screen Slider With JavaScript

How fast is your site and is there a way to control the response time for the clients?

It is known that response time of a web server has a great role in indexing of the hosted sites in search engines. The slower is a web site, the lower is its rate among the competitors. Nobody is going to like such consequences: site is displayed on the bottom of the search, less clients… Continue reading How fast is your site and is there a way to control the response time for the clients?

Top 10 resources for designing email newsletters

The world of email marketing is constantly changing. There are dozens of tools out there tailor made to help marketers write emails, designers craft emails, and developers code emails. But with so many tools available, it can be frustrating to find the best ones. That’s why, in this post, I’ve curated the top ten best… Continue reading Top 10 resources for designing email newsletters

20 essential CSS tricks every designer should know

This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want. CSS can… Continue reading 20 essential CSS tricks every designer should know

Cinemagraphs in web design

If you read any of the countless web design trend reports that came out earlier this year, you likely read about the promise of large, hero-sized cinemagraphs placed prominently on homepages everywhere. So where are they? While a few fashion-forward companies are using them on their websites, the cinemagraph has been largely relegated to showcase… Continue reading Cinemagraphs in web design

How to Design a Modern, Creative Agency Website

Posted · Category: Best Collections Your assignment is to create a website for a creative agency, perhaps the one you work for. Hence, your goal is to design a website that will attract and engage potential clients and customers. And have them beating on the door. You need to address what these potential customers expect from a creative agency.… Continue reading How to Design a Modern, Creative Agency Website

How to Create a Watercolor Wedding Invitation in Adobe InDesign

What You’ll Be Creating Painterly designs are a big trend for wedding invitations right now. Romantic without being overly feminine or floral, they have an effortlessly cool, beachy style which is perfect for outdoor or more laid-back ceremonies. In this tutorial that’s suitable for beginners to the software, we’ll walk through the steps of creating an… Continue reading How to Create a Watercolor Wedding Invitation in Adobe InDesign

How to Create an AJAX Driven Theme for ProcessWire

In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire