Articles by Design Modo from January 2013

The start of a great site design begins as a sketch but what it really comes down to is the details. It’s the little things that can take a site design from average to extraordinary and neglecti...

Hello guys! In this tutorial I will teach you how to create a pure CSS3 Mega Menu. Mega Menus are usually used on corporate/e-commerce websites, but they become more popular because they are a great w...

Having a decent website has never been more affordable than now. With ready-made design templates, free website builders offered with hosting; there are just too many choices. Customers today have cho...

What is your first action as soon as you visit a website. You explore its graphics, user-interface elements, the logotype (branding) and the content is last. But have you ever thought what makes you r...

In this you’ll learn how to create a vintage-looking navigation menu using pure CSS3. I hope you’ll enjoy this tutorial and you’ll learn some new techniques. Resources needed: Pixel ...

WordPress lets you create by default two types of content Posts and Pages. For post and pages you can write content in paragraph format in the visual editor in the WordPress admin. This content is sh...

In this series Marcin Treder ofUXPin The UX Design Appexplains how to design the User Experience of the most important ingredients of web and mobile apps. Step-by-step tutorials and examples from the...

I want you to clearly understand what Retina Display is. In the simplest of terms, it means a high definition display, thats it. Also, Apple products are not excusive to this type of display. Retina D...

In this tutorial we will be creating a simple but elegant e-commerce layout of a website, it being entirely built by using The Bricks UI e-commerce user-interface set. I will teach you how to start wi...

Today, I will teach you how to create a beautiful CSS3 login page that can be integrated into your website, blog, app, etc. I have used this method of creating a login page to implement it into WordPr...

What is your first action as soon as you visit a website. You explore its graphics, user-interface elements, the logotype (branding) and the content is last. But have you ever thought what makes you r...

Designers around the world today need to stand apart from the rest when they are working for serious contracts. Web design, posters, brochures and logos all have high expectations so that the company ...

In this you’ll learn how to create a vintage-looking navigation menu using pure CSS3. I hope you’ll enjoy this tutorial and you’ll learn some new techniques. Resources needed: Pixel ...

When you think of a coming soon page what picture does immediately have appear in your mind? Well, it depends. If you started to browse the internet in 2000s then most likely youll have a picture of a...

Despite of prolonged economic crisis, the increase of online store appearance is hard to miss. To a greater extent its quick approachability makes them attractive and popular. But what makes any ecomm...

Icon fonts are quickly becoming a web design trend and there is a good reason for that. Creating icons with icon fonts gives designers the ability to manipulate the icons with CSS. The days of creatin...

The shape of most objects represents a combination of simple geometric shapes. Therefore it is very important to learn how to work effectively with the tools that create such objects. This is what we ...

In this series Marcin Treder of UXPin – The UX Design App explains how to design the User Experience of the most important ingredients of web and mobile apps. Step-by-step tutorials and examples...

In this tutorial we will show you how to design a Contact Form with Adobe Photoshop. When using a website, users have a particular goal. If designed well, the website will meet that goal and align it ...

HTML5 and CSS3 are redefining our experience on the web. There are still some users who uses legacy browsers which does not support natively the mentioned technologies. So, should we keep working as t...

This post is for people now to CSS and new to creating websites. I am hoping to make your life easier by showing and explain some CSS properties that manipulate layout. Layout is one of the first ting...

The Multisite Network feature of WordPress lets you host more than one site using a single installation. I will walk you through the steps involved in the setup and then guide you through some basic f...

Nothing seems to be hotter right now than the infographic. You can thank Pinterest for allowing us to share them all and startups like Visual.ly for helping designers everywhere create data stories wi...

In this tutorial we will be creating a beautiful Instagram widget. We will actually imitate one of the popular play-off trends on Dribbble, which is creating a fictional widget for the very popular mo...

AyoShop is a free WordPress Theme created for Genesis Framework and using WooCommerce. AyoShop is a clean and responsive eCommerce child theme. This WordPress theme suits any kind of online shop, for ...

Photoshop has become the de-facto for graphic design. It has always been that way and it continues to be so. Fireworks though now a product of Adobe was originally created by Macromedia and launched i...

Whether youre an entrepreneur or a designer with a little bit of experience, it is very likely that you have run into troubles with the designer/start-up you decided to work with. It has been told by ...

Youre probably aware that Helvetica is one of the most popular typefaces being used today. We live in an era of sans-serif in flat design and grotesque revivals, and the font seems to fit just fine in...

Today we begin a series of quick tips for beginners. They will be describing work with vector objects in Adobe Illustrator. The creation of any project can be divided into typical stages. The performa...

@font-face is a CSS rule that allows you to input your own font to appear on a website even when the particular font is not installed on the visitors computer. The most important thing about this rule...

@font-face is a CSS rule that allows you to input your own font to appear on a website even when the particular font is not installed on the visitors computer. The most important thing about this rule...