Designmodo: Web Design Blog and Shop

Supermassive 1600+ Hi-Res Backgrounds Bundle – only $17!

Adrian • Graphics • August 19, 2016

If you’re in search of some good backgrounds to spice up your latest project, your search is over! This Supermassive Backgrounds Bundle features more than 1600 hi-res background files to spice up your flyers, posters, presentations, websites and more. With the included Extended License, you can use any or all of these backgrounds as often as you’d like for...

How to Create a Shopping Cart UI using CSS & JavaScript

Raul Dronca • CSS3, jQuery • August 15, 2016

Topic: HTML / CSS3 / JavaScript Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we are going to create a Shopping Cart using HTML and CSS3. We’re going to use Google Fonts for this tutorial, more specifically “Roboto.” HTML Step 1: Let’s create our HTML structure. First, we need a container div, which we’ll call...

Streamline Your Work Life with Invoicely

Carrie Cousins • Tools • August 9, 2016

Pay attention designers and freelancers: Your new favorite tool is just a few clicks away. Invoicely is the must-have time-tracking and invoicing tool to make getting paid that much easier. (You won’t know how you functioned without it.) Here’s a look at the service and how it can work for you. What is Invoicely? Invoicely is a company that specializes in invoice and...

10 Places to Share Code Snippets Quickly

Nataly Birch • Tools • August 3, 2016

An Integrated Development Environment (IDE) is quite a powerful instrument as an online application for quickly composing and sharing code snippets through a natural, intuitive and handy interface. The latter offers live previews and separate windows for CSS, HTML and JS, as well as includes numerous helpful instruments such as pre-installed JavaScript libraries, support for...

Learn More About Your Site’s Usability With FullStory

Carrie Cousins • Tools • July 26, 2016

How many of you have thought about how people are really using your website? Wouldn’t it be great to know which parts of your site’s design are actually contributing to the user experience? Having this knowledge can help you create the best site possible. Being able to understand the user’s experience gives you unique insight into how your design impacts why and how...

Designing Airbnb’s Website: An Interactive Mockup Exercise

Indra Sofian • UX Design • July 19, 2016

When you think of a good website design, what comes to mind? For me, it’s Airbnb. I like its design not just because it has a pretty color palette or an eye-catching video on the front page, but because it was built with good user experience in mind. But how do you define good user experience for a website? For one, it has to be both easy to navigate and easy to search....

Freelancers, this is How you Could Increase your Income

Adrian • Themes • July 13, 2016

Studies conducted last year show that 50% of the freelancers questioned expected their income to continue to increase, and a third of them reported an increasing demand for their work. What does it mean for you? That 2016 is the perfect time to be a freelancer, especially a web design one, since the demand for freelancing services is steadily increasing. If your objective in...

Prototyping in the Browser: Tips and Tools for Designers

Jake Rocheleau • Website Design • July 12, 2016

The task of prototyping a website is an extensive process of creating a basic wireframe with interactive features. While a wireframe may be static images or sketches, a prototype is often interactive with functionality for all the major pages. Graphic editing programs have always been the most popular choice for prototyping. But in recent years more developers are switching to...

Crafting a Successful Onboarding Experience for New Users

Paula Borowska • UX Design • July 6, 2016

The term onboarding comes from the HR department. It was originally used to refer to new hires and having them “acquire the necessary knowledge, skills, and behaviors to become effective organizational members and insiders.” If you replace the aspect of new hires with new users the idea is exactly the same. Think of it as part of the whole signing up user journey....

JavaScript Unit Testing For Beginners

Jake Rocheleau • Coding • July 1, 2016

Developers should love the security of unit tests. Nobody loves writing unit tests, but the peace of mind they bring can easily be worth the extra work. Unit tests check blocks of code to ensure that they all run as expected. This is very common for traditional software development and now very common in web development too. But how exactly does JavaScript fit into the unit...