Download free icons: 16 great resources There are a dizzying number of free icons available for download from the web - so where do you start? In this feature, we've gathered some of the best sites to help track down options that work for you. First, you need to know what you're looking for. The key to iconography is a consistent aesthetic (line weights, proportions, composition, amount of positive vs negative space used, etc) that displays a sense of competence and good decision-making in your design. Each individual icon needs to communicate clearly but relate to every other icon used on the site or design piece.
7 Rules for Creating Gorgeous UI (Part 1) Introduction OK, first things first. This guide is not for everyone. Structuring, Grouping, and Referencing in SVG – The <code><g></code>, <code><use></code>, <code><defs></code> and <code><symbol></code> Elements SVG comes with its own ways for structuring a document by means of certain SVG elements that allow us to define, group, and reference objects within the document. These elements make reusing elements easy, while maintaining clean and readable code. In this article we'll go over these elements, highlighting the difference between them and the advantages of each one. Grouping with the <g> element The 'g' in <g> stands for 'group'. The group element is used for logically grouping together sets of related graphical elements.
Aliens, Robots, Cheetahs, Oh My! Watch These “Face Hackers” Use Projectors To Modify Their Faces In Real Time Happy Sunday! Ready to have your mind blown? By mixing ultra-bright projectors and advanced facial tracking with some damned fine visual design, these guys are able to use their faces as a canvas some truly wild work. Watch on as they morph from human, to alien, to cheetah, to robot overlord on the fly.
Collection Follow @iconmonstr Support me ads via Carbon Basic SVG Icons FTW Despite the growing popularity of SVG, its time around and excellent browser support, we have a lack of good vector icon approaches. It's time to fill this gap and use SVG as icons in our web projects. A lot of great methodologies and principles arose making our CSS more and more modular, structured and flexible. But think about your icons. Using raster graphics for icons means that they are not manageable in CSS. What if we need to change a color of an icon for its hover/active/focus state? 24 Free Authentic 1930s Vintage Postcard Textures I recently inherited a box of my Grandfather’s old possessions, which alongside his WW2 service books and a Great War Memorial Plaque for my great-great-uncle, also contains a number of postcards dated from the mid-1930s. As well as being treasured heirlooms, the aged paper textures of these postcards also make fantastic design resources! Download this pack of 24 free postcard textures to create authentic vintage effects for your artwork.
Infographic Elements Vector PSD EmailShare Today’s fantastic freebie is an infographic elements kit in PSD vector format. The kit contains several commonly used elements to create infographic designs. Why some projects just go right Like many web designers, I have spent a lot of time worrying about why projects go wrong. Perhaps we should be asking what makes a project successful. Headscape recently launched a website for the RAF Benevolent Fund. Snap.svg API Reference Creates a gradient element gradient string gradient descriptor Gradient Descriptor The gradient descriptor is an expression formatted as follows: <type>(<coords>)<colors>.
Free Icon Fonts for Web User Interfaces By Jacob Gube This roundup features 18 free icon fonts that can be used in your commercial projects. The icon fonts in this post are perfect for your app user interfaces (UIs). What are Icon Fonts?