The global market keeps getting bigger and bigger, which should be good news for web designers – but there’s a catch. The clients you can expect to serve are more sophisticated and want creative websites, not just the regular HTML and CSS. You can’t deliver just anything and expect them to be happy. You’ll also… Continue reading Tips On Designing Creative Websites That Will Wow Your Clients
Tag: space
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
How to Create a Typographic Album Cover
What You’ll Be Creating In this article, we’ll analyze some album cover design examples that have an emphasis on typography. Then, we’ll take some of these album cover ideas and experiment with them in a sample typographic album cover. Whether your focus is on CD album covers, a cover for your podcast, or creating and… Continue reading How to Create a Typographic Album Cover
20 Best New Portfolios, September 2019
Every month we roundup the best portfolios launched by agencies, freelance designers, and other creative professionals, into one easy-to-digest collection. And now we come to September. The kids are off to school (the poor dears), the teachers are off to school (the poor dears), and you’re free to spend some time thinking about the most… Continue reading 20 Best New Portfolios, September 2019
Fifteen Ways To Create A Flawless Photo
Photography is rare among the fine arts, since it has remained relevant even throughout our advancement into the digital age, due to our love of beautiful photos. But how should you approach creating a ‘perfect’ photo? Here are fifteen possible ways to release your inner master photographer. Rule Of Thirds First of all, keep in… Continue reading Fifteen Ways To Create A Flawless Photo
Mega Menus, Sticky Menus and More
Of things that users expect when they are on a website, navigation menus are the most important. It’s hard to imagine a website without them. A website menu is made up of a collection of links. These links are road signs that make it possible to navigate and interact with a website. They guide users… Continue reading Mega Menus, Sticky Menus and More
Solving Problems With CSS Grid: The Gantt Chart
We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this tutorial we’ll see how well suited CSS Grid Layout is for building a flexible Gantt Chart. Our CSS Grid Gantt Chart Here’s what we’re building. It uses CSS Grid… Continue reading Solving Problems With CSS Grid: The Gantt Chart
Making A Real Impact With Real Estate Web Design
Real estate marketing has come a long way from a simple sign posted in the yard, and today’s real estate professionals need to make web design a priority if they want to be successful. If your agency hasn’t revamped its site recently, take a moment to evaluate these 4 elements and make some updates. They’ll… Continue reading Making A Real Impact With Real Estate Web Design
How to Find the Best WordPress Gallery Plugins for Images or Video
How you present your visual content is key to the success of your website or online store. When visual content is done beautifully it encourages visitors to stay longer on your website. It also improves your SEO ranking and make your website easier to find in search results. However, creating a beautiful gallery for your… Continue reading How to Find the Best WordPress Gallery Plugins for Images or Video
20 Best New Portfolios, August 2019
It’s August, which means the rain is finally slowing down, and I have a chance to get my roof fixed. While I wait here under a literal tarp-fort that I hung up in my office, I thought I might as well compile some of the best recent portfolios for you all to look at. We… Continue reading 20 Best New Portfolios, August 2019
Eliminate Old Technology to Declutter Your Space
Developing and accomplishing a total decluttering plan for your home or workspace can be overwhelming. So many books and videos instruct you to tackle an entire room or more all at once, and who has that kind time? This all-at-once approach also leads you to get rid of things you need, causing you to spend… Continue reading Eliminate Old Technology to Declutter Your Space
5 Things That Significantly Improve User Experience
There are some truly stunning websites out there. But just because something looks pretty, doesn’t mean it will be functional and drive your target customers to action. “Most client web design requests will begin with a request for stellar web design, not a fully-functional one,” says an article from the digital marketing agency Active Web… Continue reading 5 Things That Significantly Improve User Experience
How to Conduct a UX Card Sorting Workshop
The act of card sorting is a hands-on and quick way of creating a category tree (information architecture) based on users’ understanding of the topics of a product. The simple idea of the workshop is to ask users to organise cards that already contain written content into groups. In this tutorial you will learn how… Continue reading How to Conduct a UX Card Sorting Workshop
How to Create an Instagram Post Template in Photoshop
What You’ll Be Creating Today we will be taking a quick look at how to create an Instagram post template in Adobe Photoshop! Whether it’s for a hot sale your site is having, you’re announcing a huge giveaway or maybe you just want to wish your followers a happy holiday, having a blank Instagram post template… Continue reading How to Create an Instagram Post Template in Photoshop
How to Create a Church Newsletter Template in InDesign
What You’ll Be Creating In this tutorial, you’ll learn how to create a four-page newsletter template. We’ll put this template together in no time, and you’ll be able to reuse it for your future projects. Newsletter templates are great to communicate with your community and update them of… Continue reading How to Create a Church Newsletter Template in InDesign
Rethinking the Exploration Phase of Design
Starting off a project is often described as being the exploration phase of a design process–during this phase, you quickly diverge with lots of ideas, generating many potential leads on concepts and hypotheses to test with customers. However, the notion that conceiving creative ideas is more akin to sudden unexpected flashes of brilliance obscures the… Continue reading Rethinking the Exploration Phase of Design
How to Build a Responsive Navigation Bar with Flexbox
Time for a practical exercise in flexbox! In this tutorial we will use flexbox to create a mobile-first, responsive, toggleable navigation bar with different layouts for mobile, tablet, and desktop screens. Flexbox is Perfect for Responsive Navigation Flexbox is a versatile layout module with which we can create one-dimensional layouts that require flexibility, such as… Continue reading How to Build a Responsive Navigation Bar with Flexbox
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
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 Embed and Protect PDF Files With a WordPress Plugin
PDF files are a very popular way of sharing formatted documents due to their flexibility and lightweight nature—they work on most devices and operating systems. In this post, I’ll show you how to use a WordPress PDF plugin to embed and protect PDF files in your WordPress posts and pages. Why Use PDFs? PDFs can… Continue reading How to Embed and Protect PDF Files With a WordPress Plugin
Effective Examples of Useful Slide Out Panels and Sidebars
It should be noted that slide-out panels are indeed less accessible than fixed navigation options. They’re harder to discover and understand. Screen elements appearing and disappearing can confuse users and frustrate visitors. However, they’ve maintained their position as a consistently popular design choice, especially when screen space is limited, like on mobile devices. Their modularity… Continue reading Effective Examples of Useful Slide Out Panels and Sidebars
How to Make a Simple Flyer in Adobe InDesign
What You’ll Be Creating This simple flyer tutorial shows you how to create a rainbow-themed flyer template to promote IDAHOBIT at your workplace, college, or school. Perfect for beginners to Adobe InDesign, this is a quick and simple flyer design to put together. On 17 May, people worldwide are invited to celebrate IDAHOBIT (International Day Against Homophobia,… Continue reading How to Make a Simple Flyer in Adobe InDesign
Improve Your Typography On Mobile App And Website
With the increase of mobile devices as a usual means of accessing the internet and the subsequent increase in app development, it is important to consider typography when designing an app or website. Luckily there are frameworks that specialize in adaptive design and currently, HTML and CSS are optimized to offer a good experience on… Continue reading Improve Your Typography On Mobile App And Website
Kerning, Leading, Tracking, and Everything You Need to Know About Text Spacing
The space between letters is just as important for legibility as the text itself. If your website is hard to read, don’t just consider the typeface: consider the white space as well. With kerning, leading, tracking, and other spacing tools, you can make your text more readable without a major design overhaul using these text… Continue reading Kerning, Leading, Tracking, and Everything You Need to Know About Text Spacing