We Are Graphic Designers 20 Resources for Beginner Designers & Developers Getting started in the world of design can be both thrilling and intimidating. Sometimes, you feel like you just don’t have the tools or skills you need to complete even the most basic projects. At other times, your mind is just buzzing with a multitude of ideas, but you may not have the best way to organize them. Yet, throughout the process of becoming a designer you will grow and expand both as a person, artist and designer. Design is the method of putting form and content together. The key to starting out a successful career in design, is creating your own toolkit. 1. Here are some useful and funny lorem ipsum generators you can use for testing out the look and feel of your designs: Hipster Ipsum Cupcake Ipsum One-Click Lorem Ipsum Generator 2. You should start out by playing around with icon sets from a single bundle and try coming up with all the ways you can use them. Cosmos Set (1471 Icons) by IcoJam 600 Stroke Vector Icons by Zlate Flatties The Ultimate Pack UI Icons Hand-Drawn Icons 3.
Magnific Popup: Responsive jQuery Lightbox Plugin Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — no gaps, zoom animation, close icon in top-right corner. Lightbox gallery You may put any HTML content in each gallery item and mix content types. Zoom-gallery If you wish to open the popup only after image is fully loaded, you may preload image via JS. Popup with video or map In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered. Dialog with CSS animation Animations are added with simple CSS transitions, you can make them look however you wish.More animation effects on CodePen. Popup with form Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button. Ajax popup Fast
typomanie | actualités, histoire, théorie, pour tous les amateurs de typographie et les typographes-amateurs… 20 Awesome Free Icon Fonts to Use in Your Designs The number of fonts designed to be used as icons, symbols and glyphs increases day by day. Using icon fonts you’re replacing raster images into vector ones. That means that you can easily resize your icon fonts without worrying about quality loss. Icon fonts is a flexible solution for adding icons to your website. Along with the size you may change color and effects of the icons without having redraw the whole image. So, here I collected 20 great free icon fonts which can be used for your website. Icon Works Peax Webdesign Free Icons Weather Icons Social Media Icons Pack The Elegant Icon Font Infinity Space Icons 274 Vector Line Icons for free Icon Pack – PSD, AI, SVG & FONT For Free Icons V.3 – Free Download Linecons – Free Vector Icons Pack Icony: Pixel Perfect Icon Set WebAgency Free Icon Set | Icons & Web Linea: a free outline iconset featuring 730+ Icons RNS Pictografica Cocina Weather Icon Font 90+ Free Vector Line Icon Font Rondo Social Icon Font MFG Labs Icon set About the Author
jQuery custom content scroller Last updated on Jul 11, 2016 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more. Current version 3.1.5 (Changelog)Upgrading from version 2 When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul. Version 2 is still maintained and updated here. How to use it Get started by downloading the archive which contains the plugin files (and a large amount of HTML demos and examples). Initialization Initialize via javascript more info Initialize via HTML
Kevin Bray, Graphic Design Web Developer Packaging design