Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
Seeking: Web Developer | Current Position: Local non-tech PT job

Keith D Commiskey KDCinfo

💭
Seeking: Web Developer | Current Position: Local non-tech PT job
View GitHub Profile
@KDCinfo
KDCinfo / flutter_dragtarget_hover.dart
Created Jan 28, 2021
Flutter: Draggable and DragTarget Annotated
View flutter_dragtarget_hover.dart
import 'package:flutter/material.dart';
/// Inspiration for how the DragTarget hovering works goes to:
/// Stack Overflow A: https://stackoverflow.com/a/53981607/638153
/// Stack Overflow Q: https://stackoverflow.com/questions/53979586/flutter-dragtarget-on-hover
final Color darkBlue = Color.fromARGB(255, 18, 32, 45);
void main() {
runApp(MyApp());
@KDCinfo
KDCinfo / provider_scope_test.dart
Last active Dec 4, 2020
Flutter Provider Scope for NotifyListeners() - The following code shows that Provider only listens on its own ChangeNotifier updates.
View provider_scope_test.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
void main() { runApp(MaterialApp(home: TestScreen())); }
class TestScreen extends StatelessWidget {
///
/// Flutter Provider Scope for NotifyListeners()
///
/// The following code shows that Provider only listens on its own ChangeNotifier updates.
View max_height.css
.expander {
display: flex;
}
.expander__container {
width: 100%;
}
.expander__content {
position: relative;
transition: all .3s ease;
max-height: 0;
@KDCinfo
KDCinfo / README.md
Last active Aug 2, 2019
Simple Automated Tooltips for Form Input Fields
View README.md

Automated Tooltips for Form Input Fields

Tooltip auto-generated content is based on input placeholder content.

Source HTML

<input type='text' placeholder='Welcome home, World!'>

Expected/Generated HTML

@KDCinfo
KDCinfo / fed-migration-to-fee.md
Last active Jul 28, 2018
A light extract of some resources I used whilst migrating from a Front-End Developer to a Front-End Engineer throughout 2017 and 2018.
View fed-migration-to-fee.md

Migration to Front-End Engineer 2017-2018

Order of tech: From most recent, to when I began. 67 resources provided at bottom.

The following is a light extract of some resources I used whilst migrating from a Front-End Developer to a Front-End Engineer (aspiring Full-Stack) throughout 2017 and 2018.

Background: Most Front-End Developer positions now require Design experience. And because I have little aptitude for Design, I found the Engineering path goes through deeper JavaScript, frameworks, libraries, and a vast span of technologies and paradigms (the fun truly never ends).

PWA

@KDCinfo
KDCinfo / vscode.md
Last active Jul 28, 2018
Personal Notes: VS Code Cons and Pros wrt Sublime Text 3
View vscode.md

Pros and Cons of Visual Studio Code vs. Sublime Text 3

VS Code vs. ST3 - Overview

VS Code: A lightweight IDE

Sublime Text: A customizable code editor

@KDCinfo
KDCinfo / README.md
Created May 8, 2018
Code for: CSS Grid Changes EVERYTHING
View README.md
@KDCinfo
KDCinfo / README.md
Last active May 8, 2018
Code for: CSS Grid Layout - Rachel Andrew | February 2017
View README.md
@KDCinfo
KDCinfo / README.md
Last active May 1, 2018
MobX Uber-Simplified Boilerplate
View README.md

MobX Uber-Simplified (mostly stripped) Boilerplate

Based on: YouTube: Easy MobX and Redux Comparison (Mar 2018)

MobX: Basic Flow

Action: Functions 
	--> (updates)
		--> Observable Properties: State
			|--> (updates / to render current dom)
@KDCinfo
KDCinfo / example01.js
Last active Feb 8, 2018 — forked from mpj/example01.js
Code for the async/await episode of Fun Fun Function from https://www.youtube.com/watch?v=568g8hxJJp4
View example01.js
const response = await fetch(`https://catappapi.herokuapp.com/users/${userId}`)
const data = await response.json()
return data.imageUrl
}