bostonhuman Goto Github PK

accordion-javascript

When you click on the title of an accordion, its corresponding panel expands to reveal the content.

adding-new-content

In this example, you can see three jQuery selections are made. Each selection uses a different method to amend the content of the list.

adding-newcontent

In this example, you can see three jQuery selections are made. Each selection uses a different method to amend the content of the list.

animate-javascript

In this example, the .animate() method is used to gradually change the values of two CSS properties. Both of them have numerical values: opacity and padding-left.

backbone-fundamentals

:book: A creative-commons book on Backbone.js for beginners and advanced users alike

basic-webpage

Just basic html and css.

billionaire.com

billionaire.com website developed by mostly bootstrap, html and css.

blur-focus

This example, as the text input gains and loses focus, feedback is shown to the user in the div element under the text input. The feedback is given using two functions.

bootstrap-simple

Simple html page with bootstrap framework.

boston-map-api

A single-page application featuring a map of my favorite places I would like to visit. By using Google Map API and Yelp API.

chaining-javascript

In this example, if you want to use more than one jQuery method on the same selection of elements, you can list several methods at a time using dot notation to separate each one, as shown below.

changing-dimensions

This example demonstrates how the .height() and .width() methods can be used to retrieve and update box dimensions.

changing-dimensions-copy

This example demonstrates how the .height() and .width() methods can be used to retrieve and update box dimensions.

classic-arcade-game

The goal of the player is to reach the water, without colliding into any one of the enemies.

copy-javascript

In this example, you can see parts of the DOM tree being removed, duplicated, and placed elsewhere on the page.

critical

Extract & Inline Critical-path CSS in HTML pages

critical-path-css-demo

Above-the-fold CSS generation + inlining using Critical & Gulp

determining-position-javascript

dimensions

This example demonstrates how the .height() and .width() methods can be used to retrieve and update box dimensions.

end-zone-position

In this example, as the user scrolls down the page, a box slides into view if they get within 500 pixels of the footer.

essential-js-design-patterns

Repo for 'Learning JavaScript Design Patterns' - creative-commons book on JavaScript design patterns.

event-object

In this example, when users click on a list item, the date that the event happened on is written next to that item, along with the type of event that triggered it.

events-mutation

In this example, two events listeners each trigger their own function. It listens for when the user clicks the link to add a new item.

feed-reader-testing

Use Jasmine to write a number of tests against a pre-existing application.

filter-tags.html

In this example, a gallery of images are tagged. Users click on filters to show matching images.

filters-in-use

This example selects all list items and then uses different filters to select a subset of the items from the list to work with.

focus-blur

This example, as the text input gains and loses focus, feedback is shown to the user in the div element under the text input. The feedback is given using two functions.

focus-blur-edit

This example, as the text input gains and loses focus, feedback is shown to the user in the div element under the text input. The feedback is given using two functions.

form-edit

In this example, a button and form have been added under the list. When the user clicks on the button to add a new item, the form will come into view.

form-event-javascript

When a user interacts with the drop-down select box, the change event will trigger the packageHint() function. This shows messages below the select box that reflect the choice.