HTTP203: предложения нового синтаксиса для JS в 2018-м

(Перевод от MakeWeb.me) Начиная с принятия стандарта ES6, на нас посыпалось множество новых крутых возможностей Javascript. Это и понятно, ведь почти 10 лет стагнации это для бурно движущихся технологий как сильно натянутая тетива лука — в итоге ее отпустили и стрела полетела.

В этом выпуске HTTP203 Jake Archibald и Surma разбирают предложения по внедрению новых вариантов синтаксиса, которые бы упростили жизнь фронтенд-разработчиков. Посмотрите — там есть то, что решает прям злободневные задачи =)

Расставим точки над.. CSS-препроцессорами (Sass, Less, Stylus) ЧАСТЬ 2

В этой серии из нескольких роликов я как раз и пытаюсь максимально полно раскрыть данную тему. Рассматриваем препроцессоры:

СОДЕРЖАНИЕ:
00:08 Миксины (mixins).
00:39 Сборка стилей из консоли и через Gulp.
03:40 Миксины (mixins) — продолжение.
04:40 Экстенды (extends).
05:26 Цветовые функции.
06:16 Импорты (imports).
07:31 Условие (if/else).
08:56 Цикл (loop).
11:33 Подводим итоги.

Файлы к циклу роликов:
https://github.com/makewebme/preprocessors_series

Avocode 2018: замена Photoshop для верстальщика (ЧАСТЬ 1)

Данный курс посвящен Avocode — программе, которая фронтенд-разработчику (в частности, верстальщику), помогает упростить жизнь. Как? Позволяя импортировать в себя дизайны в форматах таких продуктов как Adobe Photoshop, Adobe Illustrator, Adobe XD, Sketch и Figma.

Таким образом, из каждого импортированного макет можно извлекать необходимую при разработке веб-страниц информацию — размеры элементов, отступы, цвета, шрифты, изображения и все остальное.

Для получения скидки, прямо перед первой оплатой в соответствующем поле, введите промо-код nikita.

Не бойся Vim: чтотакое/вкл/выкл/ред/сохр

У многих возникает безумный ступор при использовании консольного текстового редактора Vim. Сам такой был, а потом взял и разобрался. Но, на самом деле, минимальное его использование очень тривиально. В данном коротком ролике как раз про это.

Про разницу псевдо-элементов с двумя и одним двоеточием

Поговорим про разницу псевдо-элементов с двумя ::before и с одним :before двоеточием. Что использовать правильнее?

Технически, правильны ответ — «с двумя» — ::before. Но это не значит, что нужно всегда делать именно так.

Читать далее «Про разницу псевдо-элементов с двумя и одним двоеточием»