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.
Create a Retro Triangular Pattern Design in Illustrator
Follow this step by step Illustrator tutorial to create the popular retro style pattern design made up of lots of colourful squares and triangles. The process is pretty simple, making this a good tutorial for newcomers to Adobe Illustrator. We’ll be using tools to accurately align our elements, then see how the Pathfinder can easily create custom shapes.
Create QR Codes For Your WordPress Posts
Using this API we can create a QR code for any page, now we are going a WordPress shortcode to generate the QR of the current page. Just copy and paste the following into your functions.php page to create the shortcode.
Flip Clock Count Down (PSD)
A PSD freebie – Flip Clock Count Down timer
This can be used as a sweet way to display a count down to a certain time/date.
The PSD is fully layered and editable and completely free to download and use any way you like. Be it commercially or personally, but design deck do have some restrictions on how the zip file is used.
8 Interactive Infographics Created with HTML, CSS and Javascript
Web languages like HTML, CSS and JavaScript can be used in order to create such interactive infographics. Infographics are referred to graphic visual representation of data, information and knowledge.
WordPress Widget Boilerplate
You can create a WordPress widget to do anything you want, the easiest way to create a WordPress widget is to inherit the WP_Widget class. This way you can use the inbuilt functions to update the widget, display the widget and create an admin page for the widget.
Below is the boilerplate of a WordPress widget, when you create a new widget just copy and paste the below code as a starting point for your Widget.
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.