Old version of the website Diablo 2 Fansite Azure Blog Gladiatus Fansite Sunwell Solutions LTD MMO Template page Table page HTML Semantic Page Russian Salad Calculator To Do List

Bootstrap progress bar

This is one of the little examples of the power of Bootstrap. A lot more in this website is built on Bootstrap

Progress:

Loading...
80%

TinyMCE

TinyMCE is a rich text formatting utility. Used in Joomla for example. It's paid.

Chart.js

Chart.js is a JS utility to draw beautiful charts from the canvas html tag

Google code prettifier

Google code prettifier

<rule name="Redirect azurewebsites.net to Custom Domain" stopProcessing="true">
          <match url=".*" />
          <conditions>
            <add input="{HTTP_HOST}" pattern="^WEBAPPNAME.azurewebsites.net$" />
          </conditions>
          <action type="Redirect" url="http://CUSTOMDOMAIN.COM/{R:0}" appendQueryString="true" redirectType="Permanent" />
        </rule>

Clipboard.js

Clipboard.js is a utility for copying stuff to your clipboard. I can't say it's super easy to use for beginners but it's the most widespread tool

Highlight.js

Highlight.js is a programming language code pretty-fier tool. Another alternative is Prism


body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

Highlight.js + Clipboard.js

This is a combo of the two


body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

Lightbox

Lightbox is a image popup utility which is easy to use and can group image into bundles using data-lightbox propert of the a tag

Beautiful Diablo 3 button

The interesting part here is that the button is split in 3 parts from a single sprite image. Uses span tag to split the 3 parts

Try Free Now

jQuery UI Draggable

jQUERY UI is a jQuery utility that does interface tricks and draggable items is just one of them

Drag me around

Diablo 3 Item tooltip

Beautiful tooltip provided by Diablo 3 when linking items. Just hover over the link below.

Item
Skill