(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
lovasoa
/ canvas color picker.html
Last active
February 28, 2024 19:53
JS color picker:
HTML5 & javascript color picker that uses HTML5 canvas. User can choose hue and value, saturation is set to 1.
It has color history management.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf8" /> | |
| <title>Canvascolor</title> | |
| <style> | |
| body { | |
| background-image:url(http://github.com/favicon.ico); /*Just for fun*/ | |
| } | |
| main { |
staltz
/ introrx.md
Last active
June 18, 2024 06:15
The introduction to Reactive Programming you've been missing
paulirish
/ what-forces-layout.md
Last active
June 18, 2024 12:00
What forces layout/reflow. The comprehensive list.
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.
elem.offsetLeft,elem.offsetTop,elem.offsetWidth,elem.offsetHeight,elem.offsetParent
jbmusso
/ fold.js
Created
November 19, 2015 22:41
— forked from kpuputti/fold.js
Functional acrobatics using folds in JavaScript.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*eslint-env es6 */ | |
| // Inspired by the paper "A tutorial on the universality and | |
| // expressiveness of fold" by Graham Hutton (available at | |
| // http://www.cs.nott.ac.uk/~gmh/fold.pdf), implementing some generic | |
| // list handling functions in JavaScript in terms of `fold`. | |
| // Personally I had an enlightnening moment when I realised the | |
| // beautiful interplay of cons lists and foldr during the FP101x | |
| // Haskell course. JavaScript's syntax doesn't make this very apparent |
oanhnn
/ using-multiple-github-accounts-with-ssh-keys.md
Last active
June 19, 2024 12:51
Using multiple github accounts with ssh keys
I have two Github accounts: oanhnn (personal) and superman (for work). I want to use both accounts on same computer (without typing password everytime, when doing git push or pull).
Use ssh keys and define host aliases in ssh config file (each alias for an account).
d2s
/ installing-node-with-nvm.md
Last active
March 13, 2024 12:09
Installing Node.js to Linux & macOS & WSL with nvm
A quick guide on how to setup Node.js development environment.
nvm allows installing several versions of Node.js to the same system. Sometimes applications require a certain versions of Node.js to work. Having the flexibility of using specific versions can help.
- Open new Terminal window.
btroncone
/ ngrxintro.md
Last active
February 9, 2024 15:37
A Comprehensive Introduction to @ngrx/store - Companion to Egghead.io Series
By: @BTroncone
Also check out my lesson @ngrx/store in 10 minutes on egghead.io!
Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!
Table of Contents
kirilkirkov
/ gist:b13baec4b5142a527399693f8829547d
Created
June 21, 2016 07:20
Difference between png-Interlaced, jpg-progressive AND png-non-Interlaced, jpg-baseline
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Interlaced image loads an early degraded version of the whole image as soon as possible and then progressively renders the image to clear state. | |
| Non-interlaced image will load up in tiles showing clear image in each tile as it progresses to load in the image. | |
| For .jpg the interlaced = progressive and not interlaced = baseline. |
domenic
/ redirecting-github-pages.md
Created
February 10, 2017 19:28
Redirecting GitHub pages after a repository move
You have a repository, call it alice/repo. You would like to transfer it to the user bob, so it will become bob/repo.
However, you make heavy use of the GitHub Pages feature, so that people are often accessing https://alice.github.io/repo/. GitHub will helpfully redirect all of your repository stuff hosted on github.com after the move, but will not redirect the GitHub Pages hosted on github.io.
jchandra74
/ PowerShell Customization.md
Last active
June 3, 2024 21:32
PowerShell, Cmder / ConEmu, Posh-Git, Oh-My-Posh, Powerline Customization
I work as a full-stack developer at work. We are a Windows & Azure shop, so we are using Windows as our development platform, hence this customization.
For my console needs, I am using Cmder which is based on ConEmu with PowerShell as my shell of choice.
Yes, yes, I know nowadays you can use the Linux subsystem on Windows 10 which allow you to run Ubuntu on Windows. If you are looking for customization of the Ubuntu bash shell, check out this article by Scott Hanselman.
OlderNewer