We have slightly re-branded our weekly ‘Twitter’ design news, by simply dropping the Twitter from the title. Its not that we no longer like Twitter, we still love, it is just that we use a multitude of other sources as well, and we are not limited to only sharing via Twitter. Facebook and our Submit News Section (of which in the coming weeks we will be making big improvements to) are two of our main sources of finding great and inspirational resources.
This weekly column will remain with the same concept, as a means for us to share with our readers our favorite design related resource from the previous week. You will continue to find fresh design related resources, freebies and good reading articles.
As always, if you have any cool links that you would like to share, do not hesitate to share them here: Submit News.
As web designers, we like certain things done a certain way and the way we write our CSS is probably at the top of that list. In this article, the author shows you a few ways to write better CSS, not just for yourself, but also for others.
The registration process should entail simplicity, great usability and a high-level of accessibility. With numerous sites wanting to focus on how attractive and eye-catching their sign-up forms are, they seem to “forget” one principle; how the user interacts with the registration form.
In this inspirational showcase they focuses on one simple yet entirely effective characteristic, enhancing the registration and check out process using steps-left.
These buttons are scalable based on the font-size, the button size can be easily adjusted by changing the padding and font-size values and the best part about this method is it can be applied to any HTML element such as div, span, p, a, button, input, etc.
PHP does not have an internal debugging facility, you can only use third party tools to debug. In this article you will find a comprehensive list of useful PHP debugging tools accompanied by a series of tutorials.
The main idea of this tutorial is to create an easily configurable set of contextual slideouts. Each can be opened in one of four directions – bottom-right (default), bottom-left, top-left and top-right, and each can be in one of three colors – green (default), blue, and red.
To create a slideout element, you need to include a regular paragraph p tag to the page. This means that all the content is visible to search engines in a semantic way. The paragraphs are replaced with the markup for the slideouts by jQuery on page load, with the title, class and style attributes of the paragraph passed to the newly created element.
In this tutorial you’re going to be using jQuery & CSS to create an attractive and functional dropdown menu. You’ll have a multilevel <ul>, which has a series of <li> elements each containing different blocks of <ul>. And finally using, jQuery to display the submenu items in and out of view.
While Photoshop is a very powerful raster-based image editor, it also comes stocked with many powerful vector-based editing tools. In today’s tutorial, they will demonstrate how to create a detailed vintage television icon using Photoshop’s vector editing capabilities. This tutorial is an excellent example of how Photoshop’s vector tools can be combined with layer styles to produce an illustration that is not only editable but scalable as well.
In this tutorial you will create three different funky vintage badges , you may find this kind of effect useful in web design, poster design or you may simply create a retro badge or a nice-looking wallpaper.
In this tut you will combine stock photos and design resources to create an awesome retro sci-fi themed game poster that takes inspiration from Atari games of the 80s. By mixing up bright and vibrant cosmic designs with old, distressed and grungey textures we’ll create a retro futuristic poster design for ‘Galactic Attack’.
In this 3ds Max tutorial you’re going to create a 3d water surface that could be a lake, a sea, or an ocean. The 3d water is illuminated with the Daylight system. It may all sound complicated but it’s actually pretty simple (at least in 3ds max 2010) since the default settings work so well.
This set contains almost all of the iPad UI elements, including buttons, tabs, menus, keyboard, ballons, etc etc… Very useful for designers and developers, it includes scalable and totally editable vector versions (adobe illustrator)
Picasso is a social media icon pack that is unique. The icon set was inspired – and dedicated to – the wonderful work of Pablo Picasso. You will find many subtle details inspired by this great artist if you look close enough!
You can use these icons on your E-Commerce Online Store. Payment Icon Set includes VISA Card, Master Card, American Express, Cirrus, PayPal, Cash Payment, Gold Coin, Gold Coin Stacks, Secure Payment, Shopping Cart. Usage: Free for Personal and Commercial Projects (Size: 64, 48, 32px).
I wish this set had been released a little bit earlier, I would have included them in this post: