Horizontal slider in Articulate Storyline, using states and triggers

Live version

Removing the upper courses was a challenge because I didn’t want them to fall on me, so I wound up sitting on the new retaining wall and prying them loose (as seen in the video above). As expected they came down a dozen or two at a time, so it was a warranted precaution. I decided to go ahead and remove the second course as well, also captured on video. Once I removed everything and was down to good brick, I started with the lintel and upper bricks instead of the bottom so I could still put weight on the bottom as I worked. I bought and painted three six foot pieces of “angle iron” L-shaped steel. Our basement wall is three bricks thick (multi-wythe) so without getting a special piece of steel this was the easiest way to do it. I anchored the lintels in with brick and mortar on each side and then put in the middle course first, then the outside and finally the inside.

The next day I put together the sill, rebuilding the damaged courses and installing the limestone sill. I forgot to center the sill under the window, so it’s not perfectly symmetrical by a couple inches, but I can live with it. Then I rebuilt the sides where the center wythe of brick had erroded. Unfortunately I still wound up having to grind the sides to get it flat enough to fit the bucks. Since I bought my windows months ago with little to no clearance, I needed the rough openings to be big enough, which meant the sides had to be perfectly flat. On the side windows I did a lot of trial and error with test fitting the buck, but by this point I’d realized I could use my laser level to cast a vertical exactly where I wanted it, then grind away the red line.

Once the sides were smooth I installed the bucks the same way I did the side windows: pressure treated boards (though I increased to 2x10s in this case) with sill gasket installed using Tapcon screws. With the buck in place I slid the window into place, shimmed it on either side, and screwed it in with vinyl window screws. 

Window Installed

New Post has been published on http://www.htmluse.com/bootstrap-slider-plugin/

Bootstrap Slider Plugin

Download Demo

New Post has been published on http://www.htmluse.com/jquery-ui-slider-pips/

Jquery UI Slider Pips

Download   Demo

Jquery UI Slider Pips - Making jQuery Sliders a little bit nicer

Features

Adds small “pips” and “labels” to the slider

Extends the jQuery UI Slider widget

Easily Configurable

Works for both Horizontal and Vertical sliders

Doesn’t change default slider behaviour

Purely a visual plugin

Requirements:

jQuery (1.9+)

jQuery UI (1.10+)

A Reason to use it

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" href="css/jquery-ui-slider-pips.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> <script src="js/jquery-ui-slider-pips.min.js"></script>

2. HTML

<div id="slider2"></div>

3. JAVASCRIPT

$('#slider2').slider().slider('pips').slider('float');

4. OPTIONS

Advanced usage with options:

// First of all attach a slider to an element. $('.element').slider(); // Then you can give it pips and labels! $('.element').slider('pips', first: 'label', last: 'label', rest: 'pip', labels: ['label1', 'label2', ...], prefix: "", suffix: "" ); // And finally can add floaty numbers (if desired) $('.element').slider('float', handle: true, pips: true, labels: ['label1', 'label2', ...], prefix: "", suffix: "" );

Options for pips:

first: ‘pip’ or ‘label’ or false last: ‘pip’ or ‘label’ or false rest: ‘pip’ or ‘label’ or false labels: ['array','of','labels'] or false prefix: “string” suffix: “string” formatLabel: function(val) return this.prefix + val + this.suffix

Options for float: