Kolenov

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Kolenov

version: '2'
services:
  api:
    volumes:
      - "nfsmount:${CONTAINER_DIR}"

volumes:
  nfsmount:
    driver: local
    driver_opts:

Kolenov

export class ReducerPool {
  constructor() {
    this.redusers = [];
  } 
  
  registerReducer(reducer) {
    redusers.push(reducer);
  }
  
  getNewState(state, action) {

Kolenov

Use (most) macOS style shortcuts on Windows

Make Windows PC's shortcut act like macOS (Mac OS X)

With this AutoHotKey script, you can use most macOS style shortcuts (eg, cmd+c, cmd+v, ...) on Windows with a standard PC keyboard.

Note that

1. You should disable the Between input languages shotcut from Control Panel\Clock, Language, and Region\Language\Advanced settings > Change lanugage bar hot keys because it conflicts with cmd + shift + ↑ / ↓ / ← / → (select text between cursor and top / bottom / beginning of line / end of line)
2. you shouldn't change the modifier keys mapping with keyboard DIP. This script assumes you use a standard PC keyboard layout, and wish to use shortcuts as if it was a mac keyboard layout.

Kolenov

<!-- put this to IDEA keymaps config folder. For v13 it is <userdir>\.IntelliJIdea13\config\keymaps\ -->
<?xml version="1.0" encoding="UTF-8"?>
<keymap version="1" name="Mac OS X 10.5+ Windows Ctrl" parent="Mac OS X 10.5+">
  <action id="$Copy">
    <keyboard-shortcut first-keystroke="meta C" />
    <keyboard-shortcut first-keystroke="meta INSERT" />
    <keyboard-shortcut first-keystroke="control C" />
    <keyboard-shortcut first-keystroke="control INSERT" />
  </action>
  <action id="$Cut">

Kolenov

; --------------------------------------------------------------
; NOTES
; --------------------------------------------------------------
; ! = ALT
; ^ = CTRL
; + = SHIFT
; # = WIN

#NoEnv  ; Recommended for performance and compatibility with future AutoHotkey releases.
; #Warn  ; Enable warnings to assist with detecting common errors.

Kolenov

rspn_motd "Aimbot activated (joke)"

//=====================================================
//================== 4:3; 5:4 FIX =====================
//=====================================================
//mat_letterbox_aspect_goal 0.0                                         // Растягивает картинку на старых мониторах с соотношением сторон 4:3; 5:4 или нестандартных(кастомных) разрешениях, убирает черные полосы по бокам. (ВЫКЛ, для ВКЛ.убрать "//")
//mat_letterbox_aspect_threshold 0.0                                    // Растягивает картинку на старых мониторах с соотношением сторон 4:3; 5:4 или нестандартных(кастомных) разрешениях, убирает черные полосы по бокам. (ВЫКЛ, для ВКЛ.убрать "//")
//=====================================================

Kolenov

const enhance = R.compose(
  inject('store'),
  observer
)

const AuthContent = (props => R.cond([
  [R.equals(Page.signin), () => <SignIn {...props}/>],
  [R.equals(Page.signup), () => <SignUp {...props}/>],
  [R.equals(Page.confirm), () => <PasswordResetConfirm {...props}/>],
  [R.equals(Page.forgot), () => <PasswordReset {...props}/>],

Kolenov

useEffect(() => {
  const abortController = new AbortController()   // creating an AbortController
  fetch(url, { signal: abortController.signal })  // passing the signal to the query
    .then(data => {
      setState(data)                              // if everything went well, set the state
    })
    .catch(error => {
      if (error.name === 'AbortError') return     // if the query has been aborted, do nothing
      throw error
    })

Kolenov

const renderComponent = R.curryN(2, React.createElement)
const setDisplayName = displayName => R.tap(C => { C.displayName = displayName })
const hasProperty = (prop, obj) => Object.prototype.hasOwnProperty.call(obj, prop);
const renderNothing = () => () => null

const renderComponent = Component => () => {
  const RenderComponent = props => createElement(Component)(props)

  if (process.env.NODE_ENV !== 'production') {
    const name = Component && Component.name + '(renderComponent)' || 'renderComponent'