ySocial jQuery plugin ClassySocial is a jQuery plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, GitHub, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest, LinkedIn, Instagram and e-mail. Allow your users to see your presence on 11 of the most popular networks instantly with no need for a knowledge of coding! Have links to your Facebook, Twitter, GitHub, Vimeo, Dribbble, Instagram, YouTube (and more!) profiles shown in a slick way, sure to impress your users. Includes functionality to use your current Facebook image as the button that users press to draw out the network buttons, with automatic updating, pulled straight from Facebook!
Free toolbar icons for interface or gui designer. Download free black & white toolbar icon set About the icons. This is a latest version (additional 60 icons added on 25th Jan 2011) of the Gentleface Toolbar Icon Set made for interface (gui) desginer. These icons can be used for wireframes and software mockups creation, websites and software applications toolbars and menus including Android, Windows Mobile, Palm, iPhone and iPad apps. You'll find a set of 8 cursors and 296 icons in black and white color versions.
Responsive workflow Posted on 28 May 2012 During the last week I was at the Webshaped conference listening Stephen Hay’s talk about responsive design workflow. This post isn’t going to be strictly about that, but as Stephen’s way reminded somewhat the way I work myself, it made me want to write down some thoughts about my workflow and how it has evolved during the past two or three years and how it might still evolve in the future. About three or four years ago—when I mostly did just static width sites—my projects went through the different phases in the order illustrated below, which looks like a typical waterfall process. Back then there wasn’t much room for revisions, and what clients saw were either the wireframes or almost finished Photoshop designs.
Free Icons Minimalistica Red Part 2 Icon Set Presenting the second part of the popular "Minimalistica Red" series, the icon set that's giving more for less. "Minimalistica Red part 2" is made of another 90 icons, cleverly designed to bring style and sophistication to your projects. Minimalistica Part 2 Icon Set Presenting the second part of the popular "Minimalistica" series, the icon set that's giving more for less. "Minimalistica part 2" is made of another 90 icons, cleverly designed to bring style and sophistication to your projects.
Foundation Icons Fonts - ZURB Playground - ZURB.com settings heart star plus minus checkmark remove mail calendar page tools globe cloud error right-arrow left-arrow up-arrow down-arrow trash add-doc edit lock unlock refresh paper-clip video photo graph idea mic cart address-book compass flag location clock folder inbox website smiley search phone General Enclosed Set Social Set thumb-up thumb-down facebook twitter pinterest github path linkedin dribbble stumble-upon behance reddit google-plus youtube vimeo clickr slideshare picassa skype instagram foursquare delicious chat torso tumblr video-chat digg wordpress
Arrow Navigation Styles Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects. View demo Download source Today we’d like to share some inspiration for arrow navigation styles with you. Polaris UI Free - User Interface Pack Polaris UI Free is a set of beautiful free UI components, which includes Edit Boxes, Check Boxes, Radio Buttons, Page Navigation, Menu, Buttons, etc. You can use this UI Kit in any of your projects, and even learn with it, by examining each component to see how it is put together. You can easily use these elements in your design, or create a new one.
Guidelines For Mobile Web Development - Smashing Magazine This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine’s articles related to design and development for mobile devices and published here over all the years. Why We Shouldn’t Make Separate Mobile Websites There has been a long-running war going on over the mobile Web: it can be summarized with the following question: “Is there a mobile Web?” That is, is the mobile device so fundamentally different that you should make different websites for it, or is there only one Web that we access using a variety of different devices? Acclaimed usability pundit Jakob Nielsen thinks that you should make separate mobile websites. I disagree.
Some Random Dude — Iconic Icon Set – 171 icons in raster, vector and font formats 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. It's like an icon font, without being a hack.
Thousands of free Vector icons and Icon Webfonts for Interfaces and Responsive web design We present to you an interesting and exciting selection of Free Icons, flat icons, symbols and pictograms with vectorial content, especially designed for UI design, menus, lists, webapps or native apps.On a different note, we've made a selection of the most recent Icon Webfonts designed specifically for responsive projects and to solve problems like graphics resolution in retina displays. These custom icon sets embedded in a webfont kit can be easily styled with CSS changing colors, size, rotation, adding shadow and other new CSS3 features. It reduces the time to create responsive design using scalable icons instead of different image files and media queries for every resolution. It's widely compatible with browsers, it even goes all the back to version 4.0 of IE.