EDDYMENS

Published 2 years ago

Get Human Readable Date In Javascript (Moment.js Format Time Ago)

You can present a human-friendly date to your readers using the moments.js library. This is an open-source Javascript library for working with dates. The code sample below shows how to comp...

Published 2 years ago

Snippet Injection Not Working On Netlify

On Netlifly , you can inject scripts like CSS and JS into your production app. This means for example, instead of having your Google Analytics script in the development/local version of your webs...

Published 2 years ago

Javascript: Add Days To The Current Date

To create a new date instance you will use . This creates a date object. From that object, you can get the current day, month, and year among other date-related data. To get the current day for example this will be: ...

Published 2 years ago

Fieldset And Legend HTML Tags: What Are They For?

There are high chances you have never had to use the or . The tag is used to group related inputs and the tag is used to label the group. You do get a bit of styling when you use the and tags, something similar to the example below. This creates some form of a grouping of input...

Published 2 years ago

Horizontally Aligning List Items (li) Within An Unordered List (ul)

One reason for wanting to display an ordered list horizontally is for the implementation of pagination. An HTML UL element is a perfect element for creating square-shaped page numbers in a list form by applying different CSS styles. The code snippet below shows you how to convert the defau...

Published 2 years ago

Here's How To Create A Responsive Pagination Outline | Scrollable

Displaying all page numbers can distort your page if there are too many of them. You can prevent this by applying a horizontal scrolling effect to the pager. By applying a scroll effect you can tack away page numbers that don't fit the page and access them by scrolling. The code below show...