Skip to content

Instantly share code, notes, and snippets.

View elenatorro's full-sized avatar
🕷️
Building webs

Elena Torró elenatorro

🕷️
Building webs
View GitHub Profile
@drewkerrigan
drewkerrigan / README.md
Created November 21, 2018 16:54
Pandoc, Mactex, Markdown to PDF

I've had to install and configure these things a few times, and I always forget how to do it, so here it is for posterity:

@VictorVelarde
VictorVelarde / README.md
Last active June 7, 2018 15:47
CARTO-VL Hackaton - Air Quality in Madrid

Air Quality in Madrid

This is a project for https://cartodb.github.io/hackarto.vl (2018, June 6th). The objective is to create a VIZ with CARTO.VL library to show AIR QUALITY in Madrid, using Madrid's OpenData

HOW IT WAS CREATED

These were the main steps:

@mburakerman
mburakerman / package.json
Last active September 26, 2022 17:32
Webpack 4 config.js (SCSS to CSS and Babel) 👌 The Simplest Usage 👌
{
"name": "webpack-sass",
"version": "1.0.0",
"scripts": {
"start": "webpack-dev-server --open --mode development",
"build": "webpack -p"
},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.4",
@abhi9bakshi
abhi9bakshi / tincan_moodle_learninglocker_setup.md
Last active June 1, 2022 08:15
Setting Up TinCan API with Moodle LMS and Learning Locker LRS in Ubuntu 16.04

#Setting Up TinCan API with Moodle LMS and Learning Locker LRS

#Part 1: Virtual Container

Before we get our hands dirty with the entire setup, it is necessary to ensure we do not mess with the existing installation. Setting up and configuring a local server is tricky and may sometimes break your existing configuration rendering other programs which rely on it useless. So we will use LXC to create a virtual container, where we will do all good stuff. You can read the official LXC documentation here or a brief introduction about LXC here or get started right away with the commands below.

sudo apt-get install lxc lxd-client
sudo lxc-create -t download -n LMSprototype
@vasanthk
vasanthk / System Design.md
Last active May 5, 2024 15:49
System Design Cheatsheet

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

  1. Clarify and agree on the scope of the system
  • User cases (description of sequences of events that, taken together, lead to a system doing something useful)
    • Who is going to use it?
    • How are they going to use it?
@mdeland
mdeland / basic_query.csv
Last active March 23, 2020 03:33
Summarizing Data in SQL
date num_customers distinct_customers total_bananas total_revenue revenue_per_sale
2016-01-01 345 287 564 3689 6.54
2016-01-02 364 299 582 4080 7.01
... ... ... ... ... ...
@paulirish
paulirish / what-forces-layout.md
Last active April 30, 2024 17:56
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
@maxrimue
maxrimue / semver.sh
Created July 24, 2015 15:36
Compare semantic versions in pure bash
#!/bin/bash
# Assume we have two semantic versions that we want to compare:
version1=0.12.0
version2=1.15.5
# First, we replace the dots by blank spaces, like this:
version1=${version1//./ }
@printminion
printminion / WelshPowell.js
Last active December 17, 2020 08:00
Javascript Welsh Powell static graph coloring algorithm.
/**
* @desc Welsh Powell static graph coloring algorithm..
*
* @author Misha M.-Kupriyanov https://google.com/+MishaMKupriyanov
* @link https://gist.github.com/printminion/a337eeb63ba232084dfc
*/
//Source: https://github.com/graphstream/gs-algo/blob/master/src/org/graphstream/algorithm/coloring/WelshPowell.java
function WelshPowell() {
@jdjkelly
jdjkelly / gist:0bddf2e834b6d6bc2174
Last active December 25, 2021 14:30
Making Accessible Ember Components

Making Accessible Ember Components

Making the web accessible is important. We have ethical and, in some cases, legal obligations to ensuring access to all of users.

Luckily for us, it's easy to make an accessible Ember Component.

What are components?

To understand the accessibility story around Ember Components, we have to start by talking about Web Components. Ember Components are designed to be interoperable with the final Web Components API.