Tag: SVG

Create Custom Maps With the MapSVG Plugin

What You’ll Be Creating If you’re like me, you’ve been using Google Maps to add maps to your WordPress sites for years, but you sometimes get a little frustrated about the lack of customization options. In this tutorial, I’m going to show you how to use an alternative—a WordPress plugin called MapSVG that lets you… Continue reading Create Custom Maps With the MapSVG Plugin

How to Reduce Image File Size for Your Website

Images are an enormous part of the modern online experience. To use them effectively, you’ll need to know how to reduce image file size for your website. As average connection speed has increased, images have become less of a deadly burden on page load times. With the bandwidth sufficient to push a huge amount of… Continue reading How to Reduce Image File Size for Your Website

Vivid.js – A JS library serving a set of 90+ SVG icons

Vivid.js is a  JavaScript library built to serve  90+ pixel perfect and ready-to-use icons in SVG format. Vivid.js is really easy to use, you just need to include the JS file into the head section and use a data attribute to load an icon. In addition, Vivid.js is super lightweight and minified version equals around just… Continue reading Vivid.js – A JS library serving a set of 90+ SVG icons

9 Popular WordPress Plugins that Designers and Developers are Using

The WordPress website and blog creating platform’s popularity just keeps on growing. It’s not just the numbers of new users that are flocking to WordPress give evidence of this popularity. It’s the thousands of themes and plugins that have been designed to work with the platform. As a result, WordPress keeps getting more flexible and… Continue reading 9 Popular WordPress Plugins that Designers and Developers are Using

50 Free Pharmacy Icons (Linear, Flat, Linear Colored)

Our friends from Freepik shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free Pharmacy inspired icons that you can use in your design projects. The package contains 50 free pharmacy icons and each icon comes in SVG and PNG formats. There are 3 versions available. (Linear,… Continue reading 50 Free Pharmacy Icons (Linear, Flat, Linear Colored)

Looking for great WP Plugins for your website? They are in this article

Posted · Category: Best Collections Success breeds success. It’s an adage, but recent scientific studies have shown that once you achieve some success, more is apt to follow. That’s also true of WordPress, the premier website and blog creating platform. WordPress’s popularity continues to grow. More web design entrepreneurs and companies are turning out more… Continue reading Looking for great WP Plugins for your website? They are in this article

50 Free Ecology Icons (Linear, Flat, Outlined)

Our friends from Freepik shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free ecology inspired icons that you can use in your design projects. The package contains 50 free ecology icons and each icon comes in SVG and PNG formats. There are 3 versions available. (Linear,… Continue reading 50 Free Ecology Icons (Linear, Flat, Outlined)

Rough.js – Create Hand-Drawn and Sketchy Like Graphics

Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. If you have Workly imported on your web page (~1k only), RoughJS will automatically offload all processing to… Continue reading Rough.js – Create Hand-Drawn and Sketchy Like Graphics

SVG Viewport and viewBox (For Complete Beginners)

Check out this quick SVG viewport and viewBox tutorial. We’ll break down exactly what viewport and viewBox are in SVG for the web.  SVG Viewport  If you literally break down the word “viewport” you’ll get a hint as to its role in SVG. It creates a “port” through which you can “view” a section of… Continue reading SVG Viewport and viewBox (For Complete Beginners)

Micron.js – Create CSS Animations Controlled by JavaScript Power

Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods. You can… Continue reading Micron.js – Create CSS Animations Controlled by JavaScript Power

Free Downloads: Fintech and World Cities Icon Sets From Agente Studio

August 29, 2017 by Noemi Twigg We’ve got two free icons sets for you today, thanks to Agente Studio, a full-service UX/UI design and mobile/web development agency based in New York and Minsk. For your Fintech and travel design projects, you’ll find these two free icon sets ultra useful. Fintech Icon Set Fintech has become a buzzword… Continue reading Free Downloads: Fintech and World Cities Icon Sets From Agente Studio

A free set of 48 free fintech vector icons

A new icon set in the fintech category brought to you by Agente Studio, a small agency based in New York and Minsk. The freebie consists of 48 unique vector icons in two different version (solid and coloured) and provided in Ai file format (Adobe Illustrator), then sliced and exported as EPS, SVG and PNG.… Continue reading A free set of 48 free fintech vector icons

1700+ Free Icons for Web, iOS and Android UI Design

Free highest quality collection of vector, flat, outline and psd icon sets includes 1700+ pixel perfect icons suitable for mockups, web templates, iOS and Android UI Design. Icons are available in AI, EPS, PSD, SVG, Webfont and transparency PNG formats and free to download. All icons are high-res, so you can easily change the thickness and size without… Continue reading 1700+ Free Icons for Web, iOS and Android UI Design

Free Download: 20 Fresh Summer Icons (exclusive)

Our friends from Vecteezy shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free summer style icons that you can use in your design projects. This icon pack contains 20 colorful summer icons and you’re free to use them both in your personal and commerical projects however… Continue reading Free Download: 20 Fresh Summer Icons (exclusive)

10 Fresh Icon Designs For Free Download

  ADVERTISEMENT Another amazing and creative collection of 10 latest, trendy and stylish icon designs are presented here only for your inspiration and free download. All these wonderful and superb icon designs are presented in high quality and are free so you can easily download your favorite icon design without paying any cost. Now you do… Continue reading 10 Fresh Icon Designs For Free Download

Item Reveal Animations with SVG

This is an experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js. It’s been developed by Codrops. These effects can look quite interesting on image grids, covering and uncovering every grid item when navigating. The idea was sparked by the beautiful and creative JOHO’s website. The main idea is… Continue reading Item Reveal Animations with SVG

Web Design Trends and Styles You Should Know About

Web design has truly come a long way. As technology gives designers the power to explore beyond the boundaries, we’ve seen some pretty classy trends being born. Of course, as these new trends are born, some older ones have had to give way. For instance, in 2016, we saw flat design for the first time.… Continue reading Web Design Trends and Styles You Should Know About

Creative Splash Transition with CSS and SVG ― Scotch

SVG path’s are really awesome! And its versatility is what makes them even more impressive and useful for creating engaging animations. In this tutorial we’ll be creating an eye catching animation, just using SVG paths and CSS transitions. To make things easier, we will also be using Pug and Sass, HTML and CSS preprocessors respectively.… Continue reading Creative Splash Transition with CSS and SVG ― Scotch

Essential Collection: 500 free vector icons

Essential Collection is a free featured set of 500 outline icons available for personal and commercial use. Icons are based on 32px grid and cover many categories, that makes them ideal for any kind of web and mobile projects. Each icon is available in different file formats (SVG, PNG, AI, CSH) so you can easily open and edit them… Continue reading Essential Collection: 500 free vector icons

Free Mother’s Day Graphics (exclusive)

Our friends from Freepik shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free vector graphics for Mother’s day that you can use in your design projects. Each vector graphic comes with editable SVG and PNG files (flat, lineal, outline) and you can use,share or modify both… Continue reading Free Mother’s Day Graphics (exclusive)

Iconify: 650+ free icons for Web and Apps

The Iconify Collection is a set of over 650 free glyph icons designed and released by Scott Lewis. Each icon is designed on a 32 x 32 pixel grid and perfectly aligned for maximum clarity. The package includes 678 individual SVG files in 18 categories as well as file formats: SVG, PNG, ICO, ICNS, and… Continue reading Iconify: 650+ free icons for Web and Apps

Free set of 39 coloured Christmas icons

December is around the corner and we want to share with you another incredible free set of 39 coloured Christmas icons in SVG format brought to you by Iconscout that you can use to create stunning greeting cards, social posts or celebrating posters. Download freebie