Tag: SVG

A Collection of Repeatable SVG Background Patterns

Posted · Category: License Free, Patterns Hero Patterns is a collection of repeatable SVG background patterns for you to use on your digital projects. With SVG quickly growing as the preferred method for using graphics on the web, there are still few resources available in this format. Steve Schoger created Hero Patterns so that you… Continue reading A Collection of Repeatable SVG Background Patterns

Create Data Maps For Free with Datamaps.co

Posted · Category: License Free, Maps Datamaps.co is a free and simple platform for creating visualizations with data maps. It allows you to upload CSV file with region data, and fully customize your map’s appearance. Your map chart can be saved as PNG or SVG. With datamaps.co, you can create a custom map of World,… Continue reading Create Data Maps For Free with Datamaps.co

A slider with SVG radial transition effect

Today we want to share with you another gem by CodyHouse: it’s a tutorial that shows you how to create a simple responsive slider powered by SVG radial transition effects. In the article you can also find a link to download the resource and create your custom slider in a matter of seconds. View Demo   Project… Continue reading A slider with SVG radial transition effect

Animated Animals in CSS and SVG

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG

15 Useful Modern Front-End Web Components

Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch. Collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s… Continue reading 15 Useful Modern Front-End Web Components

Free Download : Colored Line Icons (SVG, PNG)

This is a complete pack that includes an amazing variety of Colored Line Icons.The set contains 30 colored line icons in pastel tones for your next design project. The icons come in vector format (SVG) and PNGs of various sizes.The icons of this set have a clean line and a glowy, playful look. A bright… Continue reading Free Download : Colored Line Icons (SVG, PNG)

The Best Freebies for Designers (February 2016)

Here are the best freebies for designers from September 2013. We have free GUI templates, icon sets, fonts, Photoshop brushes, PSD templates, PS actions… and everything else in between.   Free Icon Sets Circular Icon Set (12 Icons, PSD) Dripicons (PSD, AI, EPS, PDF, SVG & Icon Font) Flat Icons (48 Icons, PSD) Line Icon… Continue reading The Best Freebies for Designers (February 2016)

Weekly News iDevie (week 5)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our awesome weekly newsletter for some more amazing design articles, resources and freebies. New Resources & Tools voxel.css – A new, lightweight 3D CSS voxel library. Performance Budget… Continue reading Weekly News iDevie (week 5)

14 Best Resources For Learning CSS3

Are you looking for some detailed and useful CSS3 tutorials and techniques that you use to create better results? If your answer is yes then you are at right place. In this compilation, we are presenting top 14 useful and detailed CSS3 tutorials and techniques for you. All these tutorials and techniques are designed by… Continue reading 14 Best Resources For Learning CSS3

50+ fresh resources for designers, January 2016

Howdy friends! We’re back again with another roundup of some of the best freebies available for designers and developers. To help you through the post-Christmas blues and kick off 2016 in style we’ve packed this edition with flat, solid, and line icons; brushes and patterns for Photoshop; templates; UI kits; WordPress themes; fonts; snippets; dev tools; design… Continue reading 50+ fresh resources for designers, January 2016

36 Free Linear Finance Icon Set (exclusive)

Our friends from Vector4Free shares today on idevie with all our readers a complete pack that includes an amazing variety of FREE Linear Finance Icon Set that you can use in your design projects.This collection of icons includes a PNG file, a PSD file, AI formats and EPS files with SVG files. The pack is… Continue reading 36 Free Linear Finance Icon Set (exclusive)

Manipulating SVG Icons With Simple CSS

This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter   Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS

Showcase Of Fresh And Free jQuery Plugins And Tutorials

Plugins and tutorials are great designing resources for the designers. With the help of tutorials, designers can learn and practice new technique of using their designing tool and plugins are meant to simplify their designing work. In the recent times, jQuery has become simply miraculous seeing that with jQuery you can discover plugins to achieve… Continue reading Showcase Of Fresh And Free jQuery Plugins And Tutorials

30 Free PSD Business Card Templates

When it comes to business, one of the most important elements is a business card. Having good business cards is a must if you wish your business to grow and achieve success. It is one of the first things that people in general and your future customers see. Thus, having a good and attractive business card… Continue reading 30 Free PSD Business Card Templates

Building Icons With a Single HTML Element

With the arrival of ultra high definition screens (think Retina) new design challenges have arisen; we need to find ways to accomodate all devices. Take displaying icons for example. We could lean on serving images at 200%,or using SVG,but it’s also possible to build a surprising amount of graphics with CSS alone. Let’s build an… Continue reading Building Icons With a Single HTML Element