The Power of Microcopy in Web Design

Paula Borowska  •  Design, UX Design  •  April 17, 2014
The Power of Microcopy in Web Design

“Copy” has turned into a buzzword. Have you noticed it? People are putting more and more importance onto the words you use on your website. They are trying to put value in copy and it’s a wonderful idea! Words are a prominent way of communicating online. And it’s the small things that matter, especially when it comes to user experience. Words help...

5 Essential Elements for E-Commerce Websites

Eelco Guntlisbergen  •  Design  •  April 16, 2014
5 Essential Elements for E-Commerce Websites

Step-by-step e-commerce websites are quickly becoming a better alternative to the more traditional retail shop. The list of benefits is endless, even though actual retail is hard to replace because of the experience of shopping in a physical store. Regardless, there are ways to make the e-commerce experience brilliant. The five topics below are things to keep in mind when...

How to Customize a Website with Startup Framework

David East  •  Coding, Tutorials  •  April 14, 2014
How to Customize a Website with Startup Framework

Now that you have built your first website using Designmodo’s Startup Framework, you probably want to further customize your site. In this series of four videos, we will take you step-by-step through the customization process. Each of the videos are easy to follow and can help you fully customize your site in a matter of minutes using the fully responsive Startup Framework....

How to Create a Splash Screen Illustration

Benedikte Vanderweeën  •  Tutorials  •  April 10, 2014
How to Create a Splash Screen Illustration

In this tutorial, we will walk through the process of creating a splash screen illustration using vector elements created in Illustrator and applying them to a template in Photoshop before exporting for the web. Splash Screen What exactly is a splash screen? A splash screen is a launch image that is primarily used on mobile devices. A launch image is a placeholder image that...

What Can CSS Filters Do for You?

Paula Borowska  •  Coding  •  April 9, 2014
What Can CSS Filters Do for You?

CSS filters have been around for a while. They originated thanks to SVGs – Scalable Vector Graphics – in order to apply different image effects to vectors. Today, CSS filters are not limited to SVGs but can be used for images, text and everything else you can find on a web page. How Do Filters Work? Filters aren’t that hard to comprehend. Let’s start with a...

Fresh Breath of Polygonal Style in Website Design

Nataly Birch  •  Inspiration  •  April 7, 2014
Fresh Breath of Polygonal Style in Website Design

Polygonal style has definitely found renewed interest. Amid extensive use of flat style graphics, visual storytelling solutions, rich content media approaches and a great deal of websites based on dynamic layouts, polygonal style — which was enormously popular several years ago — has recently found renewed life as an emerging design trend. So what has actually...

Tutorial: Make a Landing Page Using Generator

David East  •  Tutorials  •  April 4, 2014
Tutorial: Make a Landing Page Using Generator

Designmodo’s Generator works with Startup Framework to create an easy drag and drop landing page for almost any website/startup. The two-part video tutorial shows you how easy it is to use Generator and the and share your design as you create in directly in the browser. The tool includes a variety of interchangeable blocks that can be mixed and matched to create a custom...

(Re)Adopting the Design-in-Browser Approach

Matej Latin  •  Design  •  April 3, 2014
(Re)Adopting the Design-in-Browser Approach

I sat down and was going back from drawing a website to actually coding in a browser. It seemed hard and maybe even impossible. I was scared. Could I do this? But how hard could it be? I’ve done this before … I got so used to designing (drawing) websites in Adobe Photoshop that I didn’t know where to start. Then I realized that I had already done it in the past with far...

How to Use steps() in CSS Animations

Joni Trythall  •  Coding  •  March 31, 2014
How to Use steps() in CSS Animations

I am guessing that many of you have found steps() to be confusing when using it in CSS animations. I wasn’t sure how or why to use it at first and searching seems to produce two main examples: A typing demo by Lea Verou and an animated sprite sheet by Simurai. These examples are genius and really helped me begin to understand this special little timing function, but they are...

5 Proven Ways to Make “No Results” Pages Work for You

Armen Ghazarian  •  Design, UX Design  •  March 31, 2014
5 Proven Ways to Make “No Results” Pages Work for You

Nowadays you can hardly find a website that doesn’t have a search bar regardless of whether or not it really needs one. The idea of having all possible features installed on your website “just in case” may actually prove to work not for but against you. The truth is not every website should have a search bar, because not every website can handle it. If your website has a...