Text truncation, using CSS
Truncate both single and multiline text with CSS, adding an ellipsis at the end.
Discover short code snippets for all your development needs.
Browse snippets by collection or check out our top picks and latest articles below.
New & Popular Snippets
-
CSS · -
JavaScript · How can I get all ancestors, parents, siblings, and children of an element?
Learn how to traverse the DOM and find all elements related to a given element.
-
JavaScript · How do I use JavaScript to get the base URL or the URL parameters?
Master URL handling by learning how to get the base URL and the URL parameters as an object in JavaScript.
-
JavaScript · How can I group and count values in a JavaScript array?
Learn how to group and count the values of a JavaScript array using simple array methods.
-
JavaScript · Calculate the factorial of a number using JavaScript
Calculate the factorial of a number, using two different approaches.
-
JavaScript · Generate the Fibonacci sequence in JavaScript
Generate an array, containing the Fibonacci sequence, up until the nth term, using two different approaches.
-
CSS · How can I create a circular progress bar using only CSS?
Circular progress bars are fairly common in the web. Luckily, some new CSS features make it easier than ever to create them.
-
React · Tag input field
Create a custom input field with selectable tags, using React.
-
React · React rendering
Take a deep dive into React's rendering process to understand the basics, performance optimization and the role of state management in it.
-
React · Mapping data structures to React components
Ever wanted to transform an array into a table or an object into a tree view? Here are some React components that can help you do just that.
-
JavaScript · Get all unique values in a JavaScript array & remove duplicates
Easily remove duplicates from a JavaScript array using the built-in
Setobject, and learn a few other tricks along the way. -
CSS · Image gallery with horizontal scroll
Creates a horizontally scrollable image gallery.