Category: Tutorials
-
Build Multi-step Cart Checkout Form With Alpine.js
Here’s an example of how you can create a multi-step checkout form using Alpine.js. In this example, we’ll create a simple 5 steps form where the user enters their shipping information and submit the form in the final steps.
-
Comparing Flat vs. Hierarchy URL Structures for Better Rankings
Flat URLs boast simplicity and quick indexing, while hierarchy URLs offer content organization and keyword depth. Opt for flat for straightforward sites, hierarchy for complexity. Strike the right balance for harmonious SEO, optimizing user experience and search engine visibility for top rankings.
-
Skyrocket Your Website’s Visibility with JSON-LD!
Unleash the power of JSON-LD Structured Data to elevate your website’s search ranking and captivate your audience.
-
Build News List With RESTful API & Fetch API
In this post, you will learn how to build a simple news list with RESTful API & Fetch API.
-
Adding Animated Transition To React Router
In this article, we will learn to animate route transitions using React Router Transition package.
-
Beginner’s Guide to React Router
React Router is a client-side routing to build a single-page application (SPA) that allows navigation between different pages without refreshing the browser. In this article we will shows you how to build a simple single-page application (SPA) using React Router.
-
Multiline Truncation With Ellipsis & Read More Button
In this article, we will show you how to detect the length of the content, truncate content accordingly to your need, and add a Read More button to expand the content when clicked.
-
Build A Weather App In Vue JS
In this article, we will show you how to build a simple weather app with API using Vue JS in less than 20 minutes.
-
JavaScript ES6 features: Spread Operator
The Spread Operator syntax has 3 dots (…). Spread Operator syntax looks exactly like Rest Parameter syntax, the main difference is Spread Operator unpack an array, while Rest Parameter collects multiple elements and pack them into an array.
-
JavaScript ES6 features: Destructuring Assignment
Starting from ES6, we can use a new feature called Destructuring Assignment to destructure properties of an object or element of an array into individual variables.
-
JavaScript ES6 features: Rest Parameter
Rest Parameter is 1 of the core features of ES6. The Rest Parameter has a prefix of 3 dots (…) that allows you to represent an indefinite number of arguments as an array.
-
Truncate Multiple Line With CSS
Truncating a single line is very easy with CSS, but if you want to truncate multiple-line is a bit harder in the old days, until -webkit-line-clamp being introduced by Webkit.