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.
Pinterest Icon Set (PSD)
The Pinterest Icon Set contains just the one icon but comes in 6 alternate we also include the icons in JPG, PNG & PSD format.
The 6 icon sizes included are 256×256, 128×128, 64×64, 48×48, 32×32 and 16x16px.
Box – CSS Framework
Minimal CSS Framework based on box-sizing: border-box and display:inline-block layout building techniques for making fast and easy solutions. The gutter size can be personalized very easy only with one change into the CSS.
How to use FlexSlider with HTML5 Boilerplate, Initializr
The Initializr template is meant to be a simple one aimed at easing the kickoff to the HTML5 Boilerplate, hence it is free of fancy stuff like image carousels or drop down menus. But I needed a rotating image banner for my home page, so I did some research and found FlexSlider. I tried fitting FlexSlider into the Initializr template and after 30 minutes or so, it was working well!
View the demo and if you love it, download the source!
CSS Clearing Floats Snippet
Sometimes with float-based layouts you get to points where you need to clear the floats to get the desired layout you need.
An element that has the clear property set will not move up next to the floated element, but will move itself down past the floats.
Here is a small CSS snippet to clear floats on your page.
Developing a Responsive Website: Secondary Page Part 2
We’re going to wrap up our tutorial on how to develop a responsive website this week by making our secondary page, well, responsive. We created our large layout for the page in our last tutorial, but now we want to make it fluid so that it will display nicely across various platforms, ranging from tablets and mobile devices to PC’s.
Line Chart (PSD)
PSD freebie: Line Chart PSD
All the elements is the psd are layered and fully editable.
You can use the Line Chart (PSD) any way you like. Be it commercially or personally, but design deck does have some restrictions on how the zip file is used.
Design a Grungy Western Movie Poster in Photoshop
Follow this step by step tutorial to create a grungy western poster design, see the whole design process from start to finish as the various stock resources are manipulated to complete the composition.
Jengo – A FREE Portfolio & Business HTML Template
Jengo is a business & portfolio HTML template for freelancers and small business owners. It comes with five unique page templates including a custom home page design, a portfolio template, and a fully functional contact form. It also includes a standard page template (i.e. a main content area with a sidebar) along with an articles page template.
Is It Time To Change Our CSS Practices?
Many css “best practices” were developed years ago when css was newer and designers were learning how to work with it. Given all that’s happened and changed since, isn’t it time we start rethinking some of these practices and developing a new set of “best practices?”
Creating Different CSS3 Box Shadows Effects
In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS.
How To Use GeoLocation API With Google Maps
In this tutorial we are going to learn how to use the Geolocation API to get your current latitude and longitude, from these results we can then connect to the Google Maps API to display your location in the browser.
JQuery: Sticky Notification Bar
In this tutorial, we are going to teach you, the most easiest way to develop a sticky notification bar with JQuery. Such notification bar can be used to notify your user for latest updates, feedback message and etc.
How To: Customize & Brand the WordPress Admin Dashboard & Login
You may wish to customise the WordPress admin dashboard for many reasons such as for clients to match their web site, if you are providing WordPress as a service (SAAS), to hide the fact the site is running on WordPress or maybe just because you like hacking interfaces. In this article we will discuss methods and plugins that will help you customize and brand the login area, the admin area itself and the admin bar…
Freebie: Facebook Timeline Cover Template (PSD)
Today’s freebie is a Facebook Timeline Cover Template in PSD format. Text field is semi transparent holder with a subtle bevel added to it.
What’s All The Fuss About Vendor Prefixes?
Thoughts and resources in regards to the recent decision by non-WebKit browsers to support the -webkit prefix. Is this a good thing or something that could return the web to the browser wars of the past?