Featured Image Made With MockoFun Want to know how to get free hosting for your website? Read to find out step by step how to get a website hosted for free and get 100 PageSpeed score. There’s no catch, I won’t try to sell you into any hosting providers, honestly! It’s just an elegant method...
SVG filters are a very powerful, but a bit obscure tool. You can reference SVG filters from CSS and you can even combine multiple SVG filters. In this post I’ve used SVG filters and 80s fonts to create a few 80s text effects. You can find the source code for each of the 80s font...
This article will help you find all the necessary information needed to kickstart your career and how to become freelance social media manager expert. A decade ago, social was merely a way to connect with people, share your interests, goals, hobbies, etc. Today, social media has become a business, as brands and businesses are actively...
In this article I will share the CSS & JS code to generate circle text from a HTML text element. This technique makes a span element for each letter and rotates it slightly. You can generate a circle text by adjusting the font site and circle radius. Similar techniques have been implemented in online web...
The chances are high that a web programmer has said you need to speed up your website if you want more traffic. It’s practically an adage at this point, as speed is everything online. And it applies to just about every website, not just ones involved in e-commerce, blogging, and other industries that handle a...
In this CSS tutorial I will show you how to create a heart shaped bokeh CSS effect. You can use the same code to create the CSS bokeh effect with other shapes too. This is the bokeh CSS effect we will make: For the impatient readers: Codepen Heart Shaped Bokeh Gist on Github Heart symbol...
In this tutorial I will show you how to create the stroke text CSS effect. Before we go into the HTML and CSS code, if you only need to create a stroke text image, check out this tutorial and learn how to outline text in Photoshop. Or, if you don’t have Photoshop, you can use...
Get a free copy of this HTML5 canvas cheat sheet in PDF or PNG format Have you ever dreamed of being able to create original and intricate illustrations using nothing but HTML code? Well now, Web Developers and coding enthusiasts can now unleash their inner artist with HTML5. Thanks to advances in technology, HTML5 can...
In this tutorial I will show you how to draw a line pattern using JavaScript and the HTML5 canvas. Drawing with HTML5 canvas is not too difficult and it only requires some basic HTML and JavaScript knowledge. At the end of this tutorial you know how to do simple drawing using HTML5 canvas and JavaScript and how...
Add Text Before And After Content In WordPress Using Hooks (Complete Guide) This post will help you learn how to add or modify text before or after all WordPress content like posts or pages. The best part? You don’t need to be a WordPress or PHP expert. (In other words, I will provide you with...