17 заметок с меткой инструкция

Правильная настройка масштаба в браузере Firefox

Если сайты выглядят мелко и нечитаемо, можно настроить экранный масштаб в Винде, а в самом браузере использовать комбинацию клавиш CTRL и +, -, 0 (сброс), или колёсика мыши.

При любом изменении многие сайты размываются, становятся нечёткие. Я сам верстальщик, и поэтому очень критично к такому отношусь. Замыленные иконки и фотографии — что может быть ужаснее?

Сравнение двух картинокСравнение двух картинок

Если я вставляю на сайт иконку 100×100 пикселей, то и на экране хочу видеть точно такую же, хотя бы на время вёрстки. Уже потом я прогоню тесты и посмотрю сайт в разных браузерах и т.п.

Только текст

Чтобы картинки и элементы интерфейса на сайтах не размазывались, в Фаерфоксе я первым делом ставлю галочку «Только текст»:

Меню › Вид › Масштаб › Только текст

(если меню спряталось, его можно вернуть клавишей ALT)

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

Отменить системное масштабирование

В новых версиях Фаерфокс (и не только он) научился читать системные настройки и применять их без предупреждения. У меня в Винде стоял масштаб 125%, и сайты «замылились». Вот так можно вернуть масштаб 100%:

about:config (в адресной строке)
layout.css.devPixelsPerPx = 1 (по умолчанию этот параметр равен -1)

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

Увеличить интерфейс (вкладки, меню)

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

theme-font-size-changer

После установки его можно найти в Меню › Инструменты. Мои настройки: шрифт Segoe UI (оптимален для интерфейса), размер 19 пикселей (если установить больше, иконки и названия сайтов на вкладках «разъезжаются»).

Экраны с высоким DPI

Для таких экранов рецепт тот же, только нужно подобрать подходящие цифры. При вёрстке сайтов подойдёт, например, масштаб 2:1 — чтобы чётко понимать, что происходит с размерами блоков.

Как забыть сеть wi-fi под windows 8.1

Я поменял настройки домашней вай-фай сети (имя сети осталось прежним). Теперь планшет к ней не подключается. Сеть есть в списке, но она неактивна:

Параметры сети, сохраненные на этом компьютере, не соответствуют требованиям этой сети.

Удалить или отредактировать сеть не получается (это не предусмотрено). При попытке создать новое подключение с таким же именем — возникает ошибка.

Удаление сети из списка с помощью командной строки

Для начала открываем окно командной строки. Можно запустить её со стартового экрана или использовать поиск. Касаемся правого верхнего угла экрана, на выезжающей панели будет «Поиск». В поле поиска начинаем вводить «Командная строка», винда подсказывает приложение, запускаем его. В окне командной строки вводим:

netsh wlan delete profile name="ИМЯ СЕТИ В КАВЫЧКАХ"

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

Windows 8: iTunes не видит iPhone 5s по USB

iTunes не видит iPhone 5siTunes не видит iPhone 5s

Собирался закачать музыку с компьютера на iPhone, но iTunes «не увидел» телефон.
Решается просто: обновляем драйвер устройства, причём драйвер уже находится на компьютере:

C:\Program Files\Common Files (x86)\Apple\Mobile Device Support\Drivers\usbaapl (64)

▼ Читать дальше

Шарлотка в мультиварке с имбирём

Шарлотка в мультиварке и по вкусу, и по внешнему виду проигрывает классической шарлотке из духовки. Ситуацию можно исправить, если добавить какую-то изюминку. Но я решил пойти дальше и приготовить «принципиально новую» шарлотку :) Тем более, что после 100500 обычных шарлоток хочется чего-то новенького.

Вот изменения для тех, кто уже умеет готовить обычную шарлотку:

Обычный рецепт

  • кусочки яблок
  • 1 стакан муки
  • ванилин

Изменения для мультиварки

  • кусочки яблок, густо обсыпанные корицей
  • ½ муки + ½ обдирной муки и отрубей
  • + ч. ложка порошка имбиря + ч. ложка мёда

Тесто получается очень необычным, всем друзьям понравилось:

Золотисто-коричневое тесто со вкусом корицы, имбиря и мёдаЗолотисто-коричневое тесто со вкусом корицы, имбиря и мёда

Мультиварочный эффект компенсирован: мы получили совершенно другой пирог — гибрид тульского пряника и шарлотки — и сравнить его не с чем.

P.S. Не люблю разрыхлители, но при выпекании шарлотки в мультиварке приходится добавлять соду (½ чайной ложки соды гасим ½ чайной ложки лимонного сока).

Ошибка после обновления до Windows 8.1

Обновил 8-ю Винду до 8.1 через приложение «Магазин» на стартовом экране. После перезагрузки и ввода пароля вижу чёрный экран и стрелочку. Захожу в Диспетчер задач (по Ctrl+Alt+Del), вылетают две одинаковые ошибки подряд:

Точка входа в процедуру не найдена [...]
Windows.UI.Immersive.dll

Окошки с этими ошибками могут прятаться за окно Диспетчера.

Программы запускаются успешно: через меню Файл → Запустить новую задачу:

Пишем название программы, например, firefox — всё запускаетсяПишем название программы, например, firefox — всё запускается

В диспетчере вижу, что все программы работают в фоновом режиме. Судя по всему, не запустился интерфейс Windows 8.1 (сломался, или что-то ему мешает).

Сеть тоже работает: погуглил, как решить эту проблему с чёрным экраном, но по инструкции сделать не получилось (странно, но система упорно не видела моих прав администратора). Поэтому выкладываю свой план действий:

▼ Читать дальше

Говорящие часы

В середине 90-х наряду с «Монтаной» вдруг стали популярны говорящие часы. Все ребята мечтали о таких часах, и я в том числе.

И вот пару недель назад полузабытая детская мечта наконец-то сбылась! Мы ездили к родителям, на малую родину, в город Тарусу; и в одном из магазинчиков мечта лежала на витрине, оценённая в 150 рублей →

Говорящие часы Talking Watch iTaiTek IT-663NГоворящие часы Talking Watch iTaiTek IT-663N

Я не сомневался ни секунды. Купил сразу и вторые, неработающие (батарейки сели, наверное — не важно :)

В часах, кроме «кукареку» и мелодии Коробейников (китайцы отожгли), обнаружилась полезная и нужная мне функция: HOURLY CHIME, ежечасная напоминалка времени (по-русски). С тех пор, как я решил работать в режиме 45/15 (плюс-минус), я ищу подходящий компьютерный таймер; а теперь эту задачу выполняют говорящие часы. Кайф!

Окунувшись с головой в работу, я не замечаю времени; часы в углу экрана для меня столь же незаметны, как номера страниц при чтении интересной книги. Другое дело — звуковой сигнал. Ненавязчивое звуковое напоминание помогает мне вовремя пообедать. Или хотя бы понимать, насколько я уже опаздываю на важную встречу :)

Я подготовил небольшой обзор этих часов. Если хотите испытать ностальгию по гаджетам 90-х — читайте далее :)

▼ Читать дальше

Правильный контент-менеджмент

Знакомая ситуация: на сайте всё красиво, а внутренние страницы оформлены так, что их сразу же хочется закрыть.

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

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

Если взять текстовую «простыню», разбавить фотографиями, визуально выделить важные абзацы, красиво оформить списки и таблицы — полдела сделано. У посетителя уже сложится хорошее первое впечатление от страницы. Но дальше он приступит к чтению, и тогда...

Работа с контентом

Каждой статье требуется оптимизация в несколько проходов: читаем страницу сверху вниз, исправляем сложные для восприятия моменты — и повторяем до тех пор, пока (в идеале) страница не будет читаться на одном дыхании. Нет предела совершенству, но результат в любом случае станет лучше, чем первоначальная «простыня».

Некоторые составляющие правильного контент-менеджмента:

• Выбор или поиск наиболее подходящих по смыслу изображений
• «Причёсывание» фоток (цветокоррекция, исправление искажений, обрезка лишнего)
• Подписывание картинок в едином стиле
• Если контекст требует небольших картинок, обязательно увеличение по клику
• Исправление ошибок в тексте
• Удаление повторов, упрощение сложных фраз
• Перемешивание блоков

▼ Читать дальше

Защита от копирования во флеше

В раскрасках на ejonok.ru многое сделано вручную. Поэтому хотелось максимально защитить свои труды. Известно, что любой элемент из флеш-приложения можно вытащить (с помощью специальных программ). Также известно, что в интернете воруют обычно то, что плохо лежит. Поэтому эффективно работают самодельные методы защиты, незнакомые потенциальному вору.

Разделяем ресурсы

Раньше раскраску можно было скачать и запустить на компьютере «как есть», теперь — нельзя. Одна из причин кроется в разделении флешки на две части: оболочка (интерфейс) + подгружаемый рисунок, доступный только в интернете.

Проверка домена

Оболочка проверяет адрес своего расположения (ejonok.ru) и загружает рисунок. Если запустить оболочку на своём компе или на другом сайте, мы увидим лишь белый экран.

Саму оболочку можно «распотрошить», вытащить оттуда всю графику (кнопочки, плашечки) и скрипты. Кнопочки вряд ли кому-то нужны (есть готовые клипарты), а вот код полезен, потому что в нём зашиты все секреты. Если код изменить до неузнаваемости обфускатором, то разобраться в нём будет очень тяжело.

▼ Читать дальше

Анимация пути на схеме проезда

Если вы видели мои схемы проезда, то, наверное, обращали внимание на аккуратные маршруты с анимацией:

Нажмите для просмотра анимацииНажмите для просмотра анимации

В этой заметке я расскажу, как такое делается, но сначала небольшая предыстория.

Однажды меня попросили переделать схему проезда с анимированными путями. Внутри флешки обнаружилась куча полосатых слоёв, все они двигались в различных направлениях (и сильно грузили процессор), а линия пути использовалась как маска для этих слоёв:

Справа — как бы пунктирная линияСправа — как бы пунктирная линия

Что произойдёт на крутом повороте?

▼ Читать дальше

Можно ли верстать в Ворде?

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

Листовки для выставкиЛистовки для выставки

...Исходные материалы по этому проекту мне передали в ворде. Сроки горели, поэтому я начал компоновать листовки, не выходя из ворда. Добавил картинки, облагородил текст и раскрасил таблицы. Заказчику оформление понравилось. Но в типографии, мягко говоря, сильно удивились DOC-файлам, и даже пересохранённые версии в PDF их не устроили.

Чтобы макет без вопросов приняли в любую типографию, его нужно превратить в растровую картинку с определённым разрешением и цветовой моделью. Обычно это TIF, 300 dpi и CMYK.

Как перевести вордовский документ в растровый формат?

1) из ворда сохраняем как PDF (а лучше печатаем через виртуальный принтер),
2) открываем PDF, например, в акробате и сохраняем как TIF c нужными параметрами.

Есть другой путь: (только скриншоты! только хардкор!) наделать скриншотов из ворда в подходящем увеличении. Не забыть при этом отключить цветное субпиксельное сглаживание: текст должен быть чисто чёрным.

Необходимые поля под обрез по краям листа можно предусмотреть сразу в вордовском документе, либо подрисовать в фотошопе к готовым TIF файлам.

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

▼ Читать дальше

Как нарисовать микрошрифт

Микрошрифт не предназначен для чтения, но иногда нужен для иконок или пиктограмм.

Микротаблица МенделееваМикротаблица Менделеева

▼ Читать дальше

Как создавалась фавиконка для «Автодетей» (часть 2)

Любую фавиконку можно нарисовать в Paint’е: берём лупу ×8 и рисуем точечки, как в мозаике. Но такие удобные инструменты, как наложение градиента, произвольная прозрачность — в Paint’е недоступны. Поэтому лучше использовать фотошоп :)

Вот весь процесс:

ПлашкаГрадиентДве лапы готовыТо, на чём сидит мишкаВот такие рукиПравая лапаРуки готовыГоловаРисуем ременьТень и носикСочный градиентОбводка головыИтоговая версия фавиконки

Перечислю основные средства фотошопа, которые нам понадобятся, чтобы во время рисования не было вопросов. Это пипетка, карандаш, стирательная резинка, выделение (прямоугольное и овальное), работа со слоями (создать слой, изменить порядок) и задание степени эффекта в процентах (будь то карандаш, ластик или прозрачность слоя).

Задача

Нужно заново отрисовать логотип Автодетей —

Мишка на оранжевой плашкеМишка на оранжевой плашке

— в размере 16 на 16 пикселей.

▼ Читать дальше

Как создавалась фавиконка для «Автодетей» (часть 1)

Как рисовать фавиконку? Покажу на реальном примере.

Старая фавиконка

На старой фавиконке, прослужившей верой и правдой несколько лет, красовались дети: Старая фавиконка (девочка постарше и мальчик помладше). Иконка на момент создания соответствовала тематике сайта.

Старая фавиконка была получена простым уменьшением знака «Осторожно, дети!» до размера 16×16 пикселей и раскрашиванием в фирменные цвета: серый и оранжевый.

Процесс создания предыдущей версии фавиконкиПроцесс создания предыдущей версии фавиконки

▼ Читать дальше

Как сделать аватарку для форума

1) Смотрим, какого размера в пикселях должна быть аватарка (например, 90×90 или 100×100).

Иногда это написано в личном кабинете:

Если нет — заходим на любую тему форума и ищем подходящую аватарку. Желательно квадратную (чтобы сразу узнать максимальную ширину и высоту):

Кликаем правой кнопкой мыши по аватарке, выбираем «свойства»: вылезет окошко, где будет указан размер изображения (т.е. аватарки):

(если окошко имеет другой вид, всё равно ищите «Размер изображения», «Image size» и т.п.)

Итак, теперь у нас есть размеры аватарки в пикселях. Зачем вообще его знать? Если форум «сам» подгонит вашу аватарку по размерам, то она может размазаться, исказиться, словом, из красавицы может превратиться в чудовище :)

Поэтому лучше «подсунуть» форуму картинку единственно верного размера.

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

2) Дальше есть два пути. Самый простой — выбрать аватарку из нескольких тысяч на одноимённых сайтах (не буду рекламировать, вы их легко найдёте). А самый сложный — сделать уникальную аватарку своими силами. Здесь вы должны определиться. Если вы полны решимости и вдохновения, то переходите к следующему пункту!

▼ Читать дальше

Свадебные кольца на машину своими руками

Многое на нашей свадьбе мы с близкими организовали своими силами. Вот и свадебное украшение (кольца) на крышу авто я решил сделать сам. Хотелось чего-то яркого и сочного, а выбор в свадебных салонах города был небольшой. Что из этого вышло — смотрите сами:

Свадебное украшение (кольца) из подручных материаловСвадебное украшение (кольца) из подручных материалов

▼ Читать дальше

Можете делать пузыры

Инструкция к мыльным пузырямИнструкция к мыльным пузырям

Как сделать уши

Одно время были популярны костюмы с заячьими ушами на капюшоне (то ли спортивные, то ли пижамные). Жена такой очень хотела, но в продаже мы его не нашли. И вот на новый год Крысы я решил сделать ей сюрприз в виде самодельных ушей. Идея пришла за час до полуночи (все гости уже сидели за праздничным столом), но времени хватило :)

Прикольные мышьи ушиПрикольные мышьи уши

Конструкция очень простая, все нужные предметы обычно есть в хозяйстве:

  • — ободок для волос;
  • — гофрокартон (толстый картон от любой коробки / упаковки);
  • — новогодняя мишура;
  • — серебристая бумага;
  • — белая (лучше серебристая) нитка;
  • — два небольших гвоздя («посылочные»);
  • — звёздочки, наклеечки — добавить по вкусу.

▼ Читать дальше

Заметки:← старее
Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2004...2017