Веб-дизайн

Диаграммы в canvas

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

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

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

Определение приоритетов стилей 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 жирным или курсивом

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

Файлы HEIC

В 11 версии iOS  фотографии сохраняются в формате  HEIC. Они хороши тем, что при том же уровне качества весят они меньше, чем jpeg. Но их не «понимает» Windows. Переконвектировать можно здесь  — сайт https://heictojpg.com/ Еще можно их просто загрузить в flickr  или альбомы гугла в приложении с телефона и скачать в jpeg на компьютере. Как отключить...
Новогодняя открытка

Новогодняя открытка

Задача: создать открытку для компании, которая занимается продажей пил и фрез для деревообработки. В качестве материала для снежинок использованы сверла.
Рассылка

Рассылка

Задача — сделать картинку и подготовить рассылку о режиме работы компании в праздники