dra1n

Where we left

• UI should be an afterthought
• Write code that allows to sepearate business logic frow UI.
• Write code that allows to inject any hard-to-test, too-verbose, want-this-mocked stuff logic.

Is redux a good tool for impelmenting these ideas?

• It has special place for handling business logic, called middleware.
• Popular middleware have a mechanism for context injection. If you are writing your own custom middleware, then you probably should think about adding this too.

dra1n

What it gives?

• Visual documentation

  • Discoverability (Easier to find existing components. Potentially works for designers too. As a result, we are saving time because we are not doing the same thing again and again)
  • Regression (Breaking design or API changes will be reflected)
  • Describes component API (And edge cases)
  • Hints to intended usage

• Faster design delivery (than having component embedded into the page)

• Early design feedback

Kolenov

$ cd /usr/local/lib
$ sudo ln -s ../../lib/libSystem.B.dylib libgcc_s.10.5.dylib
$ sudo ln -s ../../lib/libSystem.B.dylib libgcc_s.10.4.dylib

devxom

{
	"Block (with comment)": {
		"prefix": "di",
		"body": [
			"<!-- begin ${1} -->",
			"<div class=\"${1}\">",
			"\t${2}",
			"</div>",
			"<!-- end ${1} -->"
		]

attilagyorffy

module ApplicationHelper
  def responsive_image_tag(image, options = {})
    content_tag(:picture) do
      concat content_tag(:source, nil, media: '(max-width: 768px)', srcset: image.url(:thumbnail_mobile))
      concat content_tag(:source, nil, media: '(max-width: 960px)', srcset: image.url(:thumbnail_tablet))
      concat image_tag(image.url(:thumbnail_desktop), options)
    end
  end
end

ascendbruce

Use macOS-style shortcuts in Windows / keyboard mappings using a Mac keyboard on Windows

ℹ️ There is a newer alternative project that does similar things and more, check it out at https://github.com/stevenilsen123/mac-keyboard-behavior-in-windows

Make Windows PC's shortcut act like macOS (Mac OS X) (using AutoHotkey (ahk) script)

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

How does it work

addyosmani

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

fljot

<!-- 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">