Author: Adrian Sandu

  • Food Icon Pack

    Food Icon Pack

    The good people at Freepik strike again, this time with a food related icon pack: 200 glyphs that will leave your mouth watering. As usual, the package comes in multiple formats: flat PNGs (ranging from 32x32px to 128x128px) and fully editable vectors (AI and EPS format).

    The serving is done in partnership with the prestigious Smashing Magazine and you don’t need to bother about any legal restrictions.

    [notification type=”information”]Licence: free for personal and commercial projects[/notification]

     

    [button color=”green” link=”http://www.smashingmagazine.com/2013/06/17/foodie-icons/”]Get the Food icon pack[/button]
  • iOS7 icon set

    iOS7 icon set

    VisualPharm, the design company that gave us (not long ago) the largest Windows 8 icon set, strikes again with a new package: over 180 shiny new icons in the style of the recently announced iOS7. The set comes both as PNG files (in different sizes) and as vector SVG files. How was this package born? Find out directly from its authors:

    “Balanced life with a quality time dedicated to family, sports and Wikipedia — that’s not what we had for the first few days after the iOS 7 was released. We were busy making icons in the new style, and now it’s released. Grab it for free.”

    Just as before, this set is free to use for both personal and commercial projects, provided an attribution link has been added.

    [notification type=”information”]Licence:

    • free for personal and commercial projects
    • attribution link required[/notification]

     

    [button color=”green” link=”http://icons8.com/free-ios-7-icons-in-vector/”]Get the iOS7 icon set[/button]

     

     

  • Freepik – the search engine for free graphic resources

    Freepik – the search engine for free graphic resources

    Freepik is a search engine that helps graphic and web designers to locate high quality photos, vectors, illustrations and PSD files for their creative projects. In  their own words:

    “Freepik tracks and locates free graphic content on the Internet and it displays the results in an orderly layout for easy access. Freepik makes it easier for you to find the files you need without manually searching dozens of websites.”

    The entire process is automatic, as content is indexed and ranked by robots and algorithms. Once the user has found the needed files, he or she is redirected to the sites hosting the original files.

    Freepik also brings you great deals for premium packages of design resources. This way one can stay up to date with the best offers available online.

     

    [button color=”green” link=”http://www.freepik.com/”]Start using Freepik now[/button]
  • Flat UI Kit from Freepik

    Flat UI Kit from Freepik

    The great people from Freepik strike again with another high quality freebie. This time we’re talking about a full UI kit built according to the principles of “Flat Design” – which discourages the use of any 3D artifices like gradients, shadows or bevels that marked the so called “Web 2.0 design” phase.

    This package is made available to all readers of WebDesignerDepot – all you have to do is to provide your email address and subscribe to their newsletter.

    [notification type=”information”]Licence: free for personal and commercial projects[/notification]

     

    [button color=”green” link=”http://www.webdesignerdepot.com/2013/05/flat-ui-kit-free-download/”]Get the Flat UI Kit from Freepik[/button]
  • WooCommerce Free Icon Pack from Freepik

    WooCommerce Free Icon Pack from Freepik

    This set of ecommerce-related icons has been released by Freepik via WooThemes. The content is available in several formats: png, ai, and in .ttf and .svg font files

    [notification type=”information”]Licence: free for personal and commercial projects[/notification]

     

    [button color=”green” link=”http://www.woothemes.com/2013/06/freepik-free-ecommerce-icons/”]Get the WooCommerce Free Icon Pack[/button]
  • Colourco.de

    Colourco.de

    Colourco.de is a very nice application that allows one to create a color palette in no time. Deceptively simple, it treats the entire browser window as a giant color picker – one click and you save the current color in a vertical band to the left of the screen. The process can be repeated over and over again (I stopped after close to thirty selections) and the resulting palette can be exported either as an image or directly as a LESS file. The options available are also comprehensive: you can select color format (hex, rgb or hsl) or select the preset schemes for building a classic type palette.

    [notification type=”information”]Licence: free for personal and commercial projects[/notification]

     

    [button color=”green” link=”http://colourco.de/”]Start using Colourco.de now[/button]
  • 500 Vector Mega Icon Pack

    500 Vector Mega Icon Pack

    Freepik.com offers a great pack of 500 glyph icons for newsletter subscribers of WebDesignDepot.com. They come in PNG format, together with their Illustrator AI source file, allowing for unlimited changes.

    [notification type=”information”]Licence: free for personal and commercial projects[/notification]

     

    [button color=”green” link=”http://www.webdesignerdepot.com/2013/03/free-download-500-vector-mega-icon-pack/”]Get the Freepik icon pack[/button]
  • Twitter Bootstrap – Complete Responsive Front End Framework

    Twitter Bootstrap – Complete Responsive Front End Framework

    What started as an internal projects from two Twitter employees, it evolved to a complete framework used by countless designers and developers all over the world. Currently at version 2.3.2 and with a brand new refactoring coming up with version 3.0, Bootstrap has everything one needs to put together a functional website in no time.

    The entire structure is based on several interlocked modules:

    • a grid system (available in both fixed and fluid flavors), that degrades responsively for devices like tablets and smartphones, allowing ones website to be viewed by an even broader range of visitors. 
    • a basic CSS module, outlining standard typography, the display of list, tables, form elements and images, not to mention the included set of glyph icons.
    • a set of complex interface components, like navbars, dropdowns, menus, progress bars and many others, powered by a jQuery-based library, easy to deploy, use and modify as needed.

    Everything is very easy to customize right before downloading the framework, via the customization page. Here one can modify all possible parameters, like size of the grid system, colors and fonts, together with many other variables. Another alternatives would be to download a ready-made theme from one of the many websites (such as Bootswatch).

    Everything is backed up by a comprehensive and easy to use documentation. And if something is missing, there are so many tutorials, as well as a large community of users that can help you whenever you get stuck.

    [notification type=”information”]Licence: Apache License v2.0[/notification]

     

    [button color=”green” link=”http://www.getbootstrap.com/“]Start developing with Twitter Bootstrap[/button]
  • MFG Labs Icon Set

    MFG Labs Icon Set

    Today’s resource is one more icon font – you can’t ever have enough of those. Built in a similar manner with Font Awesome, the MFG Labs set contains more than 120 glyphs and their number is constantly updated. The set can be used either stand-alone or via the Fontello icon font service.

    [notification type=”information”]Licence: free for personal and commercial projects[/notification]

     

    [button color=”green” link=”http://mfglabs.github.io/mfglabs-iconset/”]Get the MFG Labs Icon Set[/button]
  • Browser Hacks Collection

    Browser Hacks Collection

    It’s the night before the big launch and you still have not finished coding the website. One browser gives you trouble and there’s no time to refactor everything to prevent the problem from appearing in the first place. If only you could target the troublesome browser and feed him a specific rule that will account for the difference in rendering. This is the moment when Browser Hacks comes to the rescue. This website is a collection of proved and tested hacks that will save you an all-nighter and allow you to keep the deadline in launching your project.

    One note of caution though: As their own name sounds, hacks are quick and dirty solutions for desperate cases. There’s always the possibility that they might turn back on you and bite you in the a**, so use caution when deploying them. Sometimes, a different approach might be more efficient.

    [button color=”green” link=”http://browserhacks.com”]Visit the Browser Hacks Collection[/button]