One Little Designer Stacks Demo Page

Font Awesome


  • First, 1LD's Font Awesome requires inserting code into the HEAD section of this web page
  • Second, go look up the font character you want to use
  • Third, insert font character HTML to generate Font Awesome Characters, e.g. without specifying size.
  • Fourth, adding a size component style="font-size:60px", will change the size of your icon.

Varying your HTML, the size of the characters can be increased, e.g.:
, , , , , , , ,

Notes about all this are in snippets.

Gradient


Many combinations in two colors. Horizontal, Vertical, Diagonal Left, Diagonal Right, Radial Center, Radial Top and Radial Bottom.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Loaderz



A loader animation will occur as the page is loading. Meant for pages that take awhile to load. Available loaders are: Android Material, Folding Square, Racing Inner Circle, Growing/Shrinking Lines, Pulsating Circle/Square, Flowing Circle/Squares, Expanding Load Bar, Striped Loader, Filling Text, and Rotating Circle w/image. Colors and dimensions are configurable.