Веб-разработка

Курсы, которые я прошла

Front-end Developer, Infopulse Univer, оффлайн, август — октябрь 2018 Java Script, Easycode, онлайн, 3 мес, август-ноябрь, 2018 HTML5 И CSS3 ESSENTIAL, видеокурс, ITVDN,  ноябрь 2018 ОСНОВЫ ИСПОЛЬЗОВАНИЯ GIT, видеокурс, ITVDN,  ноябрь 2018 КУРС TYPESCRIPT FUNDAMENTALS, видеокурс, ITVDN,  ноябрь 2018 Курс по ES6, видеокурс, WebForMyself, ноябрь, 2018 Курс по TypeScript, видеокурс, WebForMyself,  ноябрь 2018 Курс по RxJS (Reactive-Extensions), видеокурс, WebForMyself,  декабрь 2018 Angular...

Мой прогресс в обучении на front-end developer в ноябре

Диаграммы в canvas

Диаграмма  http://irenebelle.in.ua/excursion/ Данные  выбираются и  группируются запросом из базы данных mysql    

Canvas канадский флаг

See the Pen flag by irene (@irenebelle) on CodePen.

Module pattern

Определение приоритетов стилей css

Метод определения приоритетов css 1 условная  единица — селектор тегов (h1, p, a), псевдоэлементы (::first-child) 10 условных единиц — класс (a.linkwhite), псевдоклассы (:link) 100 условных единиц —  идентификатор  (#whitelink) 1000  условных единиц —  строчный стиль (<a style=»color:white;»>) При двух стилях с одинаковым приоритетом будет применен последний стиль. Для установления максимального приоритета используется метка !important. Оно...

Селекторы — примеры использования

Селектор  :not() Выбрать все ссылки, ведущие на внешние сайты (тоесть не на домен mysite.com) a[href^="http://"]:not([href*="mysite.com"]) Сброс значений отступов *{ padding: 0; margin: 0; }

Селектор :target

Селектор :target используется с внутренними ссылками. В примере при нажатии на ссылку, появится форма.   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> #hello { display: none; } #hello:target { display: block; } </style> </head> <body> <a href="#hello">Подписаться на рассылку</a> <form action="" id="hello"> <label for="email">Укажите ваш адрес...

Как в Adobe Illustrator сделать документ на несколько страниц

Допустим вам нужен в результате  pdf  3 страницы А4 формата. Для каждой страницы нужно создать новую Artboard. Когда вы создаете новый файл, вам уже предлагается выбрать количество рабочих областей: Так же новые рабочие области можно добавлять в процессе работы. Выбираем Artboard tool (shift+O), в верхнем меню нажимает на иконку new Artboard.   При сохранении в pdf...
Как создать дерево ссылок для instagram - много ссылок в профиле инстаграм

Как создать дерево ссылок для instagram — много ссылок в профиле инстаграм

В профиле инстаграм можно указать только одну ссылку.  По-этому появилось множество сервисов, позволяющих создать свое дерево ссылок. Один из них https://linktr.ee Сервис создает для вашего эккаунта в инстаграм ссылку на уникальную страницу с вашими ссылками. К примеру дерево ссылок для страницы в ИГ avon.my.boutique будет доступно по ссылке  https://linktr.ee/avon.my.boutique Что бы создать такое дерево, переходим на...
Как сделать красивый шрифт в Instagram

Как сделать красивый шрифт в Instagram

Приложение работает только с латиницей.  Заходим по ссылке сюда  и пишем свой текст. Копируем, вставляем. Например, как это выглядит в моем био в инстаграм:
Как сделать текст в Facebook жирным или курсивом

Как сделать текст в Facebook жирным или курсивом

Работает только с буквами латинского алфавита. Заходим по ссылке, пишем что надо и копируем.