ricardoaguiar

#!/usr/bin/env fish
# similar script in Fish
# still under construction, need to quiet `git status` more effectively

function update -d 'Update git repo'
  git stash --quiet
  git pull
  git stash apply --quiet
end

ricardoaguiar

.font-size($pxValue){
    @remValue: (@pxValue / 10);
    font-size: ~"@{pxValue}px";
    font-size: ~"@{remValue}rem";
}
 
html { font-size: 62.5%; }
 
.my-element {
    .font-size(13px);

ricardoaguiar

import { fileURLToPath } from 'url';
import path, { dirname } from 'path';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

export default {
  
  // all the usual config goes here...
  

ricardoaguiar

{
    "countries": {
        "country": [
            {
                "countryCode": "AD",
                "countryName": "Andorra",
                "currencyCode": "EUR",
                "population": "84000",
                "capital": "Andorra la Vella",
                "continentName": "Europe"

ricardoaguiar

[{
    "Note": "The first two digits (ranging from 10–43) correspond to the province, while the last two digits correspond either to the city/delivery zone (range 01–50) or to the district/delivery zone (range 51–99). Afghanistan Postal code lookup",
    "Country": "Afghanistan",
    "ISO": "AF",
    "Format": "NNNN",
    "Regex": "^\\d{4}$"
}, {
    "Note": "With Finland, first two numbers are 22.",
    "Country": "Åland Islands",
    "ISO": "AX",

ricardoaguiar

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

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.

---

ricardoaguiar

// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.6.2)
// ----

// =============================================================================
//
//  PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY FOR SASS
//  ---------------------------------------------------

ricardoaguiar

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries

• three.js: JavaScript 3D library
• stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
• PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
• Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
• Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
• Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
• ClayGL: A WebGL graphic library

ricardoaguiar

import { graphql } from "gatsby"

export const TextQuery = graphql`
  fragment TextBlock on ContentfulTextBlock {
    id
    bodyContent {
      json
    }
    sys {
      contentType {

ricardoaguiar

// 
// Hacked together from http://utahjs.com/2010/09/22/nodejs-and-mysql-introduction/
//

var Client = require('mysql').Client;
var client = new Client(); 
client.host ='some.host.com';
client.user = 'user';
client.password = 'password';
console.log("connecting...");