alexilyaev

module.exports = function (grunt) {
	'use strict';

	var port = grunt.option('port') || 9001,
		lrPort = grunt.option('lr-port') || 35731,
		hostname = 'localhost',
		baseFolder = '.';

	// Display the elapsed execution time of grunt tasks
	require('time-grunt')(grunt);

alexilyaev

New Mac Guidelines

Settings (previously Preferences)

• Apple Acount + Connect the Messages App to Apple Account
• Appearance - Dark
• Accessibility
  • Zoom - Use scroll gesture with modifier keys to zoom - Turn on
  • Spoken Content
• System Voice - Samantha

alexilyaev

describe('test.directive', function () {
    'use strict';

    var $rootScope;
    var $scope;
    var $compile;

    var preCompiledElement;
    var element;
    var controller;

alexilyaev

CSS

Use dash-cased class names

• It's consistent with CSS property naming convention

.some-class-name {}

alexilyaev

No more IIFE

• WebPack wraps each requireed code with a function, so there's no need to wrap our code with an IIFE

/**
 * Good
 */

alexilyaev

• .ignore
• BashSupport
• Css Alphabetical Rearranger
• GFM
• Markdown Support
• Presentation Assistant

alexilyaev

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

alexilyaev

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 16,

    // font family with optional fallbacks
    fontFamily: '"Fira Code", Monaco, Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248, 28, 229, 0.8)',

alexilyaev

<svg width="500" height="300" viewBox="0 0 500 300">
  <!-- Define components -->
  <defs>
    <g id="tape">
      <rect width="450" height="200" fill="#222"
            stroke="#aaa" stroke-width="5"/>
    </g>
    
    <g id="wheel">
      <circle cx="50" cy="50" r="50"

alexilyaev

Canvas - Ping Pong

Just playing with Canvas

A Pen by Alex Ilyaev on CodePen.

License.