Drop caps with pure CSS
Style the first letter of the first paragraph in your text, using a simple CSS selector,
Code Articles
30 seconds of code contains a curated collection of code articles covering a wide range of development needs. The collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
CSS · -
CSS · Text truncation, using CSS
Truncate both single and multiline text with CSS, adding an ellipsis at the end.
-
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.
-
JavaScript · Sum of powers in range
s the sum of the powers of all the numbers from
starttoend(both inclusive). -
CSS · How can I reset all styles on an element?
Have you ever needed to reset all styles previously applied to a selector to their default values? CSS has the tool just for you!
-
JavaScript · Pad a string with a character
Pad a string on both sides with the specified character, if it's shorter than the specified length.
-
JavaScript · Pretty print number of bytes
Convert a number in bytes to a human-readable string.
-
JavaScript · Check if a number is inside a given range with JavaScript
Check if the given number falls within the specified numeric range.
-
JavaScript · Check if a JavaScript string is an anagram of another string
Check if a string is an anagram of another string, handling case-insensitivity and special characters.
-
JavaScript · Join the segments of a URL using JavaScript
Learn how to join the segments of a URL and normalize the resulting URL using JavaScript.
-
JavaScript · Offset elements in a JavaScript array
Ever needed to move some elements to the end of an array? Here's a simple way to do it.
-
JavaScript · Expand tabs into spaces
Convert tabs to spaces, allowing you to control the number of spaces each tab corresponds to.
-
JavaScript · Smooth scroll to the top of the page using JavaScript
Smooth-scrolls to the top of the page.
-
JavaScript · How do I use JavaScript to modify the URL without reloading the page?
Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
-
CSS · How to clear floats with a clearfix
Eliminate the need for non-semantic markup to clear floats.
-
JavaScript · Change the order of arguments in a JavaScript function
Learn how to reorder the arguments of a JavaScript function to fit your needs.
-
JavaScript · Find the longest element in a JavaScript array
Find the element with the greatest
lengthin a JavaScript array. -
JavaScript · Find the maximum subarray of a JavaScript array
Learn how to find the contiguous subarray with the largest sum within an array of numbers in JavaScript.
-
JavaScript · Percentile of matches in a JavaScript array
Calculate the percentage of numbers in the given array that are less or equal to the given value.
-
JavaScript · Convert the output of a JavaScript generator to an array
Converts the output of any generator function to an array using the spread operator.