The Gap between UI and UX Design – Know the Difference

Do you know that UI and UX are not the same concepts? Surely, they are closely connected, even mutually penetrated and rarely exist without each other. Would you like to study the differences between UI and UX design in detail? This article will give you such an opportunity. We believe that it is impossible to… Continue reading The Gap between UI and UX Design – Know the Difference

How to Make Any Website Responsive

If you have an existing website that is not responsive, I’m sure you’ve probably given some thought to how you would make it mobile-friendly. It’s really hard to argue against the mobile trend these days with Mobile Web Traffic now at about 25% of all Internet Traffic, and sales of mobile devices (Phones & Tablets)… Continue reading How to Make Any Website Responsive

15 Useful Bootstrap Tools and Generators for Web Developers

Bootstrap tools are popular for awesome features like Add-ons, micro-libraries, and frameworks. Bootstrap tools make web development faster and easier. All Bootstrap tools designed according to professional requirements. This article contains 15 Useful Bootstrap Tools & Generators for Web Developers. Bootply Bootply is integrated with other popular Bootstrap plugins, micro-libraries and frameworks. Bootstrap Arrows jQuery… Continue reading 15 Useful Bootstrap Tools and Generators for Web Developers

36 Open Source Twitter Bootstrap Code Snippets

We all love to save time on frontend web development – especially when you’re coding something every week! Twitter Bootstrap has provided an enormous framework to jump start any new web project. You can find plenty of Bootstrap examples all over the Internet with brilliant designs. But how should you get started coding with Bootstrap?… Continue reading 36 Open Source Twitter Bootstrap Code Snippets

Building Beautiful Books and Exercises with GitBook

GitBook is a command line tool (and Node.js library) for building beautiful programming books and exercises using GitHub/Git and Markdown. A book can contain interactive exercises. An exercise is a code challenge provided to the reader, which is given a code editor to write a solution which is checked against the book author’s validation code.… Continue reading Building Beautiful Books and Exercises with GitBook

Working with Type on a Path in Illustrator

What You’ll Be Creating In this quick tip tutorial, you will learn how to add Type on a Path in Adobe Illustrator. This is handy for logos and badges. So let’s get to it! Text Around a Circular Path Let’s start with the badge scenario. The first thing you need to do is create a… Continue reading Working with Type on a Path in Illustrator

Top 10 Best HTML Photography Website Templates

These HTML photography website templates have many amazing built-in features which can be used by individuals, freelance photographers and agencies. For example thumbnail gallery layout is the most popular and must have option for any photography website template. With recent trend of HTML5 templates, it’s possible to have different types of layouts like masonary layout,… Continue reading Top 10 Best HTML Photography Website Templates

How to Improve Your Photoshop Workflow With CSSHat and PNGHat

What You’ll Be Creating During this tutorial I’m going to walk you through the process of creating sophisticated web element styling in Photoshop, but without employing a single image file in your finished website. When we’re done, you’ll have a single page layout with all the UI elements you see in the preview image above, using nothing… Continue reading How to Improve Your Photoshop Workflow With CSSHat and PNGHat

20 Best Free UI Kits with Amazing Designs

Free UI kits are very useful to designers. UI kits usually contain buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars and sliders, navigation elements and more. Here you’ll find free PSD GUI sets for web apps, websites, dashboards and even mobile! We’ve searched for the top best free UI kits you can… Continue reading 20 Best Free UI Kits with Amazing Designs

11 Inspiring Typography Focused Web Designs

We all know that typography is a very important element of a good design. And even though we love layouts with beautiful images, it’s always inspiring to see some minimalist type-based sites, like the ones we will show here today. The designs we have here show that type is not only an important element but… Continue reading 11 Inspiring Typography Focused Web Designs

The Effective Use of 3D Elements in Web Design

With the current, huge trend of flat design, we don’t see so many 3D elements used in web design these days. Perhaps you can take the creativity out of design, but it is difficult to take the creativity out of the designer, and flat design doesn’t offer many opportunities for amazing creativity, so we are… Continue reading The Effective Use of 3D Elements in Web Design

Free Real Estate Business Card Template (PSD)

Today’s freebie is a hi-res real estate business card template with fully editable PSD files. This free business card template is suitable for both corporate business and personal usage. Modern design business card PSD template available for free download. All text layers can be changed with one click. All objects are in vector shape, can be resized without any… Continue reading Free Real Estate Business Card Template (PSD)

20 Professional and Free Online Website Builders

Do you need a professional website and lack the design or developing skills? No problem! There are plenty of great, free online website builders you can use. You can create your stunning website in just minutes! We selected 20 free online website builders just for you! Create your new website today! WiX Create a free… Continue reading 20 Professional and Free Online Website Builders

Examples of Scalable Vector Graphics (SVGs) in Web Design

SVG (Scalable Vector Graphics) images offer web designers a flexibility with imagery they have not previously known. Now compatible with all current web browsers and most mobile device platforms, here is another technique that is threatening the popularity of Flash. SVG images are small in file size and they scale pretty much to any size… Continue reading Examples of Scalable Vector Graphics (SVGs) in Web Design

55 Beautiful and Functional Flat WordPress Themes

Flat is trending hot in web design and there are many designers and bloggers who want a flat style website or blog. Since a lot of them are WordPress lovers, they are on the lookout for flat WordPress themes. So, what is it that makes flat such a fever with the WordPress community? Well, like… Continue reading 55 Beautiful and Functional Flat WordPress Themes

Creating a Node Web App With Hapi and Twilio Integration

As a developer evangelist for Twilio, I spend a lot of time going to events.  When I’m chatting with event organizers and they realize I work for Twilio, one of the most common requests they have is for me is a simple application they can use to power voting at their events. Generally they are… Continue reading Creating a Node Web App With Hapi and Twilio Integration

Design Dilemma: Are You the Right Person for the Right Job?

You show a prospective client your portfolio. They like it, hire you and the project starts. You deliver sketches and then, after everything is approved, the finished design. The client then informs you the solution didn’t meet his/her “vision” and refuses all offers to adjust the work to meet his/her vision. Final payment and further… Continue reading Design Dilemma: Are You the Right Person for the Right Job?

Create a Soccer-Themed Text Effect in Photoshop

What You’ll Be Creating In this tutorial, I will show you how to create a soccer-themed text effect, using basic Layer Styles, brushes, and a couple of textures. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial. Lobster font (Download the Lobster 1.3 version). White Texture pattern by Dmitry. Grass0138_20_M (Image… Continue reading Create a Soccer-Themed Text Effect in Photoshop

25 Amazing Blend Tutorials in Adobe Illustrator on Tuts+

In this week’s Round Up we’ve focused purely on beginner content for those who wish to get a better understanding on the Blend Tool and Blends! These aren’t the only tutorials we have on Tuts+, in fact I’d like to share with you many of our others. Blend Tool and Blends Week We posted several… Continue reading 25 Amazing Blend Tutorials in Adobe Illustrator on Tuts+

Illustrator Tutorials: 24 Amazing Tutorials to Making of Vector Graphics

High quality illustrator tutorials shows how to drawing and making of vector graphics. By using these new Adobe Illustrator Tutorials you can easily create vector art, vector portraits and other useful realistic vector designs. In this collection we’re gathered latest Illustrator CS6 and Illustrator CC tutorials which can help to create Vector Graphics in Adobe Illustrator. I hope! these illustrator… Continue reading Illustrator Tutorials: 24 Amazing Tutorials to Making of Vector Graphics

50 Free Flat UI Kits For User Interface Designers

Here, you will find 50 useful and free to download flat user interface (UI) kits that can boost your designs. These UI kits will help you get started with your UI design project in no time. The time has gone when people used flashy illustrations, extraneous textures and drop down shadows in web designs. Now,… Continue reading 50 Free Flat UI Kits For User Interface Designers

8 useful free psd for wireframes kits

Wireframe kits are a common way to prototype our design before commencing the actual design production.  Rather than starting everything from scratch, you can always use a psd wireframe kit to kickstart the whole brainstorming process. This not only saves times but can relieve some of the repetitive wire framing work that one has to… Continue reading 8 useful free psd for wireframes kits

Design a Travel Startup Landing Page Using Photoshop

What You’ll Be Creating In this tutorial I’ll be using Photoshop CS6 to design a simple, clean, landing page for a fictional traveling startup. During this process we’ll look at creating custom grids with guidelines, styling typefaces, using lots of white space and composing our website’s content in a very clean and professional manner. The… Continue reading Design a Travel Startup Landing Page Using Photoshop