Leonardo Faria leonardofaria

Data from [https://snowflake.medium.com/]

Engineering growth: tracks

Mobile
- Works effectively within established iOS or Android architectures, following current best practices
- Develops new instances of existing architecture, or minor improvements to existing architecture
Designs major new features and demonstrates a nuanced understanding of mobile platform constraints

nylas/N1 💌 An extensible desktop mail app built on the modern web.
black-screen/black-screen A terminal emulator for the 21st century.
shockone/black-screen A terminal emulator for the 21st century.
ptmt/react-native-macos React Native for macOS
docker/kitematic Visual Docker Container Management on Mac & Windows
kitematic/kitematic Visual Docker Container Management on Mac & Windows
davezuko/wirk-starter Get started with React, Redux, and React-Router!
TelescopeJS/Telescope 🔭 An open-source social news app built with Meteor & React
coryhouse/react-slingshot React + Redux starter kit / boile

Fixing our local environment with Browsersync

Whenever we change our templates we still have to use our build script and this can get annoying. Thankfully with webpack-dev-server and BrowserSync we can fix this:

npm i -D browser-sync browser-sync-webpack-plugin webpack-dev-server

BrowserSync will act like a proxy, waiting for webpack to do its thing and then reloading the browser for us.

Disable HTML Form Input Autocomplete and Autofill

Add autocomplete="off" onto <form> element;
Add hidden <input> with autocomplete="false" as a first children element of the form.

<form autocomplete="off" method="post" action="">
    <input autocomplete="false" name="hidden" type="text" style="display:none;">
    ...

	$('#input').on('keyup', function() {
	// do an ajax save when this input is changed
	var val = this.value;
	// clear the timeout so we dont fire in succession
	clearTimeout(this.delayer);
	this.delayer = setTimeout(function () {
	console.log(val);
	}, 500);
	});

	/**
	* ES6 Pure & self documented Functions.
	*
	* Why Pure?
	*
	* A pure function is a function where the return value is only determined
	* by its input values, without observable side effects.
	*
	* Why Self-documented?
	*

	atom-text-editor {
	font-family: 'Fira Code';
	font-style: normal;
	text-rendering: optimizeLegibility;
	}
	atom-text-editor::shadow {
	.string.quoted,
	.string.regexp {
	-webkit-font-feature-settings: "liga" off, "calt" off;
	}

	function lock_scroll(){
	// lock scroll position, but retain settings for later
	var scrollPosition = [
	self.pageXOffset \|\| document.documentElement.scrollLeft \|\| document.body.scrollLeft,
	self.pageYOffset \|\| document.documentElement.scrollTop \|\| document.body.scrollTop
	];
	var html = jQuery('html'); // it would make more sense to apply this to body, but IE7 won't have that
	html.data('scroll-position', scrollPosition);
	html.data('previous-overflow', html.css('overflow'));
	html.css('overflow', 'hidden');

	server {
	listen 80;
	server_name localhost;
	root /Users/YOUR_USERNAME/Sites;

	access_log /Library/Logs/default.access.log main;

	location / {
	include /usr/local/etc/nginx/conf.d/php-fpm;
	}

	<html>
	<head>
	<style>
	.item {width:300px; display: inline-block; }
	.item .itemtitle {font-weight:bold; font-size:2em;}
	.hidden {display:none;}
	</style>
	</head>
	<body>
	<h1>Amalgam Comics Characters</h1>