Topic: front-end

[WordPress] Open Images in Posts into Lightboxes On Clicks (Without Plugins)

Task Description When user clicks an image within the entry, the image will be opened... Read

[Vue.js] 8 months into Vue and what I like about it

Luckily I was injected into a Vue project at the time I had a plan... Read

[WordPress] Add a call-to-action floating button without plugins

If you want to create a floating element (such as button) to your WordPress website... Read

[WordPress] Customizing Themes: Basic Principles & Examples

The purpose of this article is to provide some methods to customize a WordPress theme.... Read

[HTML, CSS] Make a sticky announcement bar with Bootstrap

A Bootstrap-style announcement/information bar that is fixed to the top, including one text string and... Read

[CSS] Make equal-height Bootstrap columns and vertically align content with Flexbox

Make columns in a row from Bootstrap to have equal height no matter how much... Read

[CSS] Simple slide up and fade text animation [Code + Demo]

Here is a simple slide up and fade text animation with CSS3 and... Read

[CSS] Simple parallax [Code + Demo]

This code implements a simple parallax section with only CSS, no Javascript needed. The idea... Read

Code refactoring: When and How

In general, code refactoring refers to the process of changing bad codes into cleaner, purposeful,... Read

[Bug + Fix] Upload button behaves as a submit button

When pressing button Upload, the form submitted itself. Let's fix... Read

[WordPress][ACF] Dynamically populate a select list with values from repeater text fields

There are two custom fields made with Advanced Custom Fields Pro plugin: Video Tutorials and... Read

[CSS] Fixed sidebar when scrolling: Use Position Sticky

How to make a WP sidebar fixed with several lines of... Read