Weekly Design News – Resources, Tutorials and Freebies (N.39)

This is our weekly column in which we share our favorites posts, articles and resources with our readers all from the previous week.

If you would like to be kept up to date with loads of fresh design news and resources, you can follow us on Twitter, on Facebook or even by subscribing to our RSS feed.

As always, if you have any cool links that you would like to share, do not hesitate to share them here: Submit News.

iPhone Sketch Elements AI

The iPhone Sketch Elements AI is a collection of common iPhone elements in a sketch–like style, which allows us to easily and quickly mock up flows of custom wireframe screens.

CSS3 Button Maker

To use this awseomelly useful Button Maker, you just adjust the settings until you have a nice looking button, then press the button and it will give you the CSS. Copy and paste at your leisure. Now you can use the class name “button” on HTML elements to make them look like buttons.

Gpanion – Your Google Apps Companion (beta)

Gpanion is a simple icon-based interface for easily loading your favorite Google Apps. The dashboard displays 14 applications out of 44 at a time. You can customize the layout so that your most used applications are shown prominently on the first page with lesser used items tucked away on the bottom row or the second page—saving your configuration does require you to use your Google signin.

Browser Testing: A Family Tree

One task drives web professionals to distraction more than almost any other: testing whether their design works equally well in a multitude of browsers and on different devices.
This article highlights the most common issues that arise when testing with “the usual suspects” and explains why a change in tactics may soon be needed. Your entire perspective on compatibility testing could change.

Legibility And Readability In Typographic Design

Is the type on your site legible? Is it readable? Do people have to put in a lot of effort to read your prose or does your type get out of the way so that your words are easily understood?

10 Must-Have Free Tools for Developers

This list is set to delve in further and look at what is out there to help not only commercial but freelance web developers improve their workflow, carry out important tasks, backup work and generally simplify their working life, whilst being, all importantly free of charge.

Semantic CSS3 Lightboxes

This tutorial aims to showcase a method of displaying content based on the lightbox, which is web accessible and (excluding Internet Explorer) will require no scripting at all.

40 Creative Advertisements With Unexpected Ideas

Web Development For The iPhone And iPad: Getting Started

6 Elements of a Successful Website

Styling pretty buttons with only CSS3

BounceBox Notification Plugin With jQuery & CSS3

Quick Tip: The Multi-Column CSS3 Module

For over six years, CSS3 columns have been available to us; yet, strangely, they’re rarely utilized. Because they currently are only supported in Mozilla and Webkit-based browsers, this means that – again – no support in Internet Explorer. But that’s okay! The world will not end if IE users see one longer paragraph. You will be show how to use this helpful module in this video quick tip from Net Tuts.

How to add Floating share box to your website

Create Custom PopUp (Modal Window) with jQuery

Ajax Rating System: Create Simple Ajax Rating System using jQuery AJAX and PHP

Designing iPhone Icons

With its ability to run all kinds of applications and games, the iPhone OS is the icon and interface designer’s dream come true.
In this article the author discusses the process of creating icons for this platform, showing you the full workflow from the initial handdrawn sketch to the final icon in all the required sizes.

A Huge Compilation of 1000+ High Quality Adobe Illustrator Brushes

Here is a huge compilation of Adobe Illustrator brushes you will ever need.

Cloud Zoom – Professor Cloud

Cloud Zoom is a jQuery plugin comparable to commercial image zoom products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

Lightbox_me – Stupidly Simple Lightboxing

Have you ever had a DOM element that you wanted lightboxed, but didn't want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you.
Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.

AviaSlider – a unique jQuery Image Slideshow Plugin

Previous Weekly Design News…

Design News Roundup N.38 »
Design News Roundup N.37 »
Design News Roundup N.36 »
Design News Roundup N.35 »
Design News Roundup N.34 »
Design News Roundup Archives »