victor-homyakov

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

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

• Культура разработки 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
• Статьи по основным структурам данных:

dshster

Install:

npm install

Run:

gulp

iAdramelk

Английская версия: https://evilmartians.com/chronicles/bootstrap-an-intervention

Вводная часть

У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:

1. Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.

2. Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п

qfox

Сравнение синтаксиса

Для сравнения была поставлена задача преобразовать входные данные вида:

var data = {
  caption: "Cap",
  people: [ 'John', 'Malkovich', 'Doe' ]
}

в строку Cap: John, Malkovich, Doe

innabelaya

({
    block : 'page',
    title : 'hello',
    head : [
        { elem : 'css', url : 'hello.min.css' }
    ],
    scripts : [{ elem : 'js', url : 'hello.min.js' }],
    mods : { theme : 'islands' },
    content : [
       {

Ser-Gen

Писать текст с новой строки в разметке можно благодаря тегу <br>. Сделать то же самое в тексте псевдоэлемента поможет следующее.

Для начала, нужно добавить псевдоэлементам объявление white-space: pre;, чтобы текст выводился с учётом символов переноса.

Если текст псевдоэлемента задаётся в его стилях при помощи объявления content: "Текст псевдоэлемента", нужно использовать \A:

<p class="test"></p>

Panya

html {
  overflow: hidden;
  &:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10em;
    border: dashed 2px;
    width: 20em;
    height: 20em;

arikon

// If you are using borschik to expand links (bem make and enb do this for you)
// you could use this hack for any jQuery plugin found in the wild
modules.define('i-jquery__my-plugin', ['jquery'], function(provide, $){
    var jQuery = $,
        window = {jQuery: jQuery};
    /*borschik:include:path/to/jquery-plugin.js*/
    provide($);
});

samdark

Встреча разработчиков, Воронеж #1

http://rmcreative.ru/blog/post/vstrecha-razrabotchikov--voronezh-1--apdeyt

Когда

16 марта, 12:00. Бенефит-плаза, кафе «Маруся».