streetlamp streeetlamp

I have an updated version of this on my blog here: https://chrisamico.com/blog/2023-01-14/python-setup/.

Python

This is my recommended Python setup, as of Fall 2022. The Python landscape can be a confusing mess of overlapping tools that sometimes don't work well together. This is an effort to standardize our approach and environments.

Tools and helpful links:

Python docs: https://docs.python.org/3/
Python Standard Library: - Start here when you're trying to solve a specific problem

This content moved here: https://exploringjs.com/impatient-js/ch_arrays.html#quickref-arrays

Chrome has decided that what they deem powerful web platform features such as Geolocation, Device motion / orientation, getUserMedia etc can no longer run on "Insecure Origins", HTTP (non-HTTPS) being one of them. Read more

So if you want to use these features in development and you are testing on a mobile via the IP of your computer, you now need to be serving the content over HTTPS for it to work.

Generate local SSL certificate

First check if you need to install openssl with which openssl. If nothing comes up run brew install openssl to install openssl with Brew.

openssl genrsa -des3 -passout pass:x -out localhost.pass.key 2048
openssl rsa -passin pass:x -in localhost.pass.key -out localhost.key

Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.

My 3 developers team has just developed React.js application with 7668 lines of CSS (and just 2 !important). During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.

Here are main principles we use to write CSS for modern (IE11+) browsers:

SUIT CSS naming conventions + SUIT CSS design principles;
PostCSS + CSSNext. Future CSS syntax like variables, nesting, and autoprefixer are good enough;
Flexbox is awesome. No need for grid framework;
Normalize.css, base styles and variables are solid foundation for all components;

Format your storage
Configure networking (it's easiest with LuCI, or just take a look at OpenWRT howtos)
Configure /storage by adding proper options in /etc/config/fstab, or, again, just clicking around in LuCI
opkg update && opkg install tor
Copy proper configuration, namely /etc/tor/torrc and /etc/config/uhttpd
Reboot (or /etc/init.d/uhttpd restart && /etc/init.d/tor restart)
Check /etc/tor/hidden_service/hostname for your public .onion address
...
PROFIT!

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

	//write to user profile if user is faculty


	function user_status ($user){
	//attempt to differentiate between new user ID and edit profile user object
	if (is_numeric($user)){
	$user_id = $user;
	$user_info = get_userdata($user_id);
	$email = $user_info->user_email;
	} else {

	<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteBase /
	RewriteRule ^index\.html$ - [L]
	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteCond %{REQUEST_FILENAME} !-d
	RewriteRule . /index.html [L]
	</IfModule>

	https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

	# Change to the project directory
	cd $FORGE_SITE_PATH

	# Turn on maintenance mode
	php artisan down \|\| true

	# Pull the latest changes from the git repository
	# git reset --hard
	# git clean -df
	git pull origin $FORGE_SITE_BRANCH

	/**
	* Load media uploader on pages with our custom metabox
	*/
	jQuery(document).ready(function($){

	'use strict';

	// Instantiates the variable that holds the media library frame.
	var metaImageFrame;