Привет, мир!

Здесь я осваиваю WordPress и разное другое.

И, как по заказу, именно теперь вышла совсем новая версия WP. Очень вовремя!!!

_181207

Редактор стал блочным.

 

_190728

Векторный редактор. Бесплатный. 
https://inkscape.org/
Быстрое оформление книг и брошюр («pdf-отчётов») по шаблонам
https://canva.com

Рекомендация Дмитрия Зверева: брать формат А4, создать по шаблону и скопировать через буфер обмена в документ Word, который затем преобразовать в PDF.
Среди картинок есть как бесплатные, так и платные; смотреть об этом пометки на картинках.

Там же: краткий гид по выбору кириллических шрифтов

https://www.canva.com/ru_ru/obuchenie/kirillicheskie-shrifty/

Там же: узнать HTML-код и перенести его к себе

https://www.canva.com/ru_ru/obuchenie/kirillicheskie-shrifty/

Технический трюк: вы можете создать дизайн своего сайта при помощи Canva. Для этого откройте шаблон сайта в разделе «Маркетинг» и настройте его на свой вкус. Затем при помощи команды «Встроить» скопируйте HTML-код и добавьте его на сайт:

Canva workspace

Команда «Встроить» находится внизу выпадающего списка под стрелкой в правом верхнем углу.

Так можно создать дизайн для Вордпресса, Медиума и других сайтов. Кириллические шрифты из шаблонов при этом тоже добавятся на сайт.

Поделиться

Привет, мир!: 40 комментариев

  1. С блочными — свои заморочки. Не сказать, что с html и стилями мне было проще , но, пожалуй, там было более предсказуемо. Во всяком случае, поначалу.

    Но наглядно видно, что в WordPress наглядности больше.

    1. Режим редактора кода тоже есть! Как на LiveInternet с недавних пор. Можно переключаться между этими режимами, исходя из того, какой затык преодолеваешь в данный момент.

    2. Хм,
      > наглядности больше

      Вот сколько уже бьюсь — и не пойму, как сохранить.

      10:44
      Для самых частых ситуаций — похоже, разобралась, как сохранять. Для этого надо безоглядно и спокойно обновлять, всего-навсего. Уж эти мне русификации интерфейса!..
      Но чтобы дойти до такого достаточно уверенного состояния, пришлось мне чуть не половину возможностей уже реально примерить, создать ряд пробных страниц… или полупробных?.. 🙂

  2. Пробую третью за двое суток «тему» оформления. Каждая на свой лад очень нравится. Но не идеальны.
    В этой оооочень хочется убрать переносы слов по слогам. )) Зато сразу понравился отлично читаемый размер шрифта.

    …Поиграла с цветами. Не уверена, что стало лучше, чем цвета по умолчанию, — но как же не поиграть!

    По умолчанию — очень светло-серый задний фон и совершенно белый в прямоугольниках с текстом. Смотрится хорошо, но, наверное, заставляет напрягать зрение, когда читаешь.

    Предыдущая была изысканно красива на типографский лад. Пожалуй, слишком красива для образовательной тематики автандилинских страничек. Для дизайнера поздравлений — подходит лучше. Но всё-таки мельчайший размер шрифта и в праздничной тематике напрягает. И про праздники ведь нужно читать, смотреть. 🙂 Шрифт с засечками, цифры разновысотные. Если размер шрифта назначить покрупнее, то либо нарушатся пропорции страницы, вся композиция, либо слишком мало текста поместится, при таком количестве «воздуха». А воздух там прекрасен!
    …И ярковата для монитора. Если бы на бумаге — другое дело.

    Самая первая — пожалуй, выглядела менее современно, чем те две. Но тоже красивая. Логотип к ней лучше подходил «яркий» — GenuineLera на фоне блика (из моего Инстаграм). А с второй и третьей сочетается «изящный» — с миниатюрным двойным знаком в центре и окаймляющими марками сверху и снизу.

    1. …Зато в #2 основное содержание как бы более заметно, потому что оно сразу слева начинается. И ещё — страница в целом выглядит более просторной, раздольной, свободной. Потому что нет вертикальных членений.

      В #3 при цветах по умолчанию страница не так дробилась по вертикали, как сейчас при моих цветах, когда справа от сиреневого узкая зеленоватая, а дальше за ней вторая узкая, но белая. А этот белый цвет и эти ширины я ещё не умею изменить. Пусть побудут такие.

  3. Вид с темой №2 и №3

    #2

    #3

    Чтобы вставить прямо сюда картинки, пришлось сначала записать и сохранить комментарий. (Неважно, с каким содержанием.) После сохранения появляется возможность отредактировать более полновесно, есть даже панель с кнопочками для вставки кодов HTML. 🙂

  4. А вот чтО мне нравится в WP (по сравнению с дневниками на LiveInternet и обычным простым сайтом на HTML) — это возможность объединить, не смешивая, дневник (беглые заметки) и долгоиграющие «тяжёлые» публикации! Гибкая интеграция, которой мне с самого начала не хватало на Ли.Ру. Микроблоги там потом появились, но это уж такое микро из микр! ))) Ограничения длины — не для меня…

    …Но как же всё-таки исхитриться здесь делать простейшее форматирование текста на лету, при первом же написании? 🙂

  5. Сделала второй сайтик, одностраничный, на поддомене test (он же md — MultiDevice).
    Выложила часть документов Автандилины в галерею на основном домене.
    Из-за поддомена ещё сильнее, чем ожидалось, путаю явки и пароли. ))

  6. В последние два дня 2018 года совершила перенос двух сайтиков на WP с временного хостинга на постоянный.

    Думала, справлюсь самостоятельно по инструкциям на сайте хостера. Не тут-то было!.. Вот чем нагляднее «фасад» программы, тем непролазнее потёмки её «бэкофиса». ))) На html-сайтах, если их делаешь сам, то точно знаешь, какие файлы входят в состав сайта. А здесь… файлы двух сайтов, файлы двух баз данных, файлы двух установок WordPress и… кажется, ещё какие-то файлы?!.. Плюс имена двух доменов фактических и двух доменов технических. — Это то, что переносится. А там, куда оно переносится, тоже находятся файлы сайта, файлы базы данных и файлы установки WordPress… и имена домена фактического и домена технического. )))

    При переносе что происходит? Между всем этим вышеперечисленным добром устанавливаются новые взаимосвязи, автоматически и с ручной подкорректировкой, потому что всё распихивается по новым папкам. По какой логике оно распихивается и именуется — не могу даже вообразить: совсем ведь нет опыта с базами данных SQL и с внутренней структурой WordPress, никакой информации об этом. Малейшее не то или не в тот файл напишешь — и связи потеряны, файлы «исчезают», сайты не открываются.

    Словом, попортив немало крови себе и файлам на сервере, поняла, что без специалистов техподдержки не осилю. Или осилю через год учёбы. 🙂

    Но в итоге, с их-то помощью, перенос всего добра состоялся, и хостинг теперь «постоянный» (т. е. оплаченный на год вперёд и с теми именно исходными данными, какие я придумала осознанно, а не в процессе 5-дневного интенсивного учебного курса).

    Основное моё имя теперь будет AL49 (Автандилина + Лера Сейгина + год рождения). От него будет нагляднее разветвлять структуру. И с возможностью в перспективе отказаться от избыточных доменных имён.

  7. AL49.ru пока не прорабатываю, использую samsebemir.ru. Уроки по WP в течение всего новогодия не проходила, но предприняла полезную практику по переносу бесплатных сайтов с бывшего Народа.Ру. (Буду называть «переносом», для удобства. А в точном смысле это ближе к «дублированию» или «копированию»: исходные сайты остаются там, где были.)

    Начала с домашней страницы «Звезда моя, Анна!» Перенесла две странички, осталось больше, но даже от работы над двумя страницами получила очень живой опыт и материал для размышлений по главному для меня вопросу: структуризация материала, в том числе в связи с именами, которые будут попадать в ссылки. Много неясностей и «удивительностей».

    Например: ведь оформила лицензию на https, почему же «постоянные ссылки» на новую страницу или новую запись оформляются как http и не поддаются изменению… Нет, на этот вопрос сейчас нашла ответ, настроила… Но почему зайти на сайт всё ещё возможно, набрав http или набрав https — без разницы. Бесплатная лицензия на https, наверное, не просто урезанная в чём-то, а даже вовсе неполноценная? В чём её реальное действие?.. Или — как мне правильно его задействовать? 🙂

  8. ADW (Advanced WordPress Backgrounds) — мощный плагин для кастомизации фона страниц. Обстоятельная документация… если не ошибаюсь, есть только на английском языке.
    https://wpbackgrounds.com/documentation/editing-an-awb-block/
    Автор: nK

    My Custom CSS — этот плагин, похоже, требует поглубже научиться, прежде чем его использовать.
    https://ru.wordpress.org/plugins/my-custom-css/
    Автор: DarkWolf

    Custom Background Changer — не был протестирован с WP 5xx и давно не обновлялся (10 месяцев назад)
    https://ru.wordpress.org/plugins/custom-background-changer/
    Автор: Anshul Labs
    http://anshullabs.xyz

  9. Нужно бы в отдельную тему, но просто пробую, с телефона.

    Рубрика, метка или категория: программы учебных курсов

    Основы Adobe Lightroom
    Adobe Lightroom — повседневный инструмент фотографа, необходимый для работы с изображениями в raw-формате. Но помимо самой конвертации, редактор предлагает также обширные возможности для обработки и каталогизации фотографий, особенно удобные для работы с сериями. При умелом владении Adobe Lightroom дальнейшая ретушь фотографий становится необходимой лишь для некоторых снимков и определенных задач. Сэкономьте своё время — освойте потоковую обработку!

    Вместе с Никитой Коростелёвым, практикующим фотографом и преподавателем, на этом курсе вы научитесь:
    — настраивать рабочее пространство Adobe Lightroom;
    — структурировать фотографии в библиотеке программы с помощью различных инструментов;
    — обрабатывать фотографии пакетно и индивидуально;
    — применять инструменты локальной ретуши;
    — понимать специфику обработки фотографий различных жанров — портретных, предметных, архитектуры и пейзажа;
    — использовать пресеты обработки, импорта и экспорта изображений;
    — создавать HDR и панорамы в Adobe Lightroom.

    Для закрепления теории на курсе выполняются обязательные практические задания, а также дипломная работа.

    Преподаватель(ли):
    Никита
    КоростелёвНикитаКоростелёв
    Курс Основы Adobe Lightroom Дата проведения: 12 февраля — 12 марта
    Cтоимость обучения: 5 900 р. / 5 400 р. для выпускников Школы
    Расписание: Вт, 19:00 — 22:00
    Продолжительность: 5 занятий (20 ак.часов)
    Примечание: Группа до 10 человек.
    Необходим ноутбук с установленным Adobe Lightroom.

    Программа курса

    1 занятие. Знакомство и Library
    Форматы файлов. Выбор RAW конвертера (ACR, Capture One, DxO Optics, Affinity Photo).
    Преимущество редактора. Удобство каталогизации и потоковой ретуши.
    Рабочие пространства Adobe Lightroom. Подготовка к работе.
    Работа с рабочим пространством Map. Работа с геотегами.
    Импорт изображений, организация хранилища исходников, специфика работы Lr.
    Структурирование библиотеки (коллекции, рейтинги, цветные маркеры, ключевые слова, система обнаружения лиц, Staking).
    Выбор и сравнение фотографий в библиотеке: Survey view, Compare view.
    Поиск в библиотеке: метаданные, ключевые слова, геотеги и др.

    2 занятие. Develop
    Специфика работы Adobe Lightroom: неразрушающая пакетная обработка.
    Инструментарий пространства Develop в Adobe Lightroom.
    Раздел Transform: автоматическое выравнивание, ручная трансформация.
    Раздел Camera calibration: профили сборки RAW.
    Локальная обработка: Градиентные фильтры (линейные, радиальные) и Кисть.

    3 занятие. Практические приемы обработки
    Обработка портретов.
    Обработка пейзажей.
    Обработка архитектуры.
    Обработка предметов.
    Экспорт: размеры, форматы, водяные знаки, пост-действие.

    4 занятие. Автоматизация процесса
    Пресеты обработки: предварительно сохраненный набор настроек.
    Пресеты импорта и экспорта.
    Склейка HDR и панорамы в Adobe Lightroom.
    Добавление и использование плагинов.

    5 занятие. Выпуск
    Просмотр и разбор работ студентов по обработке
    Подведение итогов

    Курс Основы Adobe Lightroom Дата проведения: 12 февраля — 12 марта
    Cтоимость обучения: 5 900 р. / 5 400 р. для выпускников Школы
    Расписание: Вт, 19:00 — 22:00
    Продолжительность: 5 занятий (20 ак.часов)
    Примечание: Группа до 10 человек.
    Необходим ноутбук с установленным Adobe Lightroom.

    Для зачисления в группу собеседование не требуется.

  10. В феврале, ещё до отъезда в СПб, закончила републикацию сайта «Звезда моя, Анна!» Результатами осталась более чем удовлетворена. Перенесено всё, что есть на бесплатном исходном сайте, и даже кое-что дополнено. Фотоальбом развит и переработан полностью. Применяла там простейшие возможности Elementor. Очень выразительно (для моих веб-ломастерских возможностей) получилось оплакивание в сердцевине страницы «Её светлой памяти». Свечи даже живые почему-то. И чуть ли не лепестки нижней ромашки живые. Или мне мерещится. )

    Менее удовлетворена пока тем, что получилось по структурированию, именованию. Но приемлемо.

  11. 28 февраля на WP Moscow Meetup #6 прослушала захватывающе интересный доклад про Elementor. Не только содержанием интересный, но и тональностью вдохновляющий. Почувствовала, что можно начинать первые пробы на AL49. А именно: чтобы строить страницу с чистого экрана, в Elementor нужно не в шаблоне строить, а через вторую опцию (в момент не помню название, но суть такова).

    …Но всё-таки, что обещает быть легче (конкретно для меня): построить всё на WP или всё-таки выучить стародедовский, не 5-й даже, HTML и CSS? 🙂 С учётом понятности и хранения кода, переноса на другие домены и платформы, если что. Этот вопрос не то что не прояснился из моей практики с WP за 3 месяца, а даже ещё более «затемнился». 🙂

  12. Шпаргалка верстальщика на HTML,
    ЕСТЬ ПРО ТЕГИ HTML ДЛЯ СОЗДАНИЯ ФОРМ!
    https://wayup.in/blog/shpargalka-verstalshhika-po-tegam-html

    Создание HTML-форм

    Создание формы: важнейшие теги
    Пришлось из текста сделать картинку, так как мои попытки предотвратить срабатывание тегов с помощью парного тега CODE ни к чему полезному не приводили. 🙂 Ещё попробовала заключить его в квадратные, а не угловые скобки, — тоже не сработал как надо.
    Но оставлю текстовую цитату ради возможности её нормально прочитать в режиме редактирования комментария. )))

    Пример создания формы в HTML

    [code]
    С помощью тега

    в HTML-документе создаются формы, которые служат для обмена данными между пользователем и сервисом. Нет никаких ограничений по допустимому количеству форм в одном документе. Но каждая из них должна быть автономна, иметь свой открывающий и закрывающий тег. Формы не могут находиться внутри друг друга.

    — тег, с помощью которого создаются элементы формы, предназначенные для ввода текста. Другими словами, для создания многофункциональных полей формы.

  13. _190727
    Узнала про wiz.com — сервис в основе бесплатный и с конструктором, в котором есть режим относительно продвинутого редактора и режим автоматического создания с помощью искусственного интеллекта. Зашла в последний, спросили импортировать какой-нибудь свой (мой) сайт, недолго крутили шестерёнку или что-то такое, результат — ноль изменений в их исходном шаблоне. ~ «На вашем сайте не обнаружено изображений для импорта». Йо-хо-хо! 😉

    [Ничего «серьёзного» в эти пару дней не могу делать, присутствую лишь поверхностно, почему и занялась «бродяжничеством» в Интернете. )) Пищевое отравление; всё купленное было вроде приличного качества, как всегда у меня, но… ]

  14. Ресурсы для бесплатных заготовок

    вебинар Фотографии в веб-дизайне _wayup Андрей Гаврилов _txt _190814

    ИКОНКИ СОЦСЕТЕЙ И РАЗЛИЧНЫЕ ВЕКТОРНЫЕ ИКОНКИ:
    https://fontawesome.com

    Бесплатные картинки:
    https://unsplash.com

    Шрифты Гугл, в том числе подбор по фильтру:
    https://fonts.google.com
    Из шрифтов: «ни в коем случае не используйте lobster, он себя изжил уже.»

    Псевдожирность с помощью обводки — плохо для веб-дизайна, так как потом она не повторится в вёрстке.

    Заполняя страницу основным содержанием, нельзя при этом заботиться о видимости элементов фоновой фотографии! Нужно использовать изображение именно как фон.

    Чтобы кнопку и вообще все надписи стало видно лучше, сделаем намёк на затемнение, взяв большую кисть тёмного цвета и подобрав её прозрачность.

    Для текста очень важно подбирать грамотный контраст в размерах и жирностях.

    Логотип никогда не делайте огромным. Он дб маленьким, лёгким, ненавязчивым.

    Хедлайнеры — «это чуваки, которые будут нашими топчиками».
    ))))))))))))))))))

    Смотрите в поисковике «гавриловский баттл».

    Andrew Gavrilov
    Почитать подробнее страницу коучинга: https://wayup.in/library/course4
    Оффлайн события WAYUP: https://wayup.in/lm/fest

  15. 26 августа перекомпоновала меню. При этом обнаружила, что иерархия расположения пунктов в меню на экране совершенно не зависит от иерархии самих адресов страниц. Порадовалась такой свободе.

  16. Выписываю из https://wayup.in/blog/mistakes-web-developer
    ===== Ошибки начинающих верстальщиков =====
    (Какие ошибки допускают верстальщики в начале пути, и как их избежать, чтобы не портить впечатление о своей компетентности и профессионализме?) Анна Басенко

    КВАДРАТНЫЕ скобки в реальном коде нужно заменить на УГЛОВЫЕ, а исказившиеся русские типографские кавычки — на машинописные кавычки. 😉

    Методология БЭМ (Блок-Элемент-Модификатор). С помощью БЭМ вы создаете древовидную структуру документа, используя при этом общие правила формирования имен. Например, дефис (-) разделяет слова в именах, одинарное подчеркивание (_) отделяет имя модификатора от имени блока, а двойное подчеркивание (__) отделяет имя элемента от имени блока.

    [header class=»header» id=»header»]
    [p class=»header__p_big»]
    Blablablablabla blablablablabla blablablablabla blablablablabla blablablablabla blablablablabla.
    [/p]
    [p class=»header__p_small»]
    Blabla — это текст-«рыба»,
    [/p]
    [a class=»header__a» href=»#» rel=»nofollow»]Кнопка[/a]
    [header/]

    Согласно правилам технологии вёрстки Pixel Perfect, вёрстка должна пиксель-в-пиксель совпадать с макетом.

    Блоки и строки – два основных типа элементов в HTML. Блоки помогают выстраивать структуру страницы. К ним относятся [div], [p], [ul], [ol], [h1] и т. д. Строчные элементы, такие как [span], [a], [strong], используют для форматирования текста и располагают, как правило, внутри блочных элементов. Блочные элементы не вкладывают в строчные.
    /* Вот можно преобразовывать строчные в блочные. А наоборот можно ли? */

    Шапка сайта, навигационное меню и футер должны быть обозначены не [div], а специальными семантическими тегами HTML5 [header], [nav], [footer] и т. д., чтобы браузеры и поисковые роботы лучше ориентировались.

    Тег [h1] должен использоваться на странице ОДНОКРАТНО и только по своему назначению – содержать заголовок страницы.

    Списки, нумерованные и ненумерованные: [ol] и [ul] соответственно. Неграмотно считается создавать списки тегом [br].
    И создавать страницу с помощью табличной структуры тоже уже считается неправильно.

    Изначальные настройки CSS в браузере нужно сбрасывать. Иначе одна и та же страница будет по-разному выглядеть в разных браузерах. Чтобы сбросить отступы всех элементов страницы используют стилевые свойства CSS – margin и padding.

    [!DOCTYPE html]
    [html]
    [head]
    [meta charset=»utf-8″]
    [title]Убираем отступы[/title]
    [style]
    * {
    margin: 0;
    padding: 0;
    }
    [/style]
    [/head]
    [body]
    [h1]Пример заголовка[/h1]
    [p]Основной текст[/p]
    [/body]
    [/html]

    Обеспечение кроссбраузерности HTML-элементов с помощью специального файла, например, Normalize.css https://necolas.github.io/normalize.css/

    Валидатор https://validator.w3.org/
    Указать доменную ссылку на сайт и запустить процесс нажатием кнопки «Check».

    Обязательно указывать тип страницы (т. е. какая версия HTML-разметки использована на странице). В HTML5: [!DOCTYPE html]
    Иначе браузер может отобразить страницу с ошибками.

    === Имена HTML и CSS файлов ===
    В названии допускаются, кроме букв и цифр, только дефис и нижнее подчёркивание.
    Дефис полагается использовать вместо пробелов. А нижнее подчёркивание в каком качестве? не написано.
    В начале названия можно только строчные буквы латиницы /*цифры нельзя??? */ .
    В продолжении названия можно использовать и заглавные буквы, например: camelCase.
    Не разрешаются пробелы, вместо них полагается использовать дефис.

    ЦИТАТА ДОСЛОВНАЯ:
    «Кроме этого, не используйте транслит и старайтесь, чтобы названия были максимально короткими, но не сокращёнными, и понятными.»
    Хм… НЕ использовать транслит? О__О

  17. Сайтстрой: примерные этапы
    … — прототип — дизайн-концепция — макет — сайт
    Прототип демонстрирует структуру страницы.
    Дизайн-концепция показывает, как сайт будет выглядеть. Работа над концепцией начинается с разговора с клиентом и заполнения брифа на создание сайта. Пример брифа: https://cpeople.ru/contacts/?roistat_visit=12386164
    Макет /* полноценно развивает дизайн-концепцию */

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

    Мудборд — подборка референсов, изображений, графических элементов и шрифтов, которые могут быть использованы при работе над дизайном. Мудборды помогают согласовать концепцию сайта с заказчиком и объяснить ему, как будет выглядеть сайт. Для создания мудборда лучше всего подходит Pinterest.

    Источник: https://skillbox.ru/media/design/kak_sdelat_dizayn_kontseptsiyu_sayta_esli_vy_novichok

    Москва, 05.10.2019

    1. Т. е. заказчику нужно иметь брендбук, а дизайнеру нужно делать, и в том числе заранее, не под конкретный сайт, различные мудборды как опорные заготовки для вдохновения. :=)

  18. Интересные расценки, особенно насчёт завязывания галстука. ))) Из рассылки YouDo.
    С чем помогают на YouDo
    Составить грамотное резюме 1145 руб.
    Подготовить к собеседованию 4500 руб.
    Перевести резюме 2000 руб.
    Подтянуть английский 1500 руб.
    Поискать за меня вакансии 550 руб.
    Научить завязывать галстук 3920 руб.
    Срочно привезти пиджак 590 руб.
    Найти контакты директоров в соцсетях, напишу им лично 6000 руб.

  19. Книга, автор … Брингхёрст
    «Основы стиля в типографике»
    Об использовании шрифта в рамках традиционного подхода книжных дизайнеров.

    Type Thursday (Type Thursday) — это проект Томаса Джокина (Thomas Jockin), начинавшийся с серии интервью на Medium, а затем превратившийся в серию офлайн-встреч в разных городах США.

    The Sound of Shapes & Shape of Sounds
    https://youtu.be/1y1w5dvT5-I

    Just Van Rossum
    ATypI 2016 • Warsaw, Poland
    Academy of Fine Arts in Warsaw ASP

    There are many parallels between sound and letters, music and typography. While interesting, these are often based on subjective perception and therefore remain rather vague. This talk documents a serious, yet playful exploration of shape analysis and transformation based on signal processing, inspired by trigonometry, analog synthesizers, Lissajous and Fourier (but not Fournier!). Imagine we take the cold hard numbers that define shapes digitally, and pretend they are sound waves. What do letters then sound like? What does an ‘E’ sound like? Can we hear the difference between Gotham and Garamond? What can we learn from looking at the harmonics of letterforms? But things become less abstract once we do the reverse: reconstructing shapes out of sound waves. What happens when we apply audio effects to letterforms? Can we meaningfully modify shapes via that route?
    Категория: Образование

  20. Что такое брендбук
    Дмитрий Матвеев в видео Скиллбокс «Рисуем логотип в прямом эфире» 14окт2019 15:00
    https://live.skillbox.ru/design/online/141019/

    Брендбук — это руководство по использованию фирменного стиля и сам фирменный стиль как самодостаточная единица. Брендбук включает в себя логотип и элементы его… как бы составные части. В брендбуке можно определить фирменные цвета, фирменные шрифты, руководство по использованию на определенных носителях: на веб-носителях, на POS-материалах. В каких случаях можно и как можно употреблять, рисовать, ставить логотип. Например, есть правила: охранная зона логотипа, отступы, сочетания шрифтов и т. д.

    Т.е. брендбук это всё о бренде, всё о том, как использовать его в бизнесе, т. е. его графическую составляющую.

    Можно разделить брендбук на основную /*часть*/ и второстепенную, на более полную, на урезанную… На то, что вы будете отсылать партнерам, и то, что вы будете использовать внутри компании. И т. д., вариаций очень много.

  21. Неожиданно выскочила в Google по запросу: «средняя линия в дизайне» (!!!)
    Книга: Типографика. Шрифты. Верстка. Дизайн. 2 изд.
    Феличи Дж.
    БХВ-Петербург, 2014 — Всего страниц: 496
    1 Отзыв
    Книга посвящена типографике — искусству оформления произведений печати средствами набора и верстки, которое имеет художественный и технический аспекты. Рассматриваемые эстетические принципы выбора и при- менения шрифтов для печатной продукции и экранного представления поддерживаются множеством сведений, правил и тонкостей профессиональной компьютерной верстки, отвечающей современным стандартам. Материал дополнен информацией отечественных специалистов. Во втором издании описаны универсальные технические приемы по работе в новейших версиях основных программ верстки для Mac OS и Windows, шрифты Unicode и OpenType, расширенные наборы символов, методы поиска символов, даны последние сведения по веб-типографике (в том числе CSS3). Книга полезна и доступна не только дизайнерам, печатникам и менеджерам полиграфического производства, но и всем, интересующимся вопросами верстки.

    https://books.google.ru/books?id=IN-eAwAAQBAJ&pg=PA49&lpg=PA49&dq=%D1%81%D1%80%D0%B5%D0%B4%D0%BD%D1%8F%D1%8F+%D0%BB%D0%B8%D0%BD%D0%B8%D1%8F+%D0%B2+%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5&source=bl&ots=emNRWkVjkl&sig=ACfU3U3On7k4ILCqbNatzRRKQ7TDpOLYaA&hl=ru&sa=X#v=onepage&q=%D1%81%D1%80%D0%B5%D0%B4%D0%BD%D1%8F%D1%8F%20%D0%BB%D0%B8%D0%BD%D0%B8%D1%8F%20%D0%B2%20%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5&f=false

  22. Было на главной две визитки — Леры и Автандилины, осталась одна. Визитка Автандилины вместе с сопровождающим её текстом — неизвестно где. А я этот сопровождающий текст написала специально сюда и уже, конечно, не вспомню его, а он мне нравился.
    Вот пожалуйста, это издержки обновления версий или что?!
    🙁

  23. Выписываю из рассылки Ru.Center. (Хотя, почему они мне шлют, и в том числе приглашения на конференции корпоративных веб-разработчиков, — объяснить не могла бы.))
    https://www.nic.ru/info/blog/why-do-i-need-ssl-certificate/

    SSL-сертификаты бывают нескольких типов: Domain Validation SSL (DV SSL), Organization Validation SSL (OV SSL) и Extended Validation SSL (EV SSL).

    DV SSL — базовые сертификаты, которые подтверждают только право владения доменом. Как правило, используются для информационных проектов (блогов, информационных сайтов и сайтов-портфолио). Выпускаются в течение 1-3 дней.
    OV SSL — стандартные сертификаты, доступные только юридическим лицам. Они подтверждают право владения доменом и существование организации. Используются для бизнес-сайтов и интернет-магазинов. Выпускаются в течение 3-10 дней.
    EV SSL — расширенные сертификаты, которые также доступны только юридическим лицам. Отличаются от OV SSL большей надежностью: при выпуске сертификата тщательно проверяется деятельность компании. Кроме того, EV SSL визуально подтверждает высокую надежность сайта, выделяя его зеленым цветом в адресной строке в большинстве браузеров. Сертификаты этого типа рекомендуется использовать банкам и платформам электронной коммерции. Выпускаются в течение 10-14 дней.

    Также SSL-сертификаты различаются в зависимости от Центра сертификации, который их выпускает: GeoTrust, GlobalSign, Thawte, DigiCert, Comodo. Подробнее о том, как выбрать SSL-сертификат, мы писали в справочной статье RU-CENTER https://www.nic.ru/help/kak-vybrat6-ssl-sertifikat_8051.html

    Как перевести сайт на HTTPS

    Перевод сайта на HTTPS состоит из 2 стадий:

    Установка SSL-сертификата на сайт.
    Перенаправление запросов с HTTP на HTTPS и устранение смешанного контента.

    Установка SSL

    После выпуска SSL-сертификата нужно установить на сайт. DV SSL устанавливаются автоматически. Сертификаты других типов вы можете установить вручную, воспользовавшись подходящей инструкцией из раздела Получение и установка SSL-сертификата.
    Перенаправление сайта с HTTP на HTTPS и устранение смешанного контента

    После установки ваш сайт будет доступен по адресу https://site.ru. Но это еще не всё. Нужно, чтобы запросы всех файлов сайта также перенаправлялись по HTTPS. Если вы используете виртуальный хостинг, воспользуйтесь инструкцией Настройка сайта для работы по HTTPS. https://www.nic.ru/help/nastrojka-sajta-dlya-raboty-po-https_8108.html

    Если вы используете другой тип хостинга или хостинг другого поставщика, обратитесь к справочным статьям или помощи разработчиков.

    Выполнив описанные действия, вы получите полностью безопасный сайт.

  24. _200128 про размеры изображений Shutterstock _txt UTF-8
    https://www.shutterstock.com/blog/common-aspect-ratios-photo-image-sizes
    скриншоты см. в Облаке основного сайта

    _200128 01 Основные пропорции изображений
    _200128 02 Основные размеры для веб и как измерить размер изображения
    _200128 03 ГЛАВНОЕ ПРАВИЛО для картинок, загружаемых в WordPress: ширина от 1500 до 2500 пикс для адаптации на разные экраны
    _200128 04 ходовые размеры картинок для веб 1920х1080 1280х720 и 1080х1080 пикс
    _200128 05 ходовые размеры ФОТОГРАФИЙ в дюймах 4х6 (5х7) 8х10 8,5х11 12х18(18х24) 24х36 ДЮЙМОВ

  25. https://support.squarespace.com/hc/en-us/articles/206542517-Formatting-your-images-for-display-on-the-web

    ГЛАВНОЕ ПРАВИЛО для картинок, загружаемых в WordPress: ширина от 1500 до 2500 пикс для адаптации на разные экраны

    ВТОРОЕ ГЛАВНОЕ ПРАВИЛО, ДЛЯ ЛЮБЫХ ПЛОЩАДОК:
    To find the MP for an image, multiply the dimensions and divide by one million. For example, an image with dimensions of 1500px x 1650px is 2.475 MP.

    ТРЕТЬЕ ГЛАВНОЕ ПРАВИЛО, ДЛЯ ЛЮБЫХ ПЛОЩАДОК:
    Сохранять картинки с профилем sRGB. Без этого профиля отображаться на мобильных телефонах будет неправильно.

    ЧЕТВЕРТОЕ ГЛАВНОЕ ПРАВИЛО, ДЛЯ ЛЮБЫХ ПЛОЩАДОК:
    Текст к картинке записывать оверлеем, а не как элемент картинки.
    Image text

    Whenever possible we recommend adding text as an overlay instead of including it within the image. This makes the text searchable and keeps it visible if the image crops on smaller devices. See our tips for adding overlay text to Image Blocks, banners, Gallery Pages, and Gallery Blocks.

    If your image contains text, it’s best to save it as a .png file. Text in a .jpg file often becomes blurry when the image is compressed. A .png file typically retains its sharpness, especially if the image is displaying at its original size.

    ===
    https://support.squarespace.com/hc/en-us/articles/206542517-Formatting-your-images-for-display-on-the-web
    Впрочем, их рекомендации относятся главным образом к загрузке на их сайт, насколько поняла.

    Resolution
    There is an image resolution limit of 60 MP (megapixels).
    Tip: To find the MP for an image, multiply the dimensions and divide by one million. For example, an image with dimensions of 1500px x 1650px is 2.475 MP.

    Color mode
    Save images in RGB color mode. Print mode (CMYK) won’t render in most browsers.

    Color profile
    Save images in the sRGB color profile. If images don’t look right on mobile devices, it’s probably because they don’t have an sRGB color profile.

  26. https://www.shutterstock.com/blog/color-theory

    We often use terms such as “tone,” “shade,” and “tint” interchangeably with “color.” In fact, they all have very different meanings:

    Hue: Direct replacement for “color,” and may refer specifically to colors on the color wheel.
    Shade: A hue that has been mixed with black.
    Tone: A hue that has been mixed with gray.
    Tint: A hue that has been mixed with white.
    Saturation: The intensity of a color, relative to gray.

  27. Продолжаю знакомиться с обучающими статьями на сайте самого VSDC.
    How to use VSDC Free Video Editor
    http://www.videosoftdev.com/how-to-use-free-video-editor

    Сегодня проходила движение:
    How to add moving objects to a video
    http://www.videosoftdev.com/how-to-make-objects-move-in-video
    В бесплатной версии доступно назначить объекту только один вектор движения. Но можно сделать несколько движущихся объектов, даже одновременно движущихся.
    файл моего проекта, в котором движутся 3 самолётика:
    _210108 Project uz Moving objects.vproj
    папка:
    C:\Users\Lera_200326\Documents\_81_\_210102и201010 carmero Слоуп\uz moving objects VSDC _210108

  28. English test _210515Результаты теста в английском, спонтанно
    https://puzzle-english.com/level-test?result_id=16266975

    https://puzzle-english.com/level-test?result_id=16266975

    В Фейсбуке пришлось вписывать результаты вручную. Понятно, авторы теста не хотят демонстрировать готовые ответы, а завлекают к себе на сайт, чтобы новые люди прошли тест и зарегистрировались. Но итоги-то должны были показать?

    И даже на почту не прислали адрес страницы с результатами. Чудо-юдо. ))
    Правильные ответы: 24 из 36.

    — — —
    …Как раз Сергей Ким написал у себя, что изучает испанский, пошла попутно по ссылкам и позавтракала вот этим тестом на английский. Удивили результаты: уверена, что самая слабина в моём английском — понимание на слух, а за него-то и влепили наивысшую оценку. )))

    А вообще-то хотела записать с его страницы ссылки на изучение испанского. 🙂
    «Как с Диего общаетесь?»
    — Есть специальные приложения, например Tandem или Hellotalk, бесплатные.

Добавить комментарий