Блог Андрея Ереса

Учился в Школе редакторов

В скобках оценки за задания по 5-балльной шкале

I ступень

Вступительное задание
Просто о теории струн (3, 83)

Курсовая работа за I ступень
Как приручить кредитку (4,00)  ← Отредактировал

II ступень

Редактура. Страница об интернет-магазине
1 подход (4,00) · 2 подход (4,17)

Редактура. О пользе кофе
1 подход (4,50) · 2 подход (4,75)

Верстка. О пользе кофе
1 подход (3,25) · 2 подход (3,50)

Редактура. Игра о чиновниках и лампочке
1 подход (4,50) · 2 подход (4,75) · После верстки ↙

Верстка. Игра о чиновниках и лампочке
1 подход (3,75) · 2 подход (4,00)

Редактура. Промостраница барабанной установки
1 подход (3,75) · 2 подход (4,50)

Интерфейсы. Приложение для хранения документов
Только 1 подход (3,83)

III ступень

Дипломный проект
«Гидрограф». Информер уровня и расхода воды в водохранилищах (4,43)

6 февраля   Школа редакторов

Самый полезный хоткей в браузере

Просто попробуйте — ⌘L, вам понравится. Странно, что этот хоткей не прописан ни в одном хелпе к браузеру.

А вот ещё классный хоткей — ⌘G. Нажмите на странице ⌘F (поиск по странице) и запишите поисковую фразу. Теперь, чтобы перейти к следующему результату поиска, нажмите не стрелочку у окошка поиска, а хоткей ⌘G. Круто? А ведь этот хоткей работает не только в браузере, но и во всяких Заметках и Саблаймах, а может и везде, где можно искать.

Пришлите мне ещё классных хоткеев, если знаете. С ними быстрее работается.

Список хоткеев

⌘L — открыть адресную строку.

⌘G — следующий элемент в поиске по странице. ⌘⇧G — предыдущий.

Как снять ретиновый скриншот сайта на обычном мониторе

  1. Открыть сайт в Хроме:
  1. Нажать правой клавишей мыши в пустом месте страницы и в контекстном меню выбрать Inspect.
  1. В веб-инспекторе нажать на иконку с телефоном.
  1. В верхней строке выбрать:
  • Responsive;
  • 1200×700 — нужный размер окна в обычных пикселях;
  • 79% — масштаб просмотра, можно выбрать любой, на скриншот не влияет;
  • DPR: 2.0 — для двойного размера скриншота;
  • остальное оставить как есть — на скриншот не влияет.
  1. Нажать три точки в правом конце верхней строки и в контекстном меню выбрать Capture screenshot.

Перевёрстка графика уборки в подъездах

Мы решили устроить небольшую перевёрстку.

Ваня Дианов прислал мне таблицу, и у меня было 15 минут, чтобы сделать из неё что-то внятное. Вышло стрёмно, но дорабатывать я, конечно, не буду. Ваня пожурил, что много мыслей осталось за кадром, надо было больше комментировать.

До, после и процесс:

Не серите в интерфейсах

Мне скинули ссылку на файлообменник. Открываю, а там…

Я долго не понимал, то ли сайт не подгрузился, то ли мешает всплывающее окно с рекламой. Оказалось, просто всё серенькое. Серый текст на сером фоне с серенькой кнопочкой. Не делайте так, пожалуйста.

Кажется, люди берутся за серый в двух случаях:

  • Хочется сделать модненько.
  • В макете уже каша стилей, приходится как-то разделять слои.

Модненько делается и без серого, а разделять слои надо на картах и схемах, вовсе не на сайтах.

Случаи, когда серый текст оправдан

Показать неактивные элементы интерфейса:

Написать подсказки в поле формы:

Написать подсказки в пустом состоянии страницы:

Пишите в коменты, если что-то забыл.

Ранее Ctrl + ↓