All Guides
In-depth tutorials, practical experiments, and front-end engineering notes published since 2012.
Pixel Polyfill for REM Units (with SASS Mixin)
It is so common to see rem units over em and px nowadays in web design, which has been around since 2012.
The Box Sizing Reset in CSS
Sizing elements is crucial in front-end Web development. Talking about CSS, every now and then you need to size things up if you are into architecting web...
Find previous versions of WordPress plugins
WordPress plugins are version-based. You receive updates in your admin dashboard as soon as a new version update for a plugin is available.
Lazy loading JavaScript to improve site speed
The use of JavaScript is so common on web. Ranging from site functionality, visitor tracking, advertisement to social media assets, we can see JavaScript...
Build an XML Sitemap for your static website
Sitemaps are important - both for the visitors / readers of your website and search engines. For your readers' convenience of browsing your website, HTML...
Best WordPress Plugins to generate XML sitemap
An XML Sitemap provides you the way to let search engines crawl and index the new URLs on your website.
Convert colored images to Grayscale with CSS
Ever tried turning an image into grayscale in CSS? Can it be doable? Yes. With the help of filters.
Add Font Awesome to WordPress Navigation Menus
Icon fonts allow you to add resolution-independent, multicolor icons to your web design projects. There are many icon fonts out there available for free, but...
AJAX load Disqus comments on Scrolling down the page
In a previous post, we implemented loading Disqus on click event, when visitors don't see the comment box unless they click the "Load Comment" button.
Creating a Responsive Pure CSS Masonry Layout
The CSS-only way to create masonry layouts. Easy to understand, simple to implement. Demos included.
Pure CSS Rainbow text with Animation effects
Rainbow text with CSS is pretty easy thing to create while playing with some background properties.
Understanding the CSS Box Model
I didn't learn CSS systematically. First I started playing with colors and fonts, then I started building (those insane, red-green) 'table-based' layouts.