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.
Relay Social Icon Set
New social icon set – Relay Social Icon Set includes 18 icons in JPG PNG & PSD format.
The social icons included are Mail, Rss, 2 Twitter icons, Dribbble, Pinterest, StumbleUpon Vimeo, Facebook, Forrst, zerply, Skype, flickr, Digg, Google+, Last fm, Evernote and LinkedIn.
Included in the Zip is all 18 icons in JPG & PNG format at a size of 32px x 32px
Also included is the original PSD file for the Relay Social Icon Set
Make an accordian style slider in CSS3 without JS
An accordian slider(hover based) made in CSS3 using very less code. No Javascript used. The markup and the CSS logic are very simple. This slider is scalable to any number of images and can be easily used in websites. A very functional piece, not just fashion.
Learning LESS: An Introduction
Today, I’m proud to start a series of posts that will focus on LESS, the dynamic language that takes your CSS and puts it on steroids. LESS let’s you use variables, mixins, nested rules, and even functions within your CSS. It’s extremely powerful and can dramatically speed up your development. There is a little bit of a learning curve to it, but once you wrap your head around it, you won’t type CSS again without using LESS.
CSS3 Structural Pseudo-class Expressions Explained
You probably know that the CSS3 spec includes a number of structural pseudo-classes, some of which use parentheses. The purpose of the parentheses is to allow one or more elements to be selected based on a keyword (either odd or even), an integer, or an expression.
Creating First Animations With CSS3 Using Keyframes
One of the main reasons the emergence of CSS3 has been so hotly anticipated is the fact that, in combination with HTML5, it will pose a genuine alternative to technologies such as Flash. With CSS3 and HTML5, you will ultimately be able to create animated, interactive multimedia applications that will be accessible to users regardless of whether Flash is supported in their environment – great news if you’re developing Web apps for iOS or for mobile users in general. In this tutorial we will create a simple first animation using CSS3 keyframes.
Some Practical Guidelines For Writing CSS
Do you follow a consistent set of practices when writing your css or do you write a few lines of css that work before moving on to the next line? This post looks at the css guidelines used by CSS Wizardry. What are they and how can they make your css more maintainable?
How to Create an Audio Player [Tutorial]
Today’s tutorial we will code an HTML5 audio player that also works for older browsers using Flash and Silverlight. We will code it with CSS3 for the styling and the “MediaElement.js”.
Briefcase – Free WordPress Portfolio & Blog Theme
Briefcase Free is a minimalist WordPress Portfolio & Blog Theme that can be used in order to create a simple portfolio or a blog.
CSS3 Family tree
Learn to display organizational data or a family tree using CSS3. No images/flash/javascript used.
Build a Basic Dribbble Fed Portfolio Website (Part 2/2)
Continue this step by step tutorial to create a simple single page portfolio website design that will self-update using shots from your Dribbble profile. In this second and final part of the series we’ll go through the process of building the Photoshop concept into a working HTML/CSS web page then add the jQuery plugins to pull in our Dribbble portfolio shots.
Enhancing Your Typography With CSS3
Today I would like to present you some nice CSS3 techniques for improving your web typography. Unfortunately these experiments won’t work on all browsers because of weak CSS3 support but it is always interesting and fun to give a try on upcoming stuff.
Add Custom Fields To RSS Feed
By default custom fields won’t appear in your RSS feed. Use this wordpress snippet to add you custom fields to the RSS feed.
Add a WordPress Menu To Your WordPress Toolbar
This WordPress snippet will add a WordPress Menu on the WordPress Toolbar. This uses the admin_bar_menu which will run when the admin bar is created. This action calls the function Add_Menu_To_Toolbar.
Design Critique: Barton Web Designs
A critique of the Barton Web Designs portfolio website. Where does the design succeed and how can it be improved?
Why Minimal Web Design Works? Examples and Analysis
Getting around client expectations of minimalism can be difficult, so hopefully, this handful of amazingly simple, but beautifully succinct websites will inspire you to follow in da Vinci’s footsteps and champion the minimalist way.