Tips & Tutorials

Welcome to a quick tutorial on how to create blurred images in HTML CSS. So you want to blur an image directly in CSS, without manual editing using another app? The easiest way to create a blurred image in HTML CSS is to apply the blur filter – <img src=”IMAGE.jpg” style=”filter: blur(5px);”> Yes, that’s all. […]

Welcome to a quick tutorial on how to create blurred text in HTML CSS. So you want to add some effects and blur a block of text? The easiest way to create a block of blurred text is to use the CSS blur filter – <p style=”filter: blur(5px);”>BLUR</p> Yes, the dark days of the Internet

Welcome to a tutorial on how to create a fullscreen loading spinner. Want to show a “now loading” screen? There’s no need to load an entire library or framework, here’s how to create one yourself. Read on!     TABLE OF CONTENTS Download & Demo Fullscreen Spinner Extras The End   DOWNLOAD & DEMO Here

Welcome to a quick tutorial on how to create an HTML timetable. Yep, there are already a ton of “HTML timetable” examples on the Internet. I mean, it’s so easy to create one using a <table>, any newbie can do it with an eye closed. So let us walk through a different example in this

Welcome to a quick tutorial on how to position text over an image in HTML CSS. So you want to add some captions over an image? Let us walk through some simple examples, read on!     TABLE OF CONTENTS Download & Notes Text Over Image Extras The End   DOWNLOAD & NOTES Here is

Welcome to a tutorial on how to create a simple responsive image gallery with HTML and CSS. Yes, there are plenty of such “image galleries” all over the Internet. But here’s one that is fuss-free and does not use any third-party frameworks – Read on!     TABLE OF CONTENTS Download & Notes Image Gallery

Welcome to a tutorial on how to create responsive circles in HTML CSS. Once upon a time in the Stone Age of the Internet, we had to use circle images and there were no alternatives. But it is a breeze to create circles with modern CSS – Read on for the examples!     TABLE

Welcome to a quick tutorial on how to keep HTML elements on the same line. So you are trying to create a “row of horizontal content”? Maybe a row of buttons, slides, pictures, or various different items. One of the easiest ways to keep elements on the same line is to create a flexible container.

Welcome to a step-by-step tutorial on how to create simple responsive CSS speech bubbles. Once upon a time in the Stone Age of the Internet, we created speech bubbles by putting several pieces of background images together… Like it’s some sort of a jigsaw puzzle. But today, it is totally possible to create a speech