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...
Google SERP Checker PHP Script I’ve made this SERP checker PHP script that shows the position or Google rank of a page for a certain keyword search. It also displays a preview of the how a certain page looks search engine results page. Though SERP is a generic term referring to all search engine results,...
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...
You can implement materialized views in MySQL. How? Read this post and I will show you 3 different methods for creating a MySQL materialized view. An application is only as fast as it’s slowest component. If your application uses MySQL your objective is clear: Improve MySQL query performance to get faster data retrieval and...
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...
So, How Do You Highlight Text In CSS and HTML? In this short tutorial I will show you several cool ways in which you can use CSS to highlight text. Just like on paper, you highlight text in a HTML page to draw attention to important sections, paragraphs or group or words. On paper you...
In this short CSS tutorial I will show you how to create some really cool and easy CSS image effects that you can apply to any online image. The image effects I will show you are the most common photo effects that photographers use when developing a photo. I’m a photographer myself, so, I like...
Probably the easiest way to add a triangle in a web page is to simply draw it in an image and add the image to the web page. There are many secrets to drawing the perfect triangle and you can read how to do that in Photoshop in this article: Create A Triangle in Photoshop...