40 Free CSS3 Animation Code Snippets

Nothing says modern web design quite like CSS-only animation. Just a decade ago this seemed like a common pipe dream. But thanks to some whizzes over at the W3C the world is now a better place with CSS-animated page elements. Below I’ve put together a huge gallery of 40+ open…


20 Fresh and New Free HTML Website Templates

If you’re a web designer or web developer who wants to stay permanently updated with the latest freebies, then you definitely need to bookmark this post containing 20 new free HTML website templates! These are the best fresh and new free HTML website templates on the web! All of these…


Some Of The Best Multipurpose WordPress Themes

Most of the multipurpose WordPress themes presented here were chosen because of their extreme flexibility, versatility, and ease of use. The majority of them will be highly useful in creating virtually any type of website, and several of those listed here were designed with a specific type of website in…


Realistic 3D Casino Style Bulb Sign Photoshop Tutorial

In today’s tutorial we’re going to play around in Photoshop to create an illuminated bulb sign similar to those used on Las Vegas casinos and Broadway theaters. The sign will be created as a standalone piece of text, using Photoshop’s powerful 3D tools to simulate a hyper realistic setting within…


The Value of UX Research in Product Development

When we talk about user experience, we quite often end up discussing UX Design. Some may even refer to UX and UX Design as a same thing, which they are not. Today I would like to draw your attention to the “pre-story” of amazing and usable design — user experience…


Making SVG Accessible

1: Treat linked SVG images as you would bitmaps When linking to an SVG document as an image, the alt attribute is still required: <img src=”coca-cola-logo.svg” alt=”Coca-Cola”> … just like a regular bitmap. 2: If you’re using inline SVG, provide a title The <title> of an SVG element serves a…


Tools and Resources for web designers and developers, May 2015

Hello, coders out there! We have an exceptional freebie pack for all of you today. Our team has been scouting for the best, freshest material over the last few weeks and this is what they’ve come up with, all kinds of sliders, plugins and other tools to make your developments…


10 High-Quality PSD Website Templates Free to Download

You can start your website using a free and quality website template. Today we collect some pre-designed and fully customizable free high quality PSD website template. You can edit colors, fonts, background, images and anything you want to change. So just check out the license / terms and conditions of…


10+ Beautiful WordPress Themes for Media Websites

Today we’ve got twenty amazing WordPress themes united by a similar topic: media. So, if you are browsing the Internet for those, this list will surely help you in your quest. Also, these themes might be of some help for those who don’t have the inspiration, time or skills to create a…


The Importance of Case Studies in a Design Portfolio

Modern case studies are built for design projects of all types. Studios and freelancers alike can put together case studies ranging from branding, web design, mobile UI design, or even After Effects compositing. The following tips & examples should help you understand the purpose of case studies in a creative…


6 Social Media Plugins You Must Try to Boost Your Web Traffic

One of the ways to increase your website traffic is through social media. It’s actually quite an important method nowadays as Google is using the social media influence to rank your website as well. As a result, the more users share your content, most likely you will rank well and…


Debugging and Testing your JavaScript with Vorlon.js

Vorlon.js is an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and You can install Vorlon.JS and add a single line of JavaScript to your web app. Run your server and start the Vorlon.JS dashboard. You can remotely connect up to 50…


How to Improve UX Design with A/B Testing

If you’ve kept up with design news the past 5-6 years then you should know about A/B testing. This is where two or more page designs are created and offered to a split percentage of visitors. Various metrics are tracked and designers can select a design style based on which…


New Web Design and Development Resources: #6 May Edition

We’re here once more to enlighten you with some of the best free resources for both developers and designers alike. This time, we have code snippets, poster designs, icons, coding tools and many other surprises in store for you. You’d better free up some time and hard drive space, because…


Marketing Tools To Use To Automate and Improve Your Website Conversions

Marketing is definitely one of the crucial elements of any business in any industry. You can have the best product and the best audience but if they don’t know a thing about each other’s existence you simply can’t succeed. Website serves your business as a communication tool online, its essential…


What To Keep In Mind When You Use Typography in Your Design

One of the most common elements of your website is typography. After all, it is for reading the content that visitors typically look to visit your web-pages. Undoubtedly, graphics and layouts are also key components of a webpage but you simply cannot ignore line heights, type size, and column width…


Envato Free Files May 2015

Each month the Envato marketplace brings you free premium files. Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces are the script marketplace CodeCanyon and the theme marketplace ThemeForest. Here are the files which you can get for free…


Free Goods of the Week from Creative Market (mockups, font, HTML template and more)

Every week Creative Market releases free web or graphics design elements (graphics, templates, themes, fonts, addons etc..) for a limited time and here is this week’s ”Free Goods of the Week” collection. Display Screen Mockup Pack This Display Screen Mockup Pack allows you to quickly display your designs and layouts…


What Is An Effective Web Design And What Makes Good User Experience?

The Importance of User Experience We live at an age and time where everything is accessible but also in an era where people’s attention span gets shorter. Therefore, in a race to attract prospective customers, companies of all sizes and shapes come up with ways and means to do that. In…


Qards: Build Beautiful Websites Faster

Building websites is not a full-time job anymore. At least, it could be this way. Thanks to the evolution of technology and the strong desire to obtain quality results as fast as possible, now almost anyone can create beautiful websites. Why Qards could be the tool you need No matter…


40 Premium Bootstrap Themes & Templates

Over the last few years, the ability to rapidly create responsive web pages using Bootstrap has taken the development community by storm. Although other front-end frameworks like Foundation exist, Bootstrap has no doubt become the most popular. With such a large following, it’s no surprise that many web designers and…


25 Free jQuery Plugins for Custom Tabs & Accordions

Modern web designers simply adore dynamic page elements. Dropdown menus, carousels, tabbed links and accordion menus are just a few examples. All of these effects can be recreated using free jQuery plugins without much code. The toughest part is finding the perfect jQuery plugin to fit with your current project….


5 Must Have Free eBooks for Web Designers

We have gathered 5 ebooks regarding web design for you to download and read. In the era of Internet, you can get good quality free content instead of buying with cash. Here we have a list of ebooks that’s worth reading. Enjoy. 1. Designing for the Web by Mark Boulton…


Interactive Drag and Drop Coloring Concept

This is a little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.(by Codrops). The idea is to simply drag a color from a color palette to a website mockup and color designated areas of it (like sections or texts)….