A Pen by Christopher Birster on CodePen.
Chris Birster chrisbirster
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="mx-auto mt-10 space-x-2 w-4/5 flex flex-col items-center justify-center"> | |
| <div class="flex highlight space-x-4 justify-around w-4/5"> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchstart">Touchstart</p> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchmove">Touchmove</p> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchend">Touchend</p> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchcancel">Touchcancel</p> | |
| </div> | |
| <div class="h-12"></div> | |
| <div class="flex w-4/5"> | |
| <div class="flex flex-col container items-center justify-center bg-indigo-500 p-4 h-[300px] rounded-lg shadow-lg"> |
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="mx-auto mt-10 space-x-2 w-4/5 flex flex-col items-center justify-center"> | |
| <div class="flex highlight space-x-4 justify-around w-4/5"> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchstart">Touchstart</p> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchmove">Touchmove</p> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchend">Touchend</p> | |
| <p class="border-2 p-4 rounded-lg border-green-400 w-56 text-center touchcancel">Touchcancel</p> | |
| </div> | |
| <div class="h-12"></div> | |
| <div class="flex w-4/5"> | |
| <div class="flex flex-col container items-center justify-center bg-indigo-500 p-4 h-[300px] rounded-lg shadow-lg"> |
chrisbirster
/ indexeddb-raw.js
Created
October 10, 2023 19:28
Provides an example of CRUD operations using the low-level API with a Users database for IndexedDB
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
| let db; | |
| // Open the database | |
| let openRequest = indexedDB.open('myDatabase', 1); | |
| openRequest.onupgradeneeded = function(e) { | |
| console.log('Upgrading the database...'); | |
| db = e.target.result; | |
| if (!db.objectStoreNames.contains('users')) { | |
| console.log('Creating object store...'); |
chrisbirster
/ idb.js
Created
October 10, 2023 19:26
Provides an example of CRUD operations using idb with a Users database for IndexedDB
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
| import { openDB} from "idb"; | |
| async function setupDatabase() { | |
| const db = await openDB('myDatabaseIDB', 1, { | |
| upgrade(db) { | |
| console.log('Upgrading the database...'); | |
| if (!db.objectStoreNames.contains('users')) { | |
| console.log('Creating object store...'); | |
| db.createObjectStore('users', { keyPath: 'id' }); | |
| } |
chrisbirster
/ gist:0359b4c6da7463627c419da83b6dedad
Created
October 4, 2021 14:16
VS Code settings.json
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
| { | |
| "files.autoSave": "onFocusChange", | |
| "vim.easymotion": true, | |
| "vim.incsearch": true, | |
| "vim.useSystemClipboard": true, | |
| "vim.useCtrlKeys": true, | |
| "vim.hlsearch": true, | |
| "vim.leader": "<space>", | |
| "vim.normalModeKeyBindings": [ | |
| { |
chrisbirster
/ postgres-brew.md
Created
September 18, 2018 15:32
— forked from ibraheem4/postgres-brew.md
Installing Postgres via Brew (OSX)
In your command-line run the following commands:
brew doctorbrew update
I hereby claim:
- I am chrisbirster on github.
- I am chrisbirster (https://keybase.io/chrisbirster) on keybase.
- I have a public key ASCl4l3DR8qbBHoqJPdLYUyZxfN8ZV43PIXH8nj6VMRQzAo
To claim this, I am signing this object:
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
| Verifying my Blockstack ID is secured with the address 1G5EyApqQqCUhzg9MfSi7tu98E6T2NtYya https://explorer.blockstack.org/address/1G5EyApqQqCUhzg9MfSi7tu98E6T2NtYya |
chrisbirster
/ README.md
Created
June 1, 2017 05:24
— forked from leonardofed/README.md
A curated list of AWS resources to prepare for the AWS Certifications
A curated list of AWS resources to prepare for the AWS Certifications
A curated list of awesome AWS resources you need to prepare for the all 5 AWS Certifications. This gist will include: open source repos, blogs & blogposts, ebooks, PDF, whitepapers, video courses, free lecture, slides, sample test and many other resources.
For more about AWS and AWS Certifications and updates to this Gist you should follow me @leonardofed