Skip to content

Instantly share code, notes, and snippets.

View victoriachuang's full-sized avatar

Victoria Chuang victoriachuang

10 followers · 0 following
View GitHub Profile
@victoriachuang
victoriachuang / html_snippets.html
Last active May 4, 2016 17:27
HTML elements code snippets
<!-- link CSS file -->
<link rel="stylesheet" type="text/css" href="FILE/PATH.css">
<!-- anchor tag to add a link -->
Click <a href="https://LINK">here</a>
<!-- anchor tag to send email -->
<a href="mailto:EMAIL_ADDRESS">TEXT</a>
<!-- open link in a new tab -->
@victoriachuang
victoriachuang / refactoring-html.html
Last active May 16, 2016 23:53
<!-- How are you organizing your CSS? -->
<style>
/* What isn't unique between box-1 and box-2? */
.box-1 {
color: blue;
float: left;
width: 500px;
}
@victoriachuang
victoriachuang / create_shadow_on_background.html
Created June 2, 2016 00:50
<!DOCTYPE html>
<html>
<head>
<style>
.image {
background-image: url("img/1.jpg");
height: 500px;
width: 500px;
}
@victoriachuang
victoriachuang / fontSize.js
Last active July 12, 2016 16:12
Change font size of an HTML document
var text = document.getElementById('text');
var small = document.getElementById('small');
var large = document.getElementById('large');
small.onclick = function() {
text.style.fontSize = '12px';
}
large.onclick = function() {
text.style.fontSize = '20px';
@victoriachuang
victoriachuang / sampleAngular.html
Created September 7, 2016 19:25
<!DOCTYPE html>
<html ng-app>
<head></head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="What's your name?"></input>
<h1>Hello {{yourName}}!</h1>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
@victoriachuang
victoriachuang / intro-to-html.md
Last active October 31, 2016 21:54

HTML (Hypertext Markup Language)

  • A markup language to display content
  • Unlike programming languages, you can’t use it to perform logic
  • Composed of tags
  • Not case-sensitive or white space-sensitive
  • Reads top-down

Tags

  • <head> tag
  • Metadata about the document
@victoriachuang
victoriachuang / caesarCipher.js
Created December 14, 2017 17:43
Caesar Cipher
// Assumptions:
// All input characters that are uppercase should remain toUpperCase
// Non-alphabetical characters should remain the same
// Only check for non-uppercase vowels to capitalize
const vowels = ['a', 'e', 'i', 'o', 'u'];
// Helper function
const isVowel = char => vowels.includes(char);
@victoriachuang
victoriachuang / forLoop.js
Created December 15, 2017 22:08
For loop optimizations
// Here I'll demonstrate an easy way to optimize a for loop
// Here, I'm setting the for loop's condition as i < stringToPrint.length
// Totally valid, but each time I loop back to the beginning, I check whether
// the condition is true, which means I'll have to re-evaluate the value
// of stringToPrint.length, which is unchanging. This is inefficient, because
// I'll have to do this as many times as the string is long.
const originalLoop = () => {
const stringToPrint = 'Hello world';
@victoriachuang
victoriachuang / oscon-2017.md
Created January 3, 2018 21:32
Oscon 2017

Oscon 2017 talks

Here's a rundown of some of the talks at Oscon 2017. Some slides are available here.

Creating and sharing datasets for social impact using child welfare data (Vida Williams, The Axis Partners Inc.)

  • Many issues (like climate change) don't become issues until someone discovers a trend in data, so data scientists have an obligation to act on their discoveries.
  • Williams recommends data.world for finding and sharing cleaned public data sets.

Freedom, innovation and funds: Options for open source monetization (Monty Widenius, MariaDB)

@victoriachuang
victoriachuang / lead-developer-austin-2018.md
Created December 7, 2018 03:07
Lead Developer Austin 2018 talks

Navigating Team Friction

Lara Hogan, Co-founder of Wherewithall

  • Teams go through Tuckman's Stages of Group Development

    • Forming: New state; team will have roughly-planned goals and objectives
    • Storming: Friction arises as team members start to learn how to work together (this is a normal and necessary part of forming a group)
    • Norming: Members start to resolve differences
    • Performing: Flow state; members start to become productive
    • A team can restart this process when there is new management, a new team structure and/or new team members

  • Friction is normal in early stages, but can act as a distraction and a team needs to resolve differences in order to move projects forward