This code implements a simple parallax section with only CSS, no Javascript needed. The idea is that an image will be set as the background image of a section with fixed position, so that when people scroll down, the image stays fixed.
Front-end
Code refactoring: When and How
In general, code refactoring refers to the process of changing bad codes into cleaner, purposeful, human-readable, reusable code in order to be cost effective, easy to maintain and collaborate, and probably a better performance.
[HTML] Form button issue and solution: Upload button behaves as a submit button
When pressing button Upload, the form submitted itself. Let’s fix this.
WordPress’s ACF: Dynamically populate a select list with values from repeater text fields
1. Task description There are two custom fields made with Advanced Custom Fields Pro plugin: Video Tutorials and Video Tutorial Sections. Video Tutorials: has a repeater field that include Video name (Text), Video URL from Youtube (Text), and Video section (Select). This will display under a page called Video Tutorials. Video Tutorial Sections: a repeater […]
[CSS] Fixed sidebar when scrolling: Use position Sticky
How to make a WP sidebar fixed with several lines of CSS.
AJAX Contact Form: Sending Emails Without Refreshing Page (Source Code)
In this video tutorial, we will make an AJAX contact form for simple use.
This form has three fields: Name, Email and Message. It lets others send you an email through a web platform without refreshing the webpage using AJAX (Asynchronous JavaScript And XML).