DavidWells

Here is a checklist of all the things I need my CSS solution to handle.

I can explain any of the points. Leave a comment on the gist or tweet @DavidWells

Challenge: Take your favorite CSS solution and see how the checklist holds up.

• Has ability Localize classes
• Has ability to use global classes
• Has ability to write raw CSS
• Syntax highlighting and auto completion

arleym

on alfred_script(q)
    tell application "Google Chrome" to activate -- needs to be in front
    tell application "System Events" to tell application process "Chrome"
        try
            repeat with x from 1 to (count windows)
                get properties of window x
                set position of window x to {0, 21}
                set size of window x to {1280, 709}
            end repeat
        end try

alankent

#!/usr/bin/php
<?php
/**
 * Copyright © 2015 Magento. All rights reserved.
 * See https://github.com/magento/magento2/blob/develop/COPYING.txt for license details.
 */

/**
 * validate_m2_package.php - a script that checks a given M2 zip package to ensure
 * it is structured correctly and has all the required files.

chriseidhof

// Variables just contain an integer. We can have a maximum of `Int.max` variables in our program.  ¯\_(ツ)_/¯

private struct Var {
    static var freshVarIx = 0
    let ix: Int
    init() {
        Var.freshVarIx+=1
        ix = Var.freshVarIx
    }
}

maximbilan

import UIKit

public enum DeviceSpecific {
	case iPhone
	case iPhoneRetina
	case iPhone5
	case iPhone6
	case iPhone6Plus
	case iPad
	case iPadRetina

wesbos

{
  "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": [
    {

paulirish

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

plumhead

extension String {
    func size(withAttributes attrs: [String:AnyObject], constrainedTo box: NSSize) -> NSRect {
        let storage = NSTextStorage(string: self)
        let container = NSTextContainer(containerSize: NSSize(width: box.width, height: box.height))
        let layout = NSLayoutManager()
        layout.addTextContainer(container)
        storage.addLayoutManager(layout)
        storage.addAttributes(attrs, range: NSMakeRange(0, storage.length))
        container.lineFragmentPadding = 0.0
        let _ = layout.glyphRangeForTextContainer(container)

jamescowie

Installing Magento 2

Im exploring the different ways that can be used to install Magento 2 both locally for extension development and then how this could be deployed into production.

Warning this will be a evolving living gist as I have time to play around.

Using composer to create the project

I found that I could run:

composer create project magento/project-community-edition=dev-master magento2

imjasonh

* {
    font-size: 12pt;
    font-family: monospace;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: black;
    cursor: default;
}