Skip to content

Instantly share code, notes, and snippets.

View ynotdraw's full-sized avatar

Tony Ward ynotdraw

34 followers · 36 following
View GitHub Profile
@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
@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 / 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 / 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 / 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 / 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
                / ReactResources.md
            
            

              Last active
              June 21, 2019 17:39
            

              
                 React resources I enjoy referencing when I forget things ^_^
              
          

        

      

        

  



    


          
    

      

        
        

          

              @ynotdraw
          

          

            
                ynotdraw
                / hooks.js
            
            

              Created
              August 5, 2019 13:04
            

              
                Fetching data with hooks, example from: https://github.com/ryanlanciaux/coffee-shop-example/blob/master/src/screens/index.js
              
          

        

      

        

  

    
    


        



  


  

        

          
          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
                / 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



  


  




    


          
    

      

        
        

          

              @ynotdraw
          

          

            
                ynotdraw
                / readme.md
            
            

              Last active
              August 19, 2019 12:57
            

              
                VSCode React snippets