veremey

<snippet>
	<content><![CDATA[
	<div class="jumbatron">
		<div class="jumbatron__img">
			<img src="img/big_img.jpg" alt="">
		</div>
	</div>
	styles
	.jumbatron
		position: relative

veremey

#!/bin/bash
for f in *.scss; do sass-convert $f ${f%scss}sass ; done 
rm *.scss

veremey

npm list --global=true --depth=0   ---- ==== ---Посмотреть список глобальных NPM пакетов

veremey

HTML, CSS, JS

1. Intro: https://www.youtube.com/playlist?list=PL697D36B35F92E9E4 (1)
2. JS:
   • Single page: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript (2)
   • Video: http://video.ch9.ms/ch9/DF01/97ECAC6F-5413-486A-B9D5-9EB60082DF01/MIX11HTM06_high_ch9.mp4 (5)
   • Intermediate: http://ejohn.org/apps/learn (6)
   • Philip Roberts: What the heck is the event loop anyway? https://www.youtube.com/watch?v=8aGhZQkoFbQ

• Book: http://eloquentjavascript.net/

veremey

###

veremey

@import "compass/css3/images";

// CSS-only multi-line ellipsis with generated content
// yields `position:relative`, so remember to declare an eventual `position:absolute/fixed` *after* including this mixin
@mixin limitLines(
    $maxLinesPortrait, // Mandatory: The number of lines after which the clipping should take action.
    $maxLinesLandscape: $maxLinesPortrait, // You may provide a different line limit for landscape orientation.
        // Note that 'portrait' is our default orientation. However, if you omit $maxLinesLandscape,
        // the value of $maxLinesPortrait is used for whatever orientation (that is, without a media query).

veremey

https://videojs.com/advanced/ - ратает на тел 
https://www.npmjs.com/package/iphone-inline-video  - работает на тел 

veremey

SHORTCUTS

Key/Command	Description
Tab	Auto-complete files and folder names
Ctrl + A	Go to the beginning of the line you are currently typing on
Ctrl + E	Go to the end of the line you are currently typing on
Ctrl + U	Clear the line before the cursor
Ctrl + K	Clear the line after the cursor
Ctrl + W	Delete the word before the cursor
Ctrl + T	Swap the last two characters before the cursor

veremey

<div id="map"></div>
<script  src="https://maps.googleapis.com/maps/api/js?key=KEY_NUMBER" ></script>

function initMap() {
  var myLatLng = {lat: 41.892896, lng: -87.638387};

  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 41.892896, lng: -87.638387},
    zoom: 15,
    styles: [

veremey

Приёмы оптимизации кода по скорости

Организационные

• Культура разработки performance-first: https://tonsky.me/blog/performance-first/
• Бюджет скорости: https://wp-rocket.me/blog/performance-budgets/
• Performance mantra: http://www.brendangregg.com/blog/2018-06-30/benchmarking-checklist.html

Не зависящие от языка и его реализации

• Rosetta Code - реализации задач на разных языках: http://rosettacode.org/wiki/Collections
• Статьи по основным структурам данных: