Archive for the ‘Design’ Category:
Sweet CSS3 Buttons – BonBon
Using the new features and flexibility CSS3 offers, designers keep coming with impressive outputs.
One of them is BonBon Buttons: attractive buttons that will possibly attract the Web 2.0-type design fans the most.
A single PNG image is used to give the noise effect and they have a shiny 3D-like look.
There is also a method provided for inserting Unicode Symbols inside buttons with the help of HTML5 custom data attributes.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Amazing Pure CSS3 Experiments
The new and revitalized CSS3 properties have not only opened up many, many marvelous development solutions for web designers, it has also allowed talented developers to push the boat out further and showcase there CSS skills by building and styling in ways that were never ever thought possible previously.
In today’s news round-up we take a look at some of these amazing experimental pure CSS3 creations…
Please note, you will need either the latest version of Safari or the Chrome browser to fully experience these CSS3 experiments.
iOS Icons Made in Pure CSS
iPhone CSS3
Pure CSS Twitter Fail Whale
Pure CSS Animated 3D Super Mario Icon
Pure CSS Animated 3D Super Mario Icon
By Paul Andrew (Speckyboyand speckyboy@twitter).
Free Web Wireframing Kit In PSD
This is a free web wireframing kit for planning the layout of web projects easily and quickly.
It comes as a full-layered PSD file where all elements are grouped carefully.
There are many elements included like form elements, audio/video players, navigation, calendar and more.
And, the kit comes in 2 color themes: black and white.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
A Selection of Mobile UI Wireframe Sketches
Reading about the UI design process of any web site, web application or even a mobile app can be very informative and inspirational for any designer. But nothing would beat experiencing the initial design process, as the original designer did, and getting the chance to view the fruition of a UI concept. The only way you could experience this is by having a look at the designers initial wireframe sketches, and that is exactly what we have for you today in this news round-up – A Selection of Mobile UI Wireframe Sketches.
iPhone Sketches: Paper, Pencils, Wooden Forms, Ink and Brush
iPhone Sketches: Paper, Pencils, Wooden Forms, Ink and Brush
Harvest iPhone App Sketches
Early Ember Sketches in Color
By Paul Andrew (Speckyboyand speckyboy@twitter).
Ideal resolution for an image on the web
What do you recommend? Should your web image have a resolution of 72dpi or is it irrelevant as the browser works in pixels and 100 pixels are 100 pixels no matter what dpi you select? What do you think?
You can leave your thoughts or recommendations below, or you can leave your answer on the original question on Answers here: What resolution do you recommend for an image on the web?
What resolution do you recommend for an image on the web?
This question was originally asked by Kevin M..
There have been four varied answers so far, you can view them below:
Thanks to everyone who asked a question, but most importantly thanks to everyone that took the time and effort to offer helpful and useful answers.
Our Favorite Freebies from the Past Week
For today’s news we have collected our favorites design and development related freebies from the the past week and thought they were that good, that we simply had to share them with our readers.
“Buddycons” – Vector Social Media Icons
The icon set is called “Buddycons” and includes 126 vector social media icons. Included in the set are PNG versions of all 126 icons in both circular and rounded variations as well as a vector source file for easy resizing. The icons are free to use for personal and commercial usage, however, redistribution is not allowed.
“Buddycons” – Vector Social Media Icons
Free PSD Templates: vCard Personal Portfolio Minisite
This PSD design comes in 4 pages: Homepage (About), Works (Portfolio), Portfolio Pop-Up, and Contact.
All the pages are in Photoshop (.PSD) format with all layers neatly organized in layer groups for easy identification and editing of the logo, text and graphics.
Free PSD Templates: vCard Personal Portfolio Minisite
Modernist: Free WordPress Theme with Focus on Typography
This theme supports widgets, is SEO optimized and has clean and documented code. It loads very quickly, and has various WordPress 3.0 features. Works in IE 6+ and all versions of Safari/Firefox/Opera. The theme is absolutely free to use in private and commerical projects.
Modernist: Free WordPress Theme with Focus on Typography
Typominima: Free typography based minimal WordPress theme
Typominima is a free typography based, gorgeous, minimal WordPress theme fit for the writer inside you.
Typominima: Free typography based minimal WordPress theme
Coda Shortcuts Cheat Sheet (PDF)
Coda Shortcuts Cheat Sheet (PDF)
By Paul Andrew (Speckyboyand speckyboy@twitter).
COPASO – Web-Based Color Palette Tool
COLOURlovers, an impressive website/community focused on colors, is sharing a handy tool named COPASO.
The tool is a web-based color palette generator for creating palettes and saving them for future use.
COPASO allows you to pick the colors from a color wheel or upload an image, optionally pixelate it, and grab from there.
There is a built-in search to find colors and palettes generated by the community with a sorting feature using various parameters.
P.S. Some features requires signing-in with a free membership.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Best Standards and Guidelines for Graphic Designers
The basis for this weeks Answers reader discussion is essentially a chance to share what you feel are the best graphic design standards for an inhouse design agency.
What do you think? Is there set standards and guidelines for graphic designers in inhouse agencies? You can leave your comment below, or you can leave your answer on the original question on here: What are the best standards and guidelines for graphic designers who work for inhouse design agencies?
What are the standards and guidelines for graphic designers who work for inhouse design agencies?
This question was originally asked by an Unregistered User, and you will find the best answer below:
The Best Answer came from aPablo G:
Thanks to everyone who asked a question, but most importantly thanks to everyone that took the time and effort to offer helpful and useful answers.
Two High Quality and Massive Icon Sets
There are not many iconsets that can match the quality nor the quantity of icons that we feature in todays design news roundup. The first set, released this week by WPZOOM, has over 500 icons for every social network service you could possibly think of. And the second set, also released this week, has over 170 crafted icons perfect for web design brought to you by WooTheme.
500 Free Icons Social Networking Icon Set from WPZOOM
This awesome icon set includes 100 icons of popular social networking websites. Every icon from WPZOOMs Social Networking Icon Set is available in 5 different sizes: 64×64, 48×48, 32×32, 24×24 and 16×16px (PNG & PSD format), which means you get 500 beautiful icons!
You are allowed to use these icons anywhere you want, however WPZOOM would appreciate linkback.
500 Free Icons Social Networking Icon Set from WPZOOM
WooCons – 170 Free Web Icons
This huge icon set, designed by Janik Baumgartner exclusively for WooThemes, consists of 170 icons, sized at 32×32px and are in PNG format.
This icon set has been released on the GNU General Public License.
WooCons – 170 Free Web Icons
By Paul Andrew (Speckyboyand speckyboy@twitter).
170 Free PNG Icons – WooCons #1
WooCons #1 is a set of 170 good looking icons that is shared by WooThemes.
The icon set is very ideal to be used in web applications as it covers the most used ones like actions, documents, player controls, charts and much more.
The set comes as 32*32px in transparent PNG format.
It is also mentioned that the "#1" is a sign that we can expect more icons from WooThemes in the future (looking forward to them).
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)