Skip to content

Instantly share code, notes, and snippets.

View ynotdraw's full-sized avatar

Tony Ward ynotdraw

View GitHub Profile
@ynotdraw
ynotdraw / readme.md
Last active August 19, 2019 12:57
VSCode React snippets
@ynotdraw
ynotdraw / notes.md
Created August 6, 2019 17:13
Steve Schoger | Refactoring UI | CSS Day 2019

Video: https://www.youtube.com/watch?v=7Z9rrryIOC4&feature=youtu.be&app=desktop Slides: https://speakerdeck.com/steveschoger/practical-solutions-to-common-ui-design-problems

Notes

Tip #1: Give text consistent contrast

  • Image hero's need contrast
  • App bars don't have to be in a bar. App bar changed from a colored bar to transparent so that the image hero blends up into the navbar.
  • More contrast between headline and subtitle. Can use softer color - white text softer on dark background, darken text by decreasing lightness - that's OK.. but always looks a bit off

Tip #2: Don't use grey text on colored backgrounds

import React, { useState, useContext, useEffect } from "react";
import { getCoffeeData } from "../api/getData";
import Layout from "../components/Layout";
import Loading from "../components/Loading";
import ItemGroup from "../components/ItemGroup";
import Cart from "../components/Cart";
import { GlobalContext } from "../components/GlobalStateProvider";
@ynotdraw
ynotdraw / better-intellisense-vs-code.md
Last active September 25, 2018 12:54
Better types with VS Code and Ember

In package.json:

"@types/ember": "^2.8.32",
"@types/ember__test-helpers": "^0.7.0",

In jsconfig.json:

@ynotdraw
ynotdraw / 2018-learnings.md
Last active October 30, 2018 18:36
Things learned throughout 2018

Started in September, but...

Contents:

Ember

-p 0

ember s -p 0

@ynotdraw
ynotdraw / ember-snippets
Created July 30, 2018 21:16
All ember snippets
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
@ynotdraw
ynotdraw / vs-code-user-settings.json
Created May 31, 2018 14:22
Default VS Code Settings
{
"window.zoomLevel": 2,
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"**/node_modules": true,
"dist": true,
@ynotdraw
ynotdraw / rfc176-snippets.json
Last active July 3, 2018 14:49
Ember RFC176 Import Snippets
// Copy and paste this as a JavaScript snippet. Follow the directionshere to access them:
// https://code.visualstudio.com/docs/editor/userdefinedsnippets
{
// ------------------------------
// Imports: getters/setters
// ------------------------------
"Import Getters/Setters": {
"prefix": "imp e get",
"body": [
"import { ${1:get}, ${2:getProperties}, ${3:set}, ${4:setProperties} } from '@ember/object';"
@ynotdraw
ynotdraw / OneDriveExtensions
Last active August 29, 2015 14:03
Nice little extension methods when using the Live 5.6 SDK to interact with OneDrive in a Windows Phone project. I needed a way to upload/download an encrypted text file from a user's OneDrive account for data backup for my app, #PassSafe. Feel free to let me know if I missed anything or if I can help you integrate this into your app!
using System;
using System.Collections.Generic;
using System.IO;
using System.IO.IsolatedStorage;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Microsoft.Live;
// https://stackoverflow.com/questions/23715282/onedrive-upload-download-to-specified-directory