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. The following example is a menu created with icon fonts: CSS3 Icon Animation Menu.

http://www.awwwards.com/thousands-of-free-vector-icons-and-icon-webfonts-for-interfaces-and-responsive-web-design.html

Related:  Other Web / Tech

How To Clear Your Data From Google & Attempt To Regain Some Of Your Privacy At the moment, I am reading a fascinating must-read book called Dragnet Nation by Julia Angwin. Angwin is a former Wall Street Journal journalist who covers online privacy-related stories, and Dragnet Nation is a highly researched book, where she demonstrates how much you have willingly thrown away your privacy to online marketers, advertisers, and spammers. It is a scary eye-opening piece of work, and so well written that, 10 pages in, you’ll be frantically rushing online to start purging your data.

10 Films That Can Teach You Everything You Need To Know About Film-making Filmmaking isn’t about just pointing a camera at talented actors. It’s a collaborative medium employing the use of sound, music, lighting, cinematography, mise-en-scene, editing, special effects and screenwriting. Every now and then a filmmaker will use one of these filmmaking tools in a style so deft and so innovative, that it inspires, delights and influences all filmmakers that come after it. While not all of these films are equally influential, they each clearly illustrate at least one filmmaking practice that teaches us an invaluable lesson in how films are constructed. 1.

Learn AngularJS this Weekend Get ready to learn AngularJS - Photo Credit: Nomadic Lass AngularJS has a reputation for a steep learning curve. It’s definitely complex, but follows the 80/20 rule. 20% of the features are what you will use 80% of the time. If you are new to AngularJS and have a weekend to study, there are some very high quality resources that will let you start Monday with a strong working knowledge of AngularJS. Already know AngularJS? 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.

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

How To Use Evernote: The Unofficial Manual Table Of Contents §1–What Is Evernote? §2–An Overview Of The Desktop App §3–An Overview Of The Smartphone Apps §4–Tips, Tricks & Hacks Artistic Printing Inspiration in Illustrator and Photoshop This morning I was tidying up my apartment then I decided to organize my books, I didn't bring many books to San Francisco, only the ones I really like, and among them there is The Handy Book of Artistic Printing: Collection of Letterpress Examples with Specimens of Type, Ornament, Corner Fills, Borders, Twisters, Wrinklers, and other Freaks of Fancy . I love this book because it's full of letterpress examples, like type, ornaments, corner fills borders and much more. So after a few minutes checking the book out I decided to design something using Illustrator and Photoshop inspired by some of the artworks I saw. So in this tutorial I will show you how to create an vintage style letter press effect using Illustrator and Photoshop. The process is quite simple but it's a good exercise and will definitely broad your skill set.

Single Page Application with Angular.js, Node.js and MongoDB (MongoJS Module) Previously we have posted the communication for Developing Web Application with Node.js, Express.js and MongoDB (MongoJS module). Current post is a proof of concept towards make a web application with Javascript based Web Server. This technological stack is popularly known as MEAN Stack.

Web Design Elements: Examples And Best Practices This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine’s articles featuring various building blocks of a website and published here over all the years. Call to Action Buttons: Examples and Best Practices Call to action in web design — and in user experience (UX) in particular — is a term used for elements in a web page that solicit an action from the user. The most popular manifestation of call to action in web interfaces comes in the form of clickable buttons that when clicked, perform an action (e.g. "Buy this now!")

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

15 amazing tools for online collaboration Individuals in design teams don't always work together in the same office. You may be positioned in distributed groups, or working from home, and clients can come from all over the world. This is where collaboration tools come in – they make it easier and faster for designers to get feedback and approve artwork in a professional manner, and they come in all sort of forms, from free Android apps to Chrome extensions. Here we gather together some of the best available online tools to allow designers to collaborate together in real time. jQuery.timepickr.js Downloads Google Code Subversion svn co jquery-timepickr

Bad Ads and Zero-Days: Reemerging Threats Challenge Trust in Supply Chains and Best Practices - Security Roundup In the beginning of 2015, we were faced with a paradox: none of the prominent threats were new—the schemes and attacks we saw used very common cybercriminal tactics—and yet they were all still so effective. Regardless of how well individuals and organizations implemented basic security measures, the simplest of blind spots had left them exposed. Who knew online and mobile ads, over-the-counter transactions, and even basic Word documents could still cause so much trouble? Online advertising attacks shatter trust in the "supply chain" Complete and blind trust in third-party vendors or service providers can put online users at risk.

Related:  ToolsFREEBIES