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.
Yellow Webdesign Showcase #April 2012
Yellow is not a good colour for a design? Sorry but you are so wrong. This Showcase shows you great yellow Webdesigns.
Freebie – Responsive HTML5/CSS3 Template
Our team likes to experiment and sometimes we come up with some really useful stuff. This template is a good example. You can use it absolutely free of charge.
Create Catchy Blog Post Titles for Maximum Readership
You must put in a very strong content in your articles for readers to read it however; some writers do not give heading and titles the importance they deserved. Remember it is the titles which will grab the attention of the reader who is scanning your website. The words you use in headings and titles should be very eye catching and it should develop the interest of the user. Headings and titles will make your article stand from the crowd.
How To Add Touch Event To Your JQuery UI?
The current jQuery UI is designed to listen to the mouse events not touch events and you may need to spend some times to work on the codes, to enable touch events works and suit your needs.
But here is a good news for every web designers and developers, we don’t need to done all these by our own hands anymore. Currently, there is a hack called “jQuery UI Touch Punch” that enables the use of touch events on mobile web project using jQuery UI Library.
The Phenomena of Usability Testing (Part 2) How to Conduct an Effective UT Process
Usability testing might not be considered a necessity in previous decades but with the passage of time it has definitely become an essential in web designing. Usability testing basically helps the web master in receiving proper feedback from the visitors of the website and if something is causing a problem to the visitors, it can be detected before things go out of hand. Usability testing is a great way to improve a website as per visitor’s opinion. Usability testing should be a part of pre and post website development. These sessions are very important to get the most out of your website.
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.