The ‘what’ and ‘why’ of design debt

[unable to retrieve full-text content] The first part of the ‘Design Debt 101’ series. The ‘what’ and ‘why’ of design debt Monday afternoon. Kick-off meeting. This new project looks very promising, you may have discovered a niche no one knew about. It turns out, you need notifications. “Great! We have a notification system. It shouldn’t be an… Continue reading The ‘what’ and ‘why’ of design debt

100 Greatest Free Fonts for 2021

37 Shares Another great New Year 2021, and 100 greatest free fonts for you. This huge font list is gathered by the GDJ team. Selecting the right type of font can be a bit challenging especially for beginner designers. Specially when, there are numerous fonts are available to download for free on the internet. if… Continue reading 100 Greatest Free Fonts for 2021

Important Functionalities for an E-Commerce Theme

As web designers/developers, finding the right theme for a client’s website can be a complicated process. There are several factors to consider – preference, needs, functionality, and even budget. When you first look at themes, aesthetics is often what captures the eye, looks are important and will play an essential role in creating the right… Continue reading Important Functionalities for an E-Commerce Theme

20 New Fonts Free for Graphic Designers

Fonts download 100% free available for graphic designers. These best fonts are perfect for any project. There is a collection of script fonts, handwritten fonts, brush fonts and bold fonts which can make your heading and headlines great look. The following clean fonts are ideal to make an creative design and perfect for any artwork. Take… Continue reading 20 New Fonts Free for Graphic Designers

How to Make Instagram Stories in Seconds Without Photoshop

What You’ll Be Creating Need to create beautiful looking Instagram stories, but don’t have the required tools to start doing so? Well, what if I told you that there’s an easy way you can change that, using Placeit’s online Instagram Story Templates. Believe it or not, you can actually use templates for Instagram stories, such… Continue reading How to Make Instagram Stories in Seconds Without Photoshop

Free Mockups: 32 Useful Realistic Photoshop Mockup Templates

Free Mockups available for commercial use. Realistic highest quality 100% free PSD Mockup Templates easy to use presentation mockups uses smart object feature which help you present your design just in seconds. In this showcase there are thirty two professionally designed product presentation mockups included like iPhone X mockups, Samsung S10+, branding, stationery items, logo, t-shirt mockups, packaging mock-ups in… Continue reading Free Mockups: 32 Useful Realistic Photoshop Mockup Templates

Two Ways to Create a CSS Frosted Glass Effect

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this tutorial I’ll show you how to create a frosted glass effect in CSS.  You’ll already have seen this glass blur effect in action in UIs (User Interfaces) such as on MacOS and iOS, even Windows nowadays, so the glass background is definitely a trending effect.… Continue reading Two Ways to Create a CSS Frosted Glass Effect

100 Greatest Free Fonts for 2019

Another great contribution in New Year 2019, by gathering 100 greatest free fonts for you. We all do this with your support and appreciation you give us in a decade. In last two years our articles on 100 Greatest Free Fonts viewed more than 1400k and shared more than 16k times on all social networks. So we decided to… Continue reading 100 Greatest Free Fonts for 2019

2018’s Best Selling Resume Templates

Here is the list of 2018’s best selling Resume Templates. Best of 2018, simple clean and professional Resume Templates best for any job opportunity and help to inspire your future boss. Modern design resume templates with cover letter and portfolio pages are made in Adobe Photoshop, Illustrator, In-design and MS Word format. These simple and clean Resume Templates are professionally organized and labeled so… Continue reading 2018’s Best Selling Resume Templates

Freebie – Simple Resume Template with Cover Letter

Free 2 pages simple resume template with elegant and modern design. Clean resume available in 4 different colors in Photoshop (.psd) and MS Word (.docx) format. Download resume is fully customizable and easily edit the typography, wording, colors and layout. No matter what profession you are in, this resume template will help you to make a great impression and get your… Continue reading Freebie – Simple Resume Template with Cover Letter

New WordPress Themes with Modern Design and Features

New professional 2017’s responsive WordPress Themes are suitable for magazines, blogs, online store and eCommerce websites. All WordPress themes are providing amazing user experience and usability with huge number of awesome features like Responsive layout, Mega Menu, product Gird & List view, product Quick view, Slider Revolution, Demo One-click Installation, Visual Composer, RTL and multilingual, Boxed layout and etc. You may be… Continue reading New WordPress Themes with Modern Design and Features

Improving Design With Quick Usability Tests

To see how users behave in a natural environment, it helps to use remote usability software to record the screens and the voices of test participants. This lets you hear them thinking out loud and see every click. While focus groups and field studies help you understand user opinions and natural product use, remote recorded… Continue reading Improving Design With Quick Usability Tests

25+ Free Wireframe Style UIs, Mockups and Templates

Attention to detail is important in any kind of design. Web design means no exception. Yet before we get into that detail we should always scribble up a quick mockup of what we want the project to look and feel like. Some put detail even into that mockup, some stay minimalist. Whatever your approach is,… Continue reading 25+ Free Wireframe Style UIs, Mockups and Templates

Quick Tip: Converting Photoshop Files to Code With Project Parfait

Project Parfait is a new tool from Adobe, currently in beta, which lets you open up any PSD directly in the browser to extract CSS, text and image assets from it. At the moment it only works on Chrome but Adobe plan to roll it out across all browsers as development moves on. Drag &… Continue reading Quick Tip: Converting Photoshop Files to Code With Project Parfait

Examples of Mobile Design Patterns

Introduction We’re living in an era in which the constant and rapid changes of habits and the increasing presence of technology in our lives is presenting very big challenges to developers and designers. The growing importance given to the design and development of applications that will be used on mobile devices with a range of… Continue reading Examples of Mobile Design Patterns

Quick Tip: Add a Progress Bar to Your Site

Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page. In this quick tip,… Continue reading Quick Tip: Add a Progress Bar to Your Site

The Pros and Cons of Parallax Website Design

Parallax websites are quickly growing in popularity as web designers continue push the envelope and the capabilities of web browsers in order to wow visitors. You have to admit, a smooth scrolling parallax website captivates users and provokes intense curiosity. Visitors tend to stay on your website longer, if only to play with the slick… Continue reading The Pros and Cons of Parallax Website Design

Quick Tip: How to Create a Triangle Pixelation Effect in Photoshop

Final Results Step 1 Start by opening any photo you want into Photoshop. You should resize the image to your final output size before you continue. This is the photo that we’ll be using. Step 2 Duplicate your background layer twice. Step 3 Activate the Transform tool (Ctrl/Cmd+T or Edit > Free Transform) then set… Continue reading Quick Tip: How to Create a Triangle Pixelation Effect in Photoshop

Quick Tip: Create a Seamless Coffee Bean Pattern in Illustrator

In the following steps you will learn how to create a simple coffee bean pattern in Adobe Illustrator. You will start by learning how to create a simple art brush. Next, using some basic tools and effects along with the Round Any Corner script you will learn how to create the starting coffee bean shape,… Continue reading Quick Tip: Create a Seamless Coffee Bean Pattern in Illustrator

Quick Tip: How to Create an Indoor Panorama

In this quick tip tutorial, we will show you how to use Photoshop’s automated features to combine several photos to create a seamless panoramic photo of a room. In the process, we will show you how to use several Photoshop tools including Auto-Align, Auto-Blend Layers, Geometric Distortion Correction, as well as Adaptive Wide Angle. Let’s… Continue reading Quick Tip: How to Create an Indoor Panorama

10 Useful Tools for Quick CSS Development

CSS development is a major part of web design; however, it takes a significant amount of time and effort for a web designer to develop CSS from scratch. The good thing is, there are some great tools out there which make this tedious task much simpler. These CSS Development tools will help you in simplifying… Continue reading 10 Useful Tools for Quick CSS Development

Create a Quick, Sticky Menu

  During this quick tutorial we’re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It’s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings. Step 1: Setting up the Page Let’s start out by making a basic HTML page. We’ll… Continue reading Create a Quick, Sticky Menu