Design Community NewsSubmit News →
Here you will find our reader submitted web design/development and graphic design related news, resources and inspirational showcases.
You could also grab the RSS Feed for the news.
How to Create a Stylish Image Content Slider in Pure CSS3 [Tutorial]
In this tutorial we will create a CSS3 only image slider. The CSS3 features that we’ll be using in this tutorial are in tests in the most recent browsers.
How to Create a Dramatic Fisheye Spartan Scene with Photoshop
In this tutorial we are going to learn how to blend and distort different desert landscape stock images to create a dynamic fisheye-like perspective and use different adjustment layers to get different coloring and feel to the manipulation so let’s get started!
CSS3 Tricks: Animated Twitter Bird
Recently we developed a simple Twitter widget for WordPress. I wanted to bring a little life into it so I created an animated Bird with CSS3.
Soko – A FREE Photography / Portfolio HTML Template
Soko is a FREE HTML template for photographers who want to showcase their photos and services online. It includes four individual page templates such as a custom home page design (which includes an animated photo gallery), templates for displaying your services & photography articles, and a fully functional contact form.
ZeroBundle – Free Bundle for Designers
Head to ZeroBundle so check out and download hundreds of free professional and exclusive design resources like different elements to build amazing User Interface, free PSDs, vectors, brushes and many more.
HTML5 Details Tag
The details tag is used to easily implement a click to show more feature. It allows you to add a title and content inside the tag, the content will be hidden until the user clicks on the title which will then display the content.
Behance Launches Student Show, an Initiative to Support Emerging Designers
If you’re a student, here’s an exclusive design community where you can get your work exposure, get feedback from peers as well as world-renowned creative professionals, and even get hired!
Tutorial: Create A Minimal Single Page Portfolio With HTML5/CSS3
This tutorial is the second installment of how to create a minimal single page portfolio using HTML5 and CSS3, take a look at part one where I initially designed the single page portfolio concept. In this tutorial I will walk you through the basic front-end build and what resources I used to rapidly build the page.
Irritating Error Messages
Lots of applications and sites are increasingly making use of error messages that attempt to be funny, cool, and laid-back about the error that has occurred. But how do users perceive such messages and what impact do they have on user attitudes?
Hand Drawn UI Kit
This is Hand Drawn UI Kit made in Photoshop and Free for use. All the Photoshop Layers (elements) are hand drawn in raster format. Raster format is used to improve the fidelity of this UI Kit.
What Makes A Premium WordPress Theme Premium?
Which made me think what makes a premium WordPress theme Premium? Really the only difference there is between a free WordPress theme and a premium WordPress theme is the price. But in order to start selling Premium WordPress themes you will need to add a couple more features in theme than the Free WordPress themes.
What Does Google’s Page Layout Algorithm Mean For Web Designers?
Google recently announced that the layout of a web page, especially what appears “above the fold” is a signal for how well that page ranks in search results. Here’s what you need to know about this algorithmic change.
How to Create CSS3 Buttons [Tutorial]
In this tutorial we will be making some cool CSS3 buttons. They are based on the Futurico User Interface by Vladimir Kudinov and we will try to make a precise copy of them. Let’s get started…
50+ Creative Minimalist Portfolio Websites
In this article, we have collected 50 creative minimalist portfolio websites for your inspiration in designing your own portfolio.
Create A Jeans Vector in Illustrator
In the following steps you will learn how to create jeans in Adobe Illustrator. We will study several important techniques. You’ll learn how to use blends, gradient, add effects, and create strokes in Appearance panel.
Let’s get started!









