20 Free Responsive and Mobile Website Templates

by Azmathulla Shaik
on June 14, 2015

Are you worried about your user experience when someone visits your website from a Smartphone or Mobile device? Solve the problem by using HTML5 and CSS3 Responsive concept. Here we have collected the 30 best responsive web templates which are 100% FREE from sites like Themezy and W3Layouts. This collection of web templates are not only responsive, but they will also support basic mobiles. They are free to download and free to use for any purpose without any limitations or obligations. So, download the templates, start a new website, or make your existing website responsive and mobile friendly. If you don’t find any templates you like here, you can search Themezy for more Free Responsive Website Templates.


WebWorld Corporate Flat Responsive Template

Demo | Download



Flat UIKit Responsive Template

Demo | Download



Mode Blogging Responsive Template

Demo | Download



TravelMedia Travel Agency Responsive Web Template

Demo | Download



Mobile Cloud App Responsive Template

Demo | Download


LaunchPad Product Showcase Responsive Template

Demo | Download



LimeLight Design Studio Responsive Template

Demo | Download



Metro UIkit web elements Flat Responsive Template

Demo | Download


HostCompare Cloud web Hosting Flat Responsive Template

Demo | Download


Coming Soon Responsive web Template

Demo | Download


Classic a Blog Responsive Template

Demo | Download


WebWorld Corporate Flat Responsive Template

Demo | Download



Brighton wedding website Responsive web Template

Demo | Download




4pets Animals Responsive web Template

Demo | Download


AppStore Mobile App Flat Responsive Template

Demo | Download


AutoSwift Ecommerce Responsive web Template

Demo | Download


Enginery Industry website template

Demo | Download


Naturex Spa Responsive  Website Template

Demo | Download


Retina Corporate Responsive Template

Demo | Download



Download More 340+ Responsive and Mobile Website Template Free

Modern Architecture Responsive Website Template

Demo | Download

Free Website Template for Architects


Free Responsive Website Template for Mechanics

Demo | Download

Auto Garage Free Responsive Website Template


Start Up Business Free Responsive Website Template

Demo | Download

Start Ups Free Responsive Website Template

Read More…

44 Clean New Startup Homepage Designs

by Jake Rocheleau
on June 9, 2015

Clarity is a vital aspect of any successful startup. Your purpose needs to be conveyed in an easy-to-understand manner without obscurity. The best websites know how to convey information through design aesthetics while expressing the main purpose of a company.

The following examples are perfect for any designers who want to design their own modern startup layout. If you have patience and perseverance you will come out of each project with consistently stunning ideas.


rooms me startup homepage

Read More…

Quick Tip: Metadata Editing in Adobe Bridge

by Jake Rocheleau
on May 28, 2015

If you’re a photographer or a creative artist who uses a lot of digital resources, Adobe Bridge is something you should learn. It’s like a much more powerful version of Explorer where you can browse files, organize collections, and edit metadata for project work.

Bridge can be opened directly through Photoshop which allows you to import files quickly. If you don’t do lots of photo editing then this may not seem very useful but it still proves useful when organizing files.

adobe bridge preview featured logo

This post will cover a general workflow that you can use to edit metadata in Adobe Bridge. The most common use would be on photographs but you can do anything from MP3s to videos. Bridge is an advanced file browser that can prove immensely helpful if you know how to use it.

Read More…

The Difference Between Layer Masks & Clipping Masks in Photoshop

by Jake Rocheleau
on May 22, 2015

Adobe Photoshop is one of the more complicated programs because it can be used for a wide array of purposes. But once you nail down the fundamental tools it becomes a lot easier to envision how you might create certain effects in future work.

layer clipping mask featured

One of the confusing ideas that often trips new users is the difference between a layer mask and a clipping mask. They behave similarly but should be used for different purposes.

This guide will cover the basics of both layer masks & clipping masks while demonstrating how you might use them in real-world projects. Both should be useful at different times and if you want to master Photoshop then you’ll need to understand these crucial differences.

Read More…

40 Material Design Android Apps for Clean User Interfaces

by Jake Rocheleau
on May 21, 2015

Google’s material design has become a language unto itself. Both mobile and web designers are swooning over the simplicity of Google’s systematic foundation for textures, animations, and icon styles. Material design is here to stay and only seems to be growing in popularity.

If you want to design apps for Android then material design is a great place to start. But what’s the best way to learn? Well most designers learn by copying, and these examples of Android app designs are perfect for beginners. Check out this gallery and try to replicate the best ideas that to further your understanding of material design.


kipchat dark interface ios

Read More…

Your Competitors Are Using Parallax Scrolling…Are You?

by iulian
on May 20, 2015

Parallax scrolling, arguably the hottest trend in modern web design, is changing the way we interact with our favorite sites. In fact, there’s a good chance your competitors are using it too! So why all the hype surrounding a seemingly superficial element of web design? If you’ve ever wondered the same thing, read on to discover what your competitors may already know.

Or, you can skip this article and embrace Webydo‘s code-free web design platform. The product was developed by a bunch of web designers who understand the needs of modern websites.  And yes, Webydo is all about parallax scrolling.

It’s Fun and Efficient

You’ve heard the saying before: “A picture is worth a thousand words.” Though you may never have given it much thought, a simple picture really can convey more than the same space filled with text. Thanks to this important quality, web elements that make graphics the focal point can actually feed more basic information to the user.


A great example of this concept in action is the venerable infographic. These relative newcomers to the web marry text heavy data with fun, visually appealing graphics. The result is an element brimming with useful information under the guise of creative imagery. The graphics take the place of boring walls of text with only the most important text remaining. The audience is treated to a visually engaging experience while still being presented with critical information. A win-win for both the designer and the user.

Parallax scrolling embraces the same concept and even pushes it one step further. Using vibrant images to express the same information as a wall of text does wonders for keeping your audience awake. With parallax scrolling, you can entertain and engage at the same time. By letting the user control the action (by scrolling), you create an instant bond that will likely keep the user engaged as they move through your content.


It Doesn’t Have to Be Difficult

With the power to quickly present abundant information while simultaneously engaging the interest of the audience, there must be a catch, right? Most people assume the catch is difficulty, that however couldn’t be farther from the truth! Modern web design platforms take the rocket science out of parallax animation and make it a simple drag and drop exercise.


Much like the infographics we talked about earlier, parallax scrolling animations can actually make it easier to convey the same massage. As a designer, that should get you pretty excited. Rather than labor over the tension between design and content, with parallax scrolling you can bring them seamlessly together.

It’s in this unique ability that parallax scrolling’s true usefulness becomes apparent. You’ve no doubt seen it in action already. Entire pages composed solely of parallax scrolling animation. Light on wordy content, these sites typically hold just as much information as traditional designs, but accomplish the feat in a much more engaging manner.



When you step back and take in the whole picture of what parallax scrolling has to offer, it becomes clear why your competitors have jumped on the bandwagon. So what are you waiting for? Take advantage of modern web platforms and dive into the interactive power of parallax scrolling!

28 Datepickers for Website UI and Mobile Apps

by Jake Rocheleau
on May 7, 2015

User interfaces are littered with buttons and features just waiting for user interaction. While the standard elements are rather simple to design, complex items like date pickers require more attention to detail.

This gallery focuses on date picker design for website layouts and mobile applications. Date pickers are commonly associated with calendars and input fields meant to specify dates or date ranges. These interfaces are difficult to design without some sort of direction. If you’re looking for date picker style ideas follow along with these examples and try to mimic the best features in your own work.

Stylized Picker

web dark dropdown datepicker

Read More…

WebDesigner News Launches for Designers and Developers

by Dustin Martin
on May 5, 2015

A new and exciting website has recently been launched for web designers and developers.

You likely spend hours every morning browsing through hundreds of posts on your RSS feeds, hoping to stumble across relevant stories. Designer News was built to provide web designers and developers with a single location to discover the latest and most significant stories on the Web.

They search through hundreds of posts on blogs, social media, and news channels, to deliver the most essential stories of the day. The content covers quality news, fresh tools and apps, case studies, code demos, inspiration posts, videos and more.

With frequent updates throughout the day, you’ll always find something interesting and fun to read.

Click here to visit the Webdesigner News website and subscribe to the newsletter for the latest stories of the day.”

wdn336x280 (2)



The Fontastic Font Bundle

by Dustin Martin
on May 4, 2015 has introduced their newest bundle. The Fontastic Font Bundle includes over 45 fonts and is only available for the month of May. Get all 45 fonts for only $29. Check out some of what you will be getting.


Angelline Script by Graptail



Brayden Script by AF Studio



Heartwell Typeface by FlavorType



Hydrangea Script by Pixeled Paper Designs