Vamshi Suram vamshisuram

## stepprogressbar.html
<html>
<head>
    <title>Step progress bar</title>
    <style type="text/css">
        .container {
            width: 100%;
        }
        .progressbar {
            counter-reset: step;
        }

## crypto-wrong-answers.md

      
              1 file
            
          
              28 forks
            
          
              13 comments
            
          
              485 stars
            
          
                paragonie-scott
                / crypto-wrong-answers.md
            
            
              Last active
              April 21, 2024 23:48
            
              
                An Open Letter to Developers Everywhere (About Cryptography)
              
          
    Hello software developers,
Please check your code to ensure you're not making one of the following mistakes related to cryptography.
I. General Mistakes


Writing your own home-grown cryptography primitives (For example: Mifare Classic)

Exception: For the sake of learning, but don't deploy it in production.


Using a fast hash function (e.g. MD5, SHA256) for storing passwords. Use bcrypt instead.
Not using a cryptographically secure random number generator


## tab-trigger.js
{
  "keys": ["tab"],
  "command": "expand_abbreviation_by_tab",

  // put comma-separated syntax selectors for which
  // you want to expandEmmet abbreviations into "operand" key
  // instead of SCOPE_SELECTOR.
  // Examples: source.js, text.html - source
  "context": [
    {

## 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


## Mac Keyboard Symbols.md

      
              1 file
            
          
              8 forks
            
          
              6 comments
            
          
              64 stars
            
          
                Zenexer
                / Mac Keyboard Symbols.md
            
            
              Last active
              May 4, 2024 02:14
            
              
                List of Mac/Apple keyboard symbols
              
          
    This gist has moved to a proper git repo so people can make pull requests: https://github.com/Zenexer/internet-reference/blob/main/Mac%20Keyboard%20Symbols.md

  
## _chrome-ext-auth-identity.md

      
              3 files
            
          
              7 forks
            
          
              9 comments
            
          
              68 stars
            
          
                raineorshine
                / _chrome-ext-auth-identity.md
            
            
              Last active
              November 10, 2023 23:57
            
              
                How to set up user authentication for a Chrome Extension using the Chrome Identity API
              
          
    How to set up user authentication for a Chrome Extension using the Chrome Identity API


Create a private key file, from which you can create the manifest key and Application ID, as detailed here:
https://stackoverflow.com/questions/23873623/obtaining-chrome-extension-id-for-development
Add the manifest key to "key" in manifest.json
Create a new project in Google Developer Console
https://console.developers.google.com/project
Go to "APIs & auth > Credentials" and create new client id for a Chrome Application using the Application ID generated in step 3.
Copy the Client ID to oauth2.client_id in the manifest.json

Deprecated?


## frp.md

      
              2 files
            
          
              56 forks
            
          
              21 comments
            
          
              621 stars
            
          
                ohanhi
                / frp.md
            
            
              Last active
              May 6, 2024 05:17
            
              
                Learning FP the hard way: Experiences on the Elm language
              
          
    Learning FP the hard way: Experiences on the Elm language

by Ossi Hanhinen, @ohanhi
with the support of Futurice 💚.
Licensed under CC BY 4.0.
Editorial note


## flux.js
/**
 * Basic proof of concept.
 * - Hot reloadable
 * - Stateless stores
 * - Stores and action creators interoperable with Redux.
 */

import React, { Component } from 'react';

export default function dispatch(store, atom, action) {

## learn_gamma.cljs
;; Gamma (shader-generation): https://github.com/kovasb/gamma
;; Gamma Driver (WebGL resource management, aka "Om for WebGL"): https://github.com/kovasb/gamma-driver
;; Gamma examples: https://github.com/kovasb/gamma-examples

(ns gampg.learn-gamma.lesson-01
    (:require [clojure.string :as s]
            [gamma.api :as g]
            [gamma.program :as p]
            [gamma.tools :as gt]
            [gamma-driver.drivers.basic :as driver]

## react_component.js
var React = require("react");
var { func } = React.PropTypes;
var assign = require("object-assign");

var ReactComponent = Ember.Component.extend({

  reactProps: null,

  reactActions: null,
	<html>
	<head>
	<title>Step progress bar</title>
	<style type="text/css">
	.container {
	width: 100%;
	}
	.progressbar {
	counter-reset: step;
	}
	{
	"keys": ["tab"],
	"command": "expand_abbreviation_by_tab",

	// put comma-separated syntax selectors for which
	// you want to expandEmmet abbreviations into "operand" key
	// instead of SCOPE_SELECTOR.
	// Examples: source.js, text.html - source
	"context": [
	{
	/**
	* Basic proof of concept.
	* - Hot reloadable
	* - Stateless stores
	* - Stores and action creators interoperable with Redux.
	*/

	import React, { Component } from 'react';

	export default function dispatch(store, atom, action) {
	;; Gamma (shader-generation): https://github.com/kovasb/gamma
	;; Gamma Driver (WebGL resource management, aka "Om for WebGL"): https://github.com/kovasb/gamma-driver
	;; Gamma examples: https://github.com/kovasb/gamma-examples

	(ns gampg.learn-gamma.lesson-01
	(:require [clojure.string :as s]
	[gamma.api :as g]
	[gamma.program :as p]
	[gamma.tools :as gt]
	[gamma-driver.drivers.basic :as driver]
	var React = require("react");
	var { func } = React.PropTypes;
	var assign = require("object-assign");

	var ReactComponent = Ember.Component.extend({

	reactProps: null,

	reactActions: null,