Tuesday, February 26, 2013

Massive Collection Of Free UI PSD Files That You Could Use

Massive Collection Of Free UI PSD Files That You Could Use

GUI PSDs can be quite useful for designers. For most of the people to get inspired and see how other have created certain buttons or User Interface elements and for some people to actually use in projects, if a commercial license is available, of course. In any case, a comprehensive list that would compile the best GUI PSD files is a useful thing and so this article came to life. At first there were over 100 PSD files but in the end only about 70 remained. It’s still a large number but I’ve kept only the ones that can be used.

Blaubarry Ui Kit

Blaubarry Ui Kit GUI Free PSD

Moonify UI

Moonify UI GUI Free PSD

Cloudy UI kit

Cloudy UI kit GUI Free PSD

Free Dark Web UI Set

Free Dark Web UI Set GUI Free PSD

Apple Styled UI Elements

Apple Styled UI Elements GUI Free PSD

Black UI Kit

Black UI Kit GUI Free PSD

Calligraphy GUI Elements

Calligraphy GUI Free PSD

Blue and white GUI kit PSD

Blue and white GUI Free PSD

Sepia GUI Elements

Sepia GUI Free PSD

Pretty Little Search Fields

Pretty Little Search Fields GUI Free PSD

Web GUI Kit

Web GUI Kit GUI Free PSD

Web elements

Web elements GUI Free PSD

Shopping Cart

Shopping Cart GUI Free PSD

Minimalist horizontal navigation

Minimalist horizontal navigation GUI Free PSD

Blue Elegant Ui

Blue Elegant Ui GUI Free PSD

Small UI set

Small UI set GUI Free PSD

Sleek dropdown menu

Sleek dropdown menu GUI Free PSD

Green Contact Form

Green Contact Form GUI Free PSD

iPhone UIKits light remake

iPhone UIKits light remake GUI Free PSD

Simple UI Elements

Simple UI Elements GUI Free PSD

Login form

Login form GUI Free PSD

Light UI

Light UI GUI Free PSD

Orange Interactive Elements

Orange Interactive Elements GUI Free PSD

GUIFX Elements Pack Victor

GUIFX Elements Pack Victor GUI Free PSD

Fancy slider + toggles

Fancy slider + toggles GUI Free PSD

Tagtastic Tag Cloud

Tagtastic Tag Cloud GUI Free PSD

Design elements

Design elements GUI Free PSD

Browser Form Elements

Browser Form Elements GUI Free PSD

White & blue set

White&blue set GUI Free PSD

Web wireframe kit

Web wireframe kit GUI Free PSD

Form Element Styling

Form Element Styling GUI Free PSD

Media Player UI

Media Player UI GUI Free PSD

Sketching & Wireframing Kit

Sketching & Wireframing Kit GUI Free PSD

Moonify User Interface

Moonify User Interface GUI Free PSD

Classic Grey Psd Web UI Set

Classic Grey Psd Web UI Set GUI Free PSD

Search & Email Input Text

Search & Email Input Text GUI Free PSD

Custom Lightbox Skin

Custom Lightbox Skin GUI Free PSD

UI Kit – Milky

UI Kit - Milky GUI Free PSD

Wireframe Shapes

Wireframe Shapes GUI Free PSD

Tab User Interface Design

Tab User Interface Design GUI Free PSD

Dark Sexy UI Elements

Dark Sexy UI Elements GUI Free PSD

UI-Element Set

UI-Element Set GUI Free PSD

Music Player

Music Player GUI Free PSD

Keynote Wireframe Templates

Keynote Wireframe Templates GUI Free PSD

Grey Comment Form

Grey Comment Form GUI Free PSD

E-Commerce Steps UI

E-Commerce Steps UI GUI Free PSD

Sign-up Modal Box

Sign-up Modal Box GUI Free PSD

Dark Button Navigation

Dark Button Navigation GUI Free PSD

Ui Elements

Ui Elements GUI Free PSD

Clean Email Newsletter Subscription Form

Clean Email Newsletter Subscription Form GUI Free PSD

Business UI

Business UI GUI Free PSD

Simple Dark Navigation Menu

Simple Dark Navigation Menu GUI Free PSD

Sleek Elements

Sleek Elements GUI Free PSD

Skinny Kid UI Kit

Skinny Kid UI Kit GUI Free PSD

Minimalist Dark Psd Web UI Set

Minimalist Dark Psd Web UI Set GUI Free PSD

Video Player

Video Player GUI Free PSD

Silver and Gray User Interface Elements

Silver and Gray User Interface Elements GUI Free PSD

User Registration

User Registration GUI Free PSD

Twitter GUI PSD

Twitter GUI Free PSD

Color Changing Download Progress Bar

Color Changing Download Progress Bar GUI Free PSD

Facebook Fan Page GUI PSD

Facebook Fan Page GUI Free PSD

Audio/Video Interface Controls

Audio/Video Interface Controls GUI Free PSD

Free Full Layered Google+ GUI PSD Kit

Full Layered Google+ GUI Free PSD

Android GUI PSD

Android GUI Free PSD

Chutzpah User Interface Kit

Chutzpah User Interface Kit GUI Free PSD

Sleek Video Player

Sleek Video Player GUI Free PSD

Lion Ui Kit

Lion Ui Kit GUI Free PSD

Stylish Notifications

Stylish Notifications GUI Free PSD

Source: Design Resource Box

Thursday, February 21, 2013

What's New for Designers and Developers, February 2013

The February edition of what’s new for web designers and developers includes new web apps, jQuery plugins and JavaScript resources, productivity and project management tools, CMS’s, CSS and HTML frameworks, web development tools, and some really great new fonts.

Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.

 

Dropzone.js

Dropzone.js is an open source, simple drag and drop file uploader with image preview. It’s easy to set up (especially if you use Component, as you can add it as a dependency) and implement as either a form or programmatically.

dropzone

 

Flowtime.js

Flowtime.js is a framework that makes it easy to create HTML presentations or websites with full page fluid layouts, multiple navigation controls, transitions, parallax support, and more.

flowtime

 

Notism

Notism is a great tool for working on visual content with a team. You can upload, stack, and review visual project ideas, create working prototypes of static templates, discuss drafts, and more. There are even tools for signing off on layouts.

notism

 

Dropify

Dropify makes it easy to make files available for download on your Facebook fan page. There’s a free plan available (which doesn’t offer Like-gating), as well as premium plans. It’s great for artists, authors, creatives, brands, and small businesses.

dropify

 

Onepager

Onepager lets you easily build simple websites for small businesses. The resulting sites work great on both desktops and mobile devices, are cloud-hosted, include custom form capability, and are search-engine friendly. Starter sites are only $8/month, with more robust plans available.

Onepager

 

Cashboard

Cashboard makes it easier to run your business. It includes project management tools, tracking of time and expenses, invoicing, and even payment acceptance. The free plan offers support for one employee and two active projects, while the premium plan offers more features.

cashboard

 

Kirby

Kirby is a file-based CMS that’s easy to setup and use, and incredibly flexible. It uses your design and your templates, doesn’t require a database, and supports Markdown syntax, among other features. It’s just $39 per site.

kirby

 

QuoteRobot

QuoteRobot makes it easy to create professionally designed proposals, invoices, and quotes. It works well with Highrise, FreshBooks, SalesForce, Google Apps, and Xero, and only costs $10/month after the 30 day free trial.

quoterobot

 

Dispatch

Dispatch is a tool for organizing teams and projects. It works with the things you already have in Dropbox, Google Drive, Evernote, and Box. It includes full previews that stay up-to-date within Dispatch so you don’t need to download or update manually.

dispatch

 

Reamaze

Reamaze is a cloud-based helpdesk that works through email, Facebook, or Twitter. It includes support for response templates, has collision detection, and conversation tagging.

reamaze

 

Hint.css

Hint.css is a SASS tooltip library which uses only HTML/CSS (no JavaScript) for creating simple tooltips using data-* attribute, pseudo elements, content property, and CSS3 transitions. It degrades gracefully without any transitions in browsers where CSS3 transitions aren’t supported.

hintcss

 

Mueller Grid System

Mueller is a modular grid system based on Compass that works for both responsive and non-responsive layouts, with full control over column width, gutter width, baseline grid, and media queries.

mueller

 

Extra Strength Responsive Grids

Extra Strength Responsive Grids is a grid system that includes a fluid percentage-based layout, media queries, easy alignment, nested grids, and more. It’s great for prototyping and is SASS-enabled.

extra strength responsive grids

 

Ink

Ink is an easy to use toolkit for creating web interfaces. It uses HTML, CSS, and JavaScript for building layouts, displaying common interface elements, implementing content-centric interactive features, and more.

ink

 

Top Drawer

Top Drawer uses CSS3 transitions to smoothly reveal menus, rather than JavaScript animations. It uses Modernizr to detect browser compatibility for CSS3 transitions, and uses JavaScript as a fallback.

top drawer

 

Cool Kitten

Cool Kitten is a beta framework that includes HTML, CSS, and JavaScript files that’s responsive and includes parallax scrolling support.

cool kitten

 

scrollUp jQuery Plugin

scrollUp is a lightweight jQuery plugin that lets you add “scroll to top” functionality to any website.

scrollup

 

Mobile Chief

Mobile Chief is a free mobile site plugin that includes custom elements and Font Awesome integration, and is built on HTML5 and CSS3 for a consistent experience across mobile devices.

mobile chief

 

Textillate.js

Textillate.js is a plugin for CSS3 text animations that combines a number of awesome libraries to provide an easy-to-use plugin. All you have to do is include it and its dependencies in your project and then start creating awesome effects.

textillate

 

Flight

Flight is an event-driven JavaScript framework that maps behavior to DOM nodes, from Twitter. It uses ES5-shim and jQuery, as well as an AMD implementation like loadrunner or require.js.

flight

 

Chime

Chime is a Google Chrome extension that aggregates all of your notifications across various social media channels, including Reddit, Gmail, Twitter, Facebook, Flickr, and more.

chime

 

Cloudship

Cloudship is a task management and note taking app that lets you easily collaborate with your team. It’s simple to use, with support for nested tasks, attaching files, time tracking, and more.

cloudship

 

Conditionizr

Conditionizr is a JavaScript utility that detects your browser and pixel ratio to serve conditional JavaScript and CSS files. It’s been rebuilt so that it’s 50% faster than its jQuery predecessor.

conditionizr

 

Behave.js

Behave.js lets you add IDE style behaviors to plain text areas so that writing code is more enjoyable. It requires no dependencies, supports hard and soft tabs, and auto opens and closes characters like parenthesis, brackets, braces, double, and single quotes.

behave

 

Free Travel Icon Pack

This Free Travel Icon Pack from Obox includes a lighthouse, ski goggles, a camera, a bus, a tent, binoculars, and many more travel- and geography-themed icons.

travel icons

 

MFG Labs Icon Set

MFG Labs Icon Set was created for their own internal use, but has since been made available for public use. It’s a simple, minimalist set with icons for everything from social media sites to video/audio players.

mfg labs icons

 

RoughDraft.js

RoughDraft.js makes it easy to prototype interactive HTML mockups without duplicating a bunch of code. It also eliminates the need for faking content (like lorem ipsum text or filler images).

roughdraft.js

 

Toolbar.js

Toolbar.js lets you set up tooltip-style toolbars for web applications or websites, and can be customized with Twitter bootstrap icons.

toolbar.js

 

Attitude + (free)

Attitude + is a display typeface inspired by Japanese pop culture and American hip hop subculture, and is influenced by geometric fonts with ornaments.

attitude

 

Higher (free)

Higher is a geometric display font with an Arts & Crafts vibe. It was created as a student project, and is available in TTF and OTF formats.

higher

 

Salt & Foam (free)

Salt & Foam is a beautiful unicase display font in two styles, with a subtle 3D effect. It was designed by Anna Karatcheva, inspired by her first time surfing.

salt and foam

 

Apollo ($5)

Apollo is a rounded sans serif typeface designed as a student project by Kevin May.

apollo

 

Zerb (free)

Zerb is an abstract geometric display typeface that’s available for free for both personal and commercial use. It comes as an Illustrator vector file.

zerb

 

Fassade Display ($10)

Fassade Display was inspired by lettering on 1930s travel posters, with exaggerated graphic elements similar to geometric Art Deco lettering.

fassade display

 

Roccia ($10)

Roccia is an experimental sans serif typeface with two styles and all uppercase characters.

roccia

 

Faux Tangram (free)

Faux Tangram is a tangram-inspired font that makes great use of basic geometric shapes and negative space.

faux tangram

 

Niewe (free)

Niewe is an abstract display font that comes in four different weights, free for personal use. Commercial use requires permission from the designer.

niewe

 

FM Ephire ($30)

FM Ephire is a retro, hand-drawn script type family with five weights and compliment italics. It’s great for banners and posters, greeting cards, and more, and even holds up well at smaller sizes.

fm ephire

 

Thanks to Cameron Chapman

Friday, May 14, 2010

7 things you shouldn't do on Facebook



Using a Weak Password
Avoid simple names or words you can find in a dictionary, even with numbers tacked on the end. Instead, mix upper- and lower-case letters, numbers, and symbols. A password should have at least eight characters. One good technique is to insert numbers or symbols in the middle of a word, such as this variant on the word "houses": hO27usEs!

Leaving Your Full Birth Date in Your Profile
It's an ideal target for identity thieves, who could use it to obtain more information about you and potentially gain access to your bank or credit card account. If you've already entered a birth date, go to your profile page and click on the Info tab, then on Edit Information. Under the Basic Information section, choose to show only the month and day or no birthday at all.

Overlooking Useful Privacy Controls
For almost everything in your Facebook profile, you can limit access to only your friends, friends of friends, or yourself. Restrict access to photos, birth date, religious views, and family information, among other things. You can give only certain people or groups access to items such as photos, or block particular people from seeing them. Consider leaving out contact info, such as phone number and address, since you probably don't want anyone to have access to that information anyway.

Posting Your Child's Name in a Caption
Don't use a child's name in photo tags or captions. If someone else does, delete it by clicking on Remove Tag. If your child isn't on Facebook and someone includes his or her name in a caption, ask that person to remove the name.

Mentioning That You'll Be Away From Home
That's like putting a "no one's home" sign on your door. Wait until you get home to tell everyone how awesome your vacation was and be vague about the date of any trip.

Letting Search Engines Find You
To help prevent strangers from accessing your page, go to the Search section of Facebook's privacy controls and select Only Friends for Facebook search results. Be sure the box for public search results isn't checked.

Permitting Youngsters to Use Facebook Unsupervised
Facebook limits its members to ages 13 and over, but children younger than that do use it. If you have a young child or teenager on Facebook, the best way to provide oversight is to become one of their online friends. Use your e-mail address as the contact for their account so that you receive their notifications and monitor their activities. "What they think is nothing can actually be pretty serious," says Charles Pavelites, a supervisory special agent at the Internet Crime Complaint Center. For example, a child who posts the comment "Mom will be home soon, I need to do the dishes" every day at the same time is revealing too much about the parents' regular comings and goings.

Copyrighted 2009, Consumers Union of U.S., Inc. All Rights Reserved.