Max Hoffmann maxhoffmann

## tailwind-colors-as-css-variables.md

      
              1 file
            
          
              8 forks
            
          
              23 comments
            
          
              119 stars
            
          
                Merott
                / tailwind-colors-as-css-variables.md
            
            
              Last active
              April 26, 2024 11:06
            
              
                Expose Tailwind colors as CSS custom properties (variables)
              
          
    This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.
There are a couple of main reasons this is helpful:

You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.


## NoScrollOnInputFocusiOSSafari.html
<!--
  When an input element gets focused, iOS Safari tries to put it in the center by scrolling (and zooming.)
  Zooming can be easily disabled using a meta tag, but the scrolling hasn't been quite easy.

  The main quirk (I think) is that iOS Safari changes viewport when scrolling; i.e., toolbars shrink.
  Since the viewport _should_ change, it thinks the input _will_ move, so it _should_ scroll, always.
  Even times when it doesn't need to scroll—the input is fixed, all we need is the keyboard—
  the window always scrolls _up and down_ resulting in some janky animation.

  However, iOS Safari doesn't scroll when the input **has opacity of 0 or is completely clipped.**

## easing.js
/*
 * This work is free. You can redistribute it and/or modify it under the
 * terms of the Do What The Fuck You Want To Public License, Version 2,
 * as published by Sam Hocevar. See the COPYING file for more details.
 */
/*
 * Easing Functions - inspired from http://gizma.com/easing/
 * only considering the t value for the range [0, 1] => [0, 1]
 */
EasingFunctions = {

## rule.js
function (user, context, callback) {
  user.app_metadata = user.app_metadata || {};

  if ('stripe_customer_id' in user.app_metadata) {
    context.idToken['https://example.com/stripe_customer_id'] = user.app_metadata.stripe_customer_id;
    return callback(null, user, context);
  }

  var stripe = require('stripe')('sk_....');
  var customer = {

## macOS-fixes.md

      
              1 file
            
          
              4 forks
            
          
              0 comments
            
          
              89 stars
            
          
                rsms
                / macOS-fixes.md
            
            
              Last active
              April 7, 2024 18:44
            
          
    Fixing macOS 10.14, 10.15, 12

Dark main menu without the rest of dark mode


Set Light mode
defaults write -g NSRequiresAquaSystemAppearance -bool Yes
Log out and log back in
Set Dark mode


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

  
## gist:cbdf1e69667d64ba9fad62eae61b3469
ffmpeg -i input.aiff -f mp3 -acodec libmp3lame -ab 192000 -ar 44100 output.mp3

## dm-toilet-paper.js
// dm Klopapier Widget
//
// Copyright (C) 2020 by marco79 <marco79cgn@gmail.com>
//
// Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted.
//
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER
// IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE

## require-js-discussion.md

      
              1 file
            
          
              23 forks
            
          
              67 comments
            
          
              353 stars
            
          
                desandro
                / require-js-discussion.md
            
            
              Created
              January 31, 2013 20:26
            
              
                Can you help me understand the benefit of require.js?
              
          
    I'm having trouble understanding the benefit of require.js. Can you help me out? I imagine other developers have a similar interest.
From Require.js - Why AMD:

The AMD format comes from wanting a module format that was better than today's "write a bunch of script tags with implicit dependencies that you have to manually order"

I don't quite understand why this methodology is so bad. The difficult part is that you have to manually order dependencies. But the benefit is that you don't have an additional layer of abstraction.


## ios-8-web-app.html
<!doctype html>

<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

<html>
  <head>
    <title>iOS 8 web app</title>

    <!-- CONFIGURATION -->
	<!--
	When an input element gets focused, iOS Safari tries to put it in the center by scrolling (and zooming.)
	Zooming can be easily disabled using a meta tag, but the scrolling hasn't been quite easy.

	The main quirk (I think) is that iOS Safari changes viewport when scrolling; i.e., toolbars shrink.
	Since the viewport _should_ change, it thinks the input _will_ move, so it _should_ scroll, always.
	Even times when it doesn't need to scroll—the input is fixed, all we need is the keyboard—
	the window always scrolls _up and down_ resulting in some janky animation.

	However, iOS Safari doesn't scroll when the input has opacity of 0 or is completely clipped.
	/*
	* This work is free. You can redistribute it and/or modify it under the
	* terms of the Do What The Fuck You Want To Public License, Version 2,
	* as published by Sam Hocevar. See the COPYING file for more details.
	*/
	/*
	* Easing Functions - inspired from http://gizma.com/easing/
	* only considering the t value for the range [0, 1] => [0, 1]
	*/
	EasingFunctions = {
	function (user, context, callback) {
	user.app_metadata = user.app_metadata \|\| {};

	if ('stripe_customer_id' in user.app_metadata) {
	context.idToken['https://example.com/stripe_customer_id'] = user.app_metadata.stripe_customer_id;
	return callback(null, user, context);
	}

	var stripe = require('stripe')('sk_....');
	var customer = {
	// dm Klopapier Widget
	//
	// Copyright (C) 2020 by marco79 <marco79cgn@gmail.com>
	//
	// Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted.
	//
	// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL
	// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
	// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER
	// IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE
	<!doctype html>

	<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

	<html>
	<head>
	<title>iOS 8 web app</title>

	<!-- CONFIGURATION -->