Category: Tutorials
-
Multiline Truncation With Ellipsis & Read More Button
Learn how to truncate overflowing text with ellipsis and add a ‘Read More’ button using JavaScript and CSS’s line-clamp property. Improve content display and user experience on your website.
-
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.
-
Turn a Number into a Star Rating Display with jQuery in 5 Minutes
Learn how to convert numerical ratings into a star rating display using jQuery. This quick, 5-minute tutorial will guide you through the process step by step.
-
Build a Filterable Component With jQuery in Just Only 5 Minutes!
If you have a web app that contains a list of information, and you want your users to find the information they are looking for as fast as possible. In today’s article, I’ll show you how to build your own simple filterable component with jQuery in just only 5 minutes!
-
JavaScript Random Unique Key Generator
Generate unique key randomly (look like GUID) using JavaScript!
-
High Performance CSS Animation
Ensuring your page’s animation running at 60fps (frame per second) is the key to a silky smooth animation. When an animation begins to run, the browser executes your script and start to figures out what it need to paint and composite on the screen. So it is important to know how browser handles animation in order to optimize your script.
-
Optimize Scrolling Performance: How to Debounce Scroll Events for Faster, Smoother Pages
Learn how to optimize scrolling performance by debouncing scroll events, improving responsiveness and reducing lag on mobile devices and parallax sites.