Пройти курсы htmlacademy

C флексами покончено. Сегодня день будет посвящен изучению SVG

Вопросы по SVG:

1. Проценты рассчитываются относительно размеров всего SVG-изображения: горизонтальные значения относительно ширины, вертикальные — относительно высоты. а какой размер у всего SVG-изображения? как правильно его задать?

немного не в тему пишу, наверное потом придется создать отдельную цель.

Сегодня разобралась с рабочим процессом с использованием Git.

Теперь нужно сделать следующее по мелочи:

1. разобраться как работает в действии плагин для форматирования кода Editorconfig

небольшое видео по теме
кое-что крякнутьустановить emmnet для sublime

Ключевые вчерашние действия по изучению флексов и прочего так и не были сделаны - ленивая я >_<

Курсы начались. Сегодня рассматривали основы работы с системой контроля версий (Git).

Установила Photoshop CC (теперь только 6 дней пробных :( ), нашла наставника.

Вывод: теперь когда есть дополнительно работа нельзя лениться, времени вообще нет))

Моя цель на ближайший месяц - сверстать макет из psd-шника с нуля по фен-шую :D

Эти ключевые действия Я сделаю завтра:

1. просмотрю первый семинар по интенсиву
2. найду опытного наставника и договорюсь с ним о времени консультаций, обменяюсь контактами
3. составлю список вопросов к ментору, а именно:
   1. будем ли мы при верстке использовать препроцессоры (нет)
   2. БЭМ или другую методологию (пока нет)
4. установлю Photoshop CC

Ключевые действия на сегодня:

1. пройду блок по флексам
2. пройду блок про LESS
3. пройду блок js "Ошибки и отладка. Автоматические тесты и модульное тестирование" на Хекслете

Пару статей по теме:

https://habrahabr.ru/post/242545/

http://jsfiddle.net/alexriz/on7km4mb/

Практическое применение флексов:

1. построение сеток
2. центровка элемента по вертикали и горизонтали, при изменяющихся размерах
3. создание блоков с дочерними элементами динамической длины (верстка меню)
4. раскладка с блоками одинаковой высоты (лучше чем костыль на градиентах :D)

Немного о вендорных префиксах:

http://xiper.net/learn/css/properties/vendor-prefi...

и способах организации css-кода

https://habrahabr.ru/post/256109/#comment_8442829

http://devacademy.ru/posts/rabotaem-s-data-atribut...

Небольшая статья про использование data- атрибутов

на этом этапе пишу велосипед - небольшое приложение по наложению фильтров на фото с небольшими вкрапениями js на уровне - добавить, удалить класс тому или иному узлу в DOM-дереве.

Смысл этого написания - понять общую логику работы таких приложений,

практического смысла мало, ведь есть библиотеки с готовыми решениями, типа jQuery.

Хотя наверное, написание велосипедов ещё никому не вредило :D

https://glyphter.com/

- классный сервис для создания шрифтовых иконок :)

итак, на практическом применении двумерных трансформаций было опробовано:

1. центровка изображения независимо от его размеров
2. поворот текстов
3. анимация (самые азы)
4. нестандартные тени
5. эффекты при наведении на кнопки, изображения в галереи
6. круговое меню (с этим ещё предстоит разобраться подробнее, по мне так это было самое сложное)

Разобрала тему линейных градиентов.

В прикладном смысле они полезны для следующего:

1. создавать паттерны для фонов (множественные фоны)
2. красивые градиенты для создания объемных кнопок
3. для подкладки фона под колонки разной высоты. См. статья ниже:

https://css-tricks.com/fluid-width-equal-height-co...

Хотя есть и другие способы решения этой проблемы.