Skip to content

Instantly share code, notes, and snippets.

View thbland's full-sized avatar

Troy Bland thbland

View GitHub Profile
@thbland
thbland / index.html
Created October 20, 2022 19:38
Overview - DevExtreme Form
<div class="dx-viewport demo-container">
<div id="form-demo">
<div class="widget-container">
<div id="select-company-text">Select company:</div>
<div id="select-company"></div>
<div id="form"></div>
</div>
<div class="options">
<div class="caption">Options</div>
<div class="option">
@thbland
thbland / gnarly-grid-updated.markdown
Created September 22, 2022 05:38
Gnarly Grid Updated
@thbland
thbland / index.html
Created August 17, 2022 14:53
Sidebar Navigation with Icons
<nav>
<ul>
<li>
<a href="#" class="active">
<i class="icon-dashboard"></i>
<span>Dashboard</span>
</a>
</li>
<li>
@thbland
thbland / index.html
Created August 3, 2022 03:49
Rotating border 3
<div class="conic"></div>
<div class="conic conic-demo"></div>
@thbland
thbland / index.html
Created August 2, 2022 17:29
width border animation
<div class="border-radius">
</div>
@thbland
thbland / index.html
Created August 2, 2022 17:18
JavaScript Proxy the Fetch API
<div>
More info on:
<br /><br />
<a href="https://daily-dev-tips.com/posts/javascript-proxy-the-fetch-api/" target="_blank">Daily Dev Tips</a>
<br /><br />
See console for output 🙋
</div>
@thbland
thbland / fcc-product-landing-page.markdown
Created July 30, 2022 15:53
FCC: Product Landing Page
@thbland
thbland / index.html
Created July 12, 2022 20:58
Shadow cast
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>Shadow cast | Sample | ArcGIS API for JavaScript 4.24</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.24/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.24/"></script>
<style>
@thbland
thbland / index.html
Created July 1, 2022 15:57
SVG Image Mask
<div class="grid">
<img src='https://images.unsplash.com/photo-1652794121425-3994156518ba?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NTU0NzM1ODk&ixlib=rb-1.2.1&q=80' alt=''>
<img src='https://images.unsplash.com/photo-1535591273668-578e31182c4f?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NTU0NzQ5OTQ&ixlib=rb-1.2.1&q=80' alt=''>
<img src='https://images.unsplash.com/photo-1475359524104-d101d02a042b?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NTU0NzQ4ODY&ixlib=rb-1.2.1&q=80' alt=''>
<img src='https://images.unsplash.com/photo-1550684848-fac1c5b4e853?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NTU0NzUxODA&ixlib=rb-1.2.1&q=80' alt=''>
</div>