Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies? Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Fester is designed by Nawras Moneer. FESTER is an uppercase, semi-condensed, sans-serif typeface. Its gentle, clean appearance makes it a suitable typeface for headlines, posters,…
This a tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.In this tutorial you will create a Shazam-like UI where we initially have a simple button that, when clicked, morphs into a listening button. And also some musical notes will be animated that fly from outside of the viewport to the listening button to indicate listening activity. Finally, the listening button will transform into a music player with…
SmartBlog is a light and elegant theme tailored to be exceptional on all kinds of blogs. Not only its modern design is pleasing to the eyes, it packs in robust yet easy-to-use backend system all managed through WordPress Live Customizer. If the numerous theme options are not enough for you, rest assured that our support staff will be at your service to assist you. This theme comes with Fully Responsive design with High Definition Retina…
If you want your website to rank on the first page of Google, you need to generate links that will pass the authority that will allow Google’s algorithm to rank you on the first page of the search engine results. Executing the link building strategies can be a challenge. To make it easier, we have provided the following tips on how you can acquire links successfully with these SEO link building strategies. Create link-bait with…
The Christmas season is around the corner, to celebrate this festive holiday season we are sharing this amazing free Christmas icons pack. This gorgeous Free Christmas Icons contains 20 beautiful icons in AI, EPS, SVG, PNG formats and will be the ideal choice for your Christmas themed designs and projects. These vector icons can be used in web designs, graphic designs, app designs and in various forms of print media such as greeting cards, posters…
This is a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button. The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the incoming items of the new level of the multi-level menu. As optional elements we have a breadcrumb navigation and a…
A versatile collection of 10 free email signature templates that will help you create unique footer designs for your emails. These professional email signatures allow you to display vital information about yourself or your company/brand. These templates are fully editable, which means you can change the text, colors, profile pictures and even add or remove the icons. Simply choose from one of the 10 included, ready-to use e-mail signature templates or create your own personalized…
Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies? Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font HK Grotesk is designed by Alfredo Marco Pradil. HK Grotesk is a sans serif typeface inspired from the classical grotesques. The goal in designing HK…
Kreo is a 5 in 1 WordPress Theme suitable for wide variety of projects. Whether you are looking for a minimalistic, funky, clean & stylish, blog, eshop or portfolio design Kreo is the right choice. Features: – Fully Responsive – Visual Drag & Drop Page Builder – Multilingual (WPML) Ready – Contact Form 7 Compatible – One-Click Demo Data Import – SVG & Fontello Icons (+Custom) – Multiple Animation Styles – 3 Portfolio View Styles…
Segment is a little JavaScript class – 2kb (without dependencies) to draw and animate SVG path strokes. The advantages of using Segment is that you can animate the transition from one segment to another, define a begin and end values with expressions like “50% + 10”, set delays, easing functions, callbacks, and all these with less than 2kb! The easing functions used in this demo belong to the excellent library d3-ease.