Weekly Web Design & Development News: Collective #4
Here's the 4th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, etc) from the past week. I hope you like it.
Web Design & Development News: Collective #4
Musical Keyboard - JS Dynamic Audio Synth
Generate musical notes dynamically and play them in your browser using the HTML5 Audio Element.
Medium Blog Style Page Transition Effect
An effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out. See the animation below for an illustration of this effect.
Eye Switch
A lightweight library for manipulating and animating SVG.
Collection Of Google Nexus 5 Mockup Templates
Another mobile phone mockup collection of 48+ Android & Windows Phone mockup templates, including Samsung Galaxy Serious (S4/S3, Note 3/2), HTC, Nokia, Google Nexus, Motorola, LG, Sony, and more other Android & WP based mobile phones.
Ionicons
You can use ionicons.com to easily find the icon you want to use. Once you've copied the desired icon's CSS classname, simply add the icon's classname to an HTML element.
[Download]
12+ Adobe Product & App Icon Sets
If you’re a web & graphic designer, you should’t miss this collection of 12+ Adobe product & APP icon sets. Includes most common used Adobe application icons (like Acrobat, Affter Effects, Audition, Bridge, Distiller, Dreamweaver, Encore, Fireworks, Flash builder, Illustrator, Flash, Indesign, Lightroom, photoshop, Prelude, Premiere Pro, Read, etc…) from Adobe Creative Cloud and Adobe Creative Suit.
Freebie Flat Icons
Free Flat Social Media Icons
By animating an SVG path with JavaScript, we can do many fancy things. Today we want to show you some effects for checkboxes and radio buttons. The idea is to hide the inputs, use pseudo-elements to create a more appealing style and then animate the SVG paths once an input is selected.
[Download]
Hipster Viral
Hipster Viral is a free license font reinventing the blacketter fonts.
[Download]
Exans Font
[Download]
WABECO FONT
A new mix of Halloween vector art and Halloween vector graphics with spiders, bats, skulls, cats, monsters, candy and many more vector Halloween illustrations. The design is perfect to go with any flat colorful project. Enjoy!
[Download]
Glamor - Chic & Modern Free Type Family
Glamor Type Family, including a set of 24 fonts with more than 200 unique characters per font, is free for use for personal and/or commercial works. OTF & TTF files are in attached ZIP folders.
[Download]
LAMPA free font
Subtle Dark Patterns Vol4
This is the fourth volume of 4 dark subtle texture patterns background to let you give depth to your dark themed designs.
[Download]
Softies
Softies - Most Colorful And Playful Icon Set. This icon set, appropriately titled “Softies,” includes 44 beautiful and fun icons. The soft and bright style of these icons is sure to add some color to your website, and we’ve made them pixel perfect at 64px, 128px, and 256px. The package includes PNG images of all three sizes, as well as the original PSD files for each icon so that designers can easily modify them to suite their project’s needs.
Flat Bank UI PSD
Really QUICK UI of a bank interface.
[Download]
Vintage Photography Stationery Template With App Icon
Free vintage photography stationery template, which includes app icon, business card, CD cover, envelop design, folder, letter head and photography logo. All are in AI format.
[Download]
Flat UI Elements
[Download]
Emmeline - Multipurpose website PSD Template Free
[Download]
Nice Things Icon Set (128 Icons, PNG + AI Source)
[Download]
