magicznyleszek

CSS Selectors Cheatsheet

Hi! If you see an error or something is missing (like :focus-within for few years :P) please let me know ❤️

Element selectors

Element -- selects all h2 elements on the page

h2 {

magicznyleszek

Useful Mac Commands

Common stuff

Find all files in current directory by extension

find . -type f -name "*.extension"

magicznyleszek

Atom Keyboard Shortcuts

General

shift + ⌘ + p -- toggle command palette

⌘ + / -- toggle line/selection comment

alt + shift + s -- show available snippets

magicznyleszek

# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting tab.


#-------------------------------------------------------------------------------
# CoffeScript

magicznyleszek

RegEx Cheatsheet

Contents:

1. Special characters
2. Quantifiers
3. Special sequences
4. Useful examples

magicznyleszek

Illustrator tips & tricks

Some smart moves to make up for missing functionalities.

Circle through two points

Result: circle of given radius that is going exacly through two anchor points.

Steps:

magicznyleszek

Debugging AngularJS from console

Note: In Chrome Console, instead of document.querySelector, you can use $0 - $4 to access the last 5 DOM elements selected in the inspector window.

Access Scopes

var fooCtrl = angular.element(document.querySelector('[ng-controller*="fooCtrl"]')).scope();

magicznyleszek

> new Date(Infinity)
< Invalid Date

magicznyleszek

alternatively use: http://geoff.greer.fm/lscolors/

LSCOLORS

The value of this variable describes what color to use for which attribute when colors are enabled with CLICOLOR. This string is a concatenation of pairs of the format fb, where f is the foreground color and b is the background color.

The color designators are as follows:

a black

magicznyleszek

body {
    white-space: pre;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.5;
    background: hsl(212, 25%, 12%);
    color: hsl(213, 18%, 66%);
    margin: 1rem;
}