A Pen by Carl Boneri on CodePen.
Carl Boneri CarlBoneri
CarlBoneri
/ Options With Async Search.markdown
Created
March 31, 2016 01:56
Options With Async Search
A Pen by Carl Boneri on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Autocomplete for materializecss and Rterial</title> | |
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |
| <script src="//code.jquery.com/jquery-1.10.2.js"></script> | |
| <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css"> | |
| <!-- Compiled and minified JavaScript --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <meta charset="utf-8"> | |
| <head> | |
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" rel="stylesheet" /> | |
| <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script> | |
| </head> | |
| <body class="body-light"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" rel="stylesheet" /> | |
| <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script> | |
| </head> | |
| <div class="row"> | |
| <div class="col s9 offset-s2"> | |
| <div class="card-panel" style="padding:1px !important"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="body skin-black"> | |
| <div class="container-fluid" style="overflow:hidden;"> | |
| <nav class="menu" style="z-index:10"> | |
| <input href="#" type="checkbox" class="menu-open" style="z-index:15" name="menu-open" id="menu-open" /> | |
| <label class="menu-open-button" for="menu-open"> | |
| <span class="hamburger hamburger-1"></span> | |
| <span class="hamburger hamburger-2"></span> | |
| <span class="hamburger hamburger-3"></span> | |
| </label> | |
| <a href="#" class="menu-item" id="google_one"><i class="fa fa-line-chart fa-lg" style="color:#ff0000;"></i></a> |
A Pen by Carl Boneri on CodePen.
CarlBoneri
/ Leaflet Material Controls.markdown
Created
July 12, 2016 23:26
Leaflet Material Controls
Leaflet controls using components from Google's material design lite framework (www.getmdl.io).
Includes zoom, fullscreen toggle, layer selector and geocode search controls.
Get all the controls packaged together in the following repository: https://github.com/christippett/leaflet-material
Forked from Chris's Pen Leaflet Material Controls.
A Pen by Carl Boneri on CodePen.
CarlBoneri
/ twitter.js
Created
September 9, 2016 15:36
— forked from cjoudrey/twitter.js
Lazy-rendering in PhantomJS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // This example shows how to render pages that perform AJAX calls | |
| // upon page load. | |
| // | |
| // Instead of waiting a fixed amount of time before doing the render, | |
| // we are keeping track of every resource that is loaded. | |
| // | |
| // Once all resources are loaded, we wait a small amount of time | |
| // (resourceWait) in case these resources load other resources. | |
| // | |
| // The page is rendered after a maximum amount of time (maxRenderTime) |
OlderNewer