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.
9 Useful Free PDF Ebooks About Responsive Web Design
Web is going mobile so rather than developing different versions of websites,a single version website which adapts itself according to specific devices is the best solution.You know Ethan Marcotte-web designer published an article about responsive web design in 2010 and since then responsive web design has become the hottest topic in web design industry.
Using Backgrounds in CSS3
With CSS3, developers and designers can utilize an enhanced range of options for Web page backgrounds. New options include the ability to use multiple background images, to specify size properties for background images, and to define background origin and clipping in terms of the CSS box model. In this tutorial we will work through various options using these new techniques, demonstrating the CSS syntax for each one.
The 2 Principles Behind Object Oriented CSS
CSS objects are repeating visual pattern, which can be abstracted into a snippet of html, css. The principles of Object Oriented CSS encourage code reuse for faster and more efficient stylesheets that are easier to maintain.
How Create Nice Looking Dropdowns Using DropKick.js
The reason it will convert the select box to a div and list is because now it is easy to style these how ever you want. With normal select boxes you can style the top selected option but you can’t easily style the dropdown options or the select style. When these are list items you can apply a CSS class to the selected item and change the style
Kraken Web Optimizer
Initially Kraken offered state-of-the-art Image Optimizer. Now Kraken is a “Web Optimizer” – a set of the most important tools, indispensable for every web developer’s ongoing tasks. Thanks to our users’ support, we develop Kraken every day and extend its range of functions. Remember – Kraken has always been free, and it will remain so!
Code Pad – A place for developers to save & share code snippets.
Code Pad is an online community and useful resource for developers to save and share code snippets.
We launched just a few weeks ago and would really appreciate it if you could help us out with a tweet or feature/mention in a relevant post if you’ve got one coming up we could fit into.
Making an Impressive Product Showcase with CSS3
Impress.js is a small, standalone library that makes it easy to design advanced CSS3 presentations with eye-catching effects. But what if we used impress.js for something other than a presentation?
Why Abstraction Can Improve Your CSS
CSS provides some abstraction through classes. Would the addition of variables, expressions, and functions improve how we write stylesheets?
How To Create An Exchange Rate Money Converter With Money.js
In today’s tutorial we are going to work with a Javascript library which allows you to easily deal with money in any web application. This JavaScript file will allow you to create an online application to easily convert from one currency to another using only one function.
Flexible CSS typographic scale
Originally posted on thehappybit.com
When designing using text, no matter if it’s for print or the Web, one vital thing to do is to ensure that the design stays harmonious in every aspect.
The best way to do so is quite possibly using a so called typographic scale, which means giving text portions precise, regular and linear dimensions, based on the hierarchical relationships they hold with other text elements.
20 Free Sans-Serif Fonts Licensed for @Font-Face
Remember back when @font-face and Google Fonts were first introduced? We only had the choice of a handful of custom fonts we could use. Nowadays it’s quite the opposite, we’re spoilt for choice with hundreds of cool fonts licensed for free @font-face embedding. This post rounds up a collection of 20 stylish sans-serif fonts, all of which can be downloaded and used freely to spice up your website design’s typography.
How to Create Upload Icon in Photoshop
Learn How To Create Upload Icon In Photoshop! Today we will learn how to Create Upload Icon in Photoshop. We will firstly create the background
Do You Design In The Browser?
With the move toward responsive websites, designs are being pushed to the prototype stage sooner in the process. We’re designing more in the browser. Or are we? Do Photoshop comps still have a place in the design process? Depends who you ask.
How Pinterest Changed Web Design
In a basic conception Pinterest is an online pin board. Pinterest is a typical pin-board styled social image sharing website. Site look like mini web page with features like “re-pin”, “like” and “comment” button at the bottom
15 Detailed Responsive Web Design Tutorials
In this post I would like to share 15 useful responsive design tutorials to help you get started with responsive designing including fluid grids, fluid images and media queries.