Jorge Antunes stoikerty

## App.tsx
import { ComponentType, useEffect } from "react"
import { createStore } from "https://framer.com/m/framer/store.js@^1.0.0"
import { randomColor } from "https://framer.com/m/framer/utils.js@^0.9.0"
import { createClient } from "https://cdn.skypack.dev/@supabase/supabase-js"
import { md5 } from "https://cdn.skypack.dev/pure-md5"
import { browser, checkUsername, checkPassword, useStore } from "./globals.ts"

// Learn more: https://www.framer.com/docs/guides/overrides/

export function initDB(Component): ComponentType {

## things-i-believe.md

      
              1 file
            
          
              37 forks
            
          
              44 comments
            
          
              758 stars
            
          
                stettix
                / things-i-believe.md
            
            
              Last active
              March 20, 2024 17:45
            
              
                Things I believe
              
          
    Things I believe

This is a collection of the things I believe about software development. I have worked for years building backend and data processing systems, so read the below within that context.
Agree? Disagree? Feel free to let me know at @JanStette. See also my blog at www.janvsmachine.net.
Fundamentals

Keep it simple, stupid. You ain't gonna need it.

  
## index.html
<!DOCTYPE html>
<html lang="en">
<head>

		<meta charset="utf-8">

		<title>Mobius Strip</title>


## index.md

      
              1 file
            
          
              17 forks
            
          
              12 comments
            
          
              629 stars
            
          
                alekseykulikov
                / index.md
            
            
              Last active
              April 14, 2024 00:32
            
              
                Principles we use to write CSS for modern browsers
              
          
    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;


## app.js
var PIXI = require('pixi.js')
console.log(PIXI)

## what-forces-layout.md

      
              1 file
            
          
              813 forks
            
          
              108 comments
            
          
              8104 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              May 31, 2024 22:37
            
              
                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


## how-to-view-source-of-chrome-extension.md

      
              1 file
            
          
              100 forks
            
          
              20 comments
            
          
              618 stars
            
          
                paulirish
                / how-to-view-source-of-chrome-extension.md
            
            
              Last active
              May 30, 2024 06:59
            
              
                How to view-source of a Chrome extension
              
          
    Option 1: Command-line download extension as zip and extract

extension_id=jifpbeccnghkjeaalbbjmodiffmgedin   # change this ID
curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=stable&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc" 
unzip -d "$extension_id-source" "$extension_id.zip"
Thx to crxviewer for the magic download URL.

  
## snowden-ietf93.md

      
              1 file
            
          
              28 forks
            
          
              15 comments
            
          
              150 stars
            
          
                mnot
                / snowden-ietf93.md
            
            
              Last active
              September 12, 2023 13:40
            
              
                Transcript of Edward Snowden's comments at IETF93.
              
          
    Edward Snowden at IETF 93

Edward Snowden answered questions after a showing of CITIZENFOUR at the IETF93 meeting; this is a transcript of the video recording.
For more information, see the Internet Society article.

Introduction
Scale of Pervasive Monitoring
Returning to the US
Preserving the Internet


## BzIframe.js
'use strict';

var React = require('react');

var BzIframe = React.createClass({

  propTypes: {
    src: React.PropTypes.string.isRequired,
    onLoad: React.PropTypes.func
  },

## thumbs.js
/**
 * @jsx React.DOM
 */
var React = require('react');
var rebound = require('rebound');


var Thumb = React.createClass({
	componentDidMount: function() {
	import { ComponentType, useEffect } from "react"
	import { createStore } from "https://framer.com/m/framer/store.js@^1.0.0"
	import { randomColor } from "https://framer.com/m/framer/utils.js@^0.9.0"
	import { createClient } from "https://cdn.skypack.dev/@supabase/supabase-js"
	import { md5 } from "https://cdn.skypack.dev/pure-md5"
	import { browser, checkUsername, checkPassword, useStore } from "./globals.ts"

	// Learn more: https://www.framer.com/docs/guides/overrides/

	export function initDB(Component): ComponentType {
	<!DOCTYPE html>
	<html lang="en">
	<head>

	<meta charset="utf-8">

	<title>Mobius Strip</title>
	'use strict';

	var React = require('react');

	var BzIframe = React.createClass({

	propTypes: {
	src: React.PropTypes.string.isRequired,
	onLoad: React.PropTypes.func
	},
	/**
	* @jsx React.DOM
	*/
	var React = require('react');
	var rebound = require('rebound');



	var Thumb = React.createClass({
	componentDidMount: function() {