background preloader

300 Icons for Web & User Interface Design

300 Icons for Web & User Interface Design
Each icon in the Batch PSD is a single shape layer, meaning they can be scaled up—or down—without loss of quality. The download includes: PSD file (shape layers). SVGs (128x128). PNGs (16x16, 32x32, 64x64). Webfont (.eot, .ttf, .woff). New in Release 1.2 New in Release 1.3 The Batch Webfont was added in R1.3.

75 Free Buttons For Online Payment Service Providers For a commercial site, and with the proliferation of online payment services, you may need to have buttons showing the logos of these services. Here is a set of icons payment card that you can place on your website or online business on your forms of payment. These icons are available in PNG format in two sizes (99×66 and 64×43). You will also find generic icons payment methods. A blank PSD is also included in the ZIP file. Here is the list of services identified in this set :EDIT : I added three missing icons : Payza, Paxum and PayU (generic icon). 200 Foodie Pack: A Free Set Of Food Icons Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now!

Ligature Symbols by Kazuyuki Motoyama Logos Please copy & paste this code to your HTML file or Stylesheet. <!-- HTML --><p>Simple use for mailto link. Simple Effects for Drop-Down Lists A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. View demo Download source Today we want to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin.

300 Images From 1800 Sites I started gathering little, iconesque web images for myself so that I could compare, contrast, and study the techniques used by graphic artists on the web like Ben Sky. My initial pool of images looked so interesting that I decided to continue methodically hunting and capturing the icons for a public display piece. The purpose of this document is not to copy the intellectual property of others, but rather as a jumping-off point for your own unique web graphic projects. It's for Brainstorming, if you will. I roughly estimate that for every six web sites I scoured, I was able to acquire one graphic image.

Open Iconic, a free and open icon set Displaying Open Iconic's SVGs are a snap. Just treat them like your typical image and away you go! Pro tip: Don't forget the alt attribute. SVG Sprite Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. 14 Free Icon Fonts for Web Designers Note: Before using any of the icon fonts below, you should read their license and terms of use. Website design is important to any company that wants to attract customers. Having appropriate and consistent icon fonts is part of what makes the design so effective and successful. Your font can easily be the deciding factor between a customer who chooses to stay on your site and one who decides to move on.

6 Useful HTML5 Tools Below you will find a list of six online tools that are great at helping people to understand HTML5 and at helping people learn how to create HTML5 websites. The tools mentioned in this article can all be accessed via a desktop browser, and may be used on a desktop browser. Any specific browser version requirments are mentioned within each tool’s description. HTML5 Showcase for Web Developers: The Wow and the How Webkit If using Google Chrome, you will likely need the Dev channel to see all of the functionality in this presentation. If you are using Safari, you will likely need a nightly build of WebKit in order to see all of the functionality in this presentation. Mozilla You are running a Mozilla browser.