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.
Clever Problem Solving Techniques for CSS
With the launch of HTML5 and CSS3 came new ways and techniques of using these advanced tools to resolve development challenges in clever ways. CSS3 can be implemented on websites to improve the browsing experience for users as well as help in quickly creating effects or functionality that for a long time required hours of labor for web developers.
EU Cookie Law and How It Affects the Web
The 26th of May is the final day for websites in Europe to comply with the new EU Cookie Law. The directive started as an online privacy protection programme one year ago and was adopted by all EU countries.
Rotating Web Page Elements Using The CSS3 Rotate Transform
With CSS3, you can rotate Web page elements by a specified number of degrees, clockwise or anti-clockwise. With a small amount of HTML and JavaScript code in conjunction with CSS declarations, you can also animate these rotations. In this tutorial we will work through the process of rotating an image element by varying amounts as well as animating the function, initiating the rotation on user interaction with the page.
HTML5 game tutorial – Make a snake game using HTML5 canvas and Jquery
Learn to make a snake game using HTML5 canvas and Jquery.
How To: Add Custom Styles to the WordPress Visual Post Editor
In this example we will be adding a Styles drop down menu to TinyMCE, then we will add a purple button to it, and another element for writing tag lines. At WPlift we use that purple button to highlight links to external sites and downloads. So I thought it would be fun learning how it can be added to TinyMCE.
Pandora UI Free for iOS – User Interface Pack
You can now download the free version of Pandora UI containing a handful of elements that will definitely be helpful. Pandora UI Free is oriented towards iPhone (+iPhone 4s) and iPad (+the new iPad).
Create a Dark Vintage Style Motorcycle Poster Design
My absolute favourite style of motorcycle is the custom “bobber”. I love the stripped down appearance and the raw vintage styling. It’s my plan to chop up a bike of my own one day, but for now I have to settle with designing custom motorcycle posters instead. Follow this step by step Photoshop and Illustrator tutorial to combine photography and typography and create a dark vintage style motorcycle poster design.
25 Hand Picked Sans-Serif Google Fonts
When creating new website designs I always reach the point where I need an extensive font collection to enable me to experiment with different headline and body combinations. When coding the design into the browser I often use Google Fonts, this gives me a vast array of fonts to choose from, all of which are also free to use and download! Take a look and download some of my recently used sans-serif fonts which are compatible with Google Fonts and let me know some of your favorites.
Stop WordPress Compressing JPEG Images
All you have to add the following to your functions.php file, this will run when compressing your images and return the value of the quality you want.
[Infographic] – Typography: Bold and Justified
Typography is one of the oldest tricks in the book of design and an essential tool that basically any designer should have up his/her sleeve. This is where this infographic comes in and lends a helping hand by offering essential information about font history, design statistics and current trends.
Design an iPhone Icon for Notes Application in Photoshop
A detailed tutorial that takes you step-by-step through the process of designing a sample icon for a notes app in Photoshop.
Vendor Prefixes: A Force For Good or Evil?
If you’re a web developer working with CSS3 in modern browsers, it’s more than likely that you’ve come across these things called vendor prefixes.
Learn to make a CSS3 Image slider with stylized thumbnails
Learn to make a fade-in-out image slider with thumbnails which have active styles. The slider does not have any page jump when you click on the thumbnails.
The markup is very simple and scalable to accomodate any number of slides without redundant and bad CSS. Javascript may be added to enhance the functionality.
A Complete Guide To Create An Animated SVG Chart
Today lesson is to explains how to create an animated SVG Chart that works across browsers using Google Chart API.
The Aztecs’ Mark on Modern Art and Culture
The Aztec people are one of the most renowned ancient civilizations, whose influences are visible in modern culture to this day. They are best known for their religious practices, architecture, art and mythology and have managed to put a powerful stamp on numerous artistic fields.