background preloader

Thousands of free Vector icons and Icon Webfonts for Interfaces and Responsive web design

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. You can see an online example provided by CSS-TRICKS about the use and possibilities of manipulation through CSS: Icon Fonts are Awesome. Icon Web Fonts Fontello. Font Awesome is a pictographic language of web-related actions.

12 Critical Elements Every Homepage Must Have [Infographic] If you’re considering a website redesign or are wondering how to generate more leads from your website, it's a good idea to start with your homepage. Serving as your company's virtual front door, this page is generally responsible for drawing in a majority of your website's traffic. And despite its prominence, many businesses struggle to optimize it properly. You see, your homepage needs to wear a lot of hats. Rather than treating it like a dedicated landing page built around one particular action, it should be designed to serve different audiences, from different origins. And in order to do so effectively, it needs to be built with purpose. So to improve the performance of your homepage, check out the following infographic detailing 12 critical elements every homepage must have. Download our collection of website homepage design examples here to see how these elements come together. 12 Critical Elements Every Website Homepage Must Have Share this Image On Your Site 1) Headline 5) Benefits

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 Accessibility Set wheelchair speaker fontsize eject view-mode eyeball asl person question adult child glasses cc blind braille iphone-home w3c css key hearing-impaired male female network guidedog universal-access elevator How These Were Built Here at ZURB, we’re always trying to think of new ways to innovate on our processes and methods. How to Use Them We've made it super easy for you to get going with these icons! Merge in the Styles

The Noun Project Retro Price Tag (psd) | Fresh Ideas - nurture your ideas! Today’s goodie is another retro style price tag that will get your product noticed. Fully layered and scalable, it is easy to modify. Fonts used: Bebas Neue, Jenna Sue and Arial Black. Fonts are not included. If you like it, then you should definitely give a look to our last collection of Retro Price Tags that is downloadable from Graphic River. Remember that our goodies are just samples of what can be done, try different fonts, textures and designs and you’ll have a range of cool results. Some of our customers have been experiencing a downloading issue on our site. Icons DB - free custom icons Web Design Elements: Examples And Best Practices

Free Icons Set designed by Brankic1979 - Free psd Brankic1979 About icons A set of 350 pixel perfect glyphs icons, perfect for apps, websites or just about anything you can think of. You may use this icon set for both personal and commercial use, which means this resource can be used in any project without worrying about licensing. But you may NOT distribute our icon set elsewhere without our consent. Some basics We do the best to provide high-quality source of PSDs that are free for both personal and commercial use. Spread the word Download!

Indiscripts - Laboratoire de Scripts pour InDesign Free PSDs & Resources for Web Designers by Orman Clark UX Designer란? - ILUVUXDESIGN(동영상) UX Designer는 무엇을 하는 사람인가? 주변 친구들이나 가족들이 저의 직업을 물을 때 한 번에 명쾌하게 대답하지 못 해 늘 힘들어하고 있습니다. 저 자신도 UX Designer가 무얼하는 사람인지 정확히 잘 모르겠고, 그래서 제가 UX Designer인지도 솔직히 말하면 잘 모르겠습니다. 하여간 UX Designer를 재미있게 설명한 동영상이 있어서 소개합니다. 2011년 2월 25일에 davideandriolo 란 아이디로 유투브에 올린 동영상입니다. (0분38초 부근에, 영국 억양인 듯한 나래이터가 '퍼소나스'라고 발음하는 것이 또렷히 들리네요) 영어 공부도 할 겸, 스크립트를 올려봅니다. 영어 원문: What designer has the most elaborate, the most complex, the most beautiful job in the world? 한국어 번역(명지은 번역,이재용 교정): 세상에서 가장 정교하고, 가장 복합적이며, 가장 아름다운 직업이 무엇일까? Design, devign, Persona, prototype, task, User Experience, UX designer, UX 디자이너, ux란, UX리서치 이 재용이 재용은 타고난 인간에 대한 무관심을 노력으로 극복하여 '따뜻한 사람'으로 위장하고 사는 법을 터득했습니다. 블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.

Accueil scriptopedia.org Page 35 Dark user interface design Modern dark user interface design, black and white curved waves on a blurry brown background. Read post & download Password protected icon (PSD) Password protected web icon. Read post & download Checklist icon (PSD) Checklist business icon, clipboard with a white paper with a big checkbox and a green checkmark. Read post & download Glossy spheres with text PSD template Glossy spheres with text, download PSD template. Read post & download Computer power button background The front panel of the computer with the power button. Read post & download

유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드 <hx>...</hx> 제목 요소는 '섹션, 블럭' 콘텐츠에 대한 제목을 마크업 하는 요소로써 문서의 계층 구조를 여섯 단계로 표현 합니다. 작은 숫자일수록 큰 제목으로써 웹 브라우저들은 흔히 좀 더 크고 굵은 글꼴로 표시하시만 CSS를 이용해서 초기화 하거나 원하는 스타일로 변경할 수 있습니다. 제목의 단계는 건너뛰지 않는 것이 좋고 단지 굵은 글꼴을 표현하기 위해 사용하는 경우 논리적인 마크업을 해치게 됩니다. <h1>...</h1> 요소는 한 문서에 반드시 한 번 이상 선언이 되어야 하고 한 문서에서 여러번 선언할 수 있는데 사이트 제목과 본문 제목에 동시에 선언함으로써 검색엔진으로부터 더 높은 점수를 받을 수 있습니다. <h1>... <title>사람에 관한 연구</title> <h1>인체의 신비</h1> _<h2>뇌의 구조</h2> __<h3>전두엽의 주요 기능</h3> ___<h4>타인의 아픔에 공감하는 기능</h4> _<h2>눈의 구조</h2> __<h3>망막의 역할</h3> 웹 사이트의 로고(조직의 이름, 브랜드 이름)를 <h1>...

Related: