Все посты по теме: ИТ и разработка

Собственные CSS стили для любых сайтов

28 июля 2018, 22:23

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

Википедия без кастомных стилей
Классика википедийного дизайна

На 27-дюймовом экране это все выглядит очень плохо: сайт полностью резиновый, а кегль микроскопический. Решается это быстро и просто, особенно при наличии базовых знаний CSS.

Для Хрома существует плагин — Stylebot, позволяющий дописывать стили для сайтов. Например, для Википедии я меняю размер шрифта и убираю ненужное меню слева, а так же центрирую контент:

Кастом стили для Википедии

После применения исправлений сайтом наконец можно пользоваться, и на больших мониторах он не расползается на всю ширину:

Википедия с примененными стилями

Голосовой набор сообщений

14 октября 2017, 0:30

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

В качестве лирического отступления, хочу заметить, что я ненавижу голосовые сообщения. Это когда люди, как-будто по рации (хотя по факту в 2 раза дольше), шлют друг другу короткие аудиозаписи. Более неудобного и бесполезного способа вести диалог через телефон не придумать. Единственная ситуация, когда он полезен — рассказать длинную историю, чтобы потом обсудить ее в переписке.

Так вот, набор сообщений голосом обладает всеми достоинствами обычных сообщений (удобство чтения, возможность поиска), только происходит гораздо быстрее. Набирать сообщения можно за рулем, на ходу, во время пробежки и т.д. Количество ошибок, если диктовать разборчиво, очень невелико. Телефон прекрасно понимает и мат и фамилии поп-звезд. Знаки препинания можно вводить словами: «запятая», «вопросительный знак». Чудеса. И работает оффлайн!

Два хакинтоша на Skylake в 2017 году

22 марта 2017, 10:32

Жизнь заставила собрать пару компьютеров с Mac OS.

Полистав пару статей, оказалось, что в 2017 году сборка хакинтоша уже не является сложной задачей, как это было лет 5 назад. Я воспользовался сайтом https://www.tonymacx86.com/ чтобы выбрать конфигурацию, а после использовал их софт и инструкции по установке.

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

Конфигурации:

Приблизительная стоимость 40 000 руб. Приблизительная стоимость 20 000 руб.
GIGABYTE GA-H170N-WIFI (rev. 1.0)
Intel Core i5-6500, BOX
SSD 250ГБ, Samsung 850 EVO Series
2 x DIMM DDR4, 8ГБ, Qumo
Стильный алюминиевый корпус Realan H80
Адаптер 120 ватт
Pico psu блок питания на 150 ватт
GIGABYTE GA-H110M-S2H
Intel Core i3-6100, BOX
DIMM DDR4, 8ГБ, Qumo
SSD 128ГБ, Plextor S2C, PX-128S2C
Компактный корпус Zalman серии ZM-T*
Блок питания 400 ватт

Для установки потребуется флешка 16 гб или 8 гб (но пишут, что не все подходят). Моя 8 гб сработала отлично, места хватило впритык. Порядок установки примерно такой:

  1. подготовка загрузочной флешки,
  2. настройка BIOS,
  3. установка,
  4. доводка до ума (установка драйверов и т.д.). Пригодится программа Clover Configurator для монтирования раздела, редактирования конфига и установки кекстов.

Сразу после установки у меня работало все, кроме звука и беспроводного интернета. Так же было небольшое мигание в левой верхней части строки меню (инструкция для исправления). Аудио чинится с помощью скрипта и драйверов, либо можно выбрать нужные при установке в MultiBeast.

Итогом установки стал полностью рабочий компьютер, в котором из коробки не работает только режим сна и wi-fi/bluetooth. Первое решается покупкой дискретной видеокарты (проблема со сном характерна для Intel HD Graphics 530 встроенных в процессоры). Проблема с беспроводными сетями решается адаптерами, либо покупкой BCM94352Z m.2 модуля подходящего для Mac OS, либо подключением витой пары напрямую. Драйвера на адаптер.

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

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

Перенос Windows на другой диск в 2 шага

13 октября 2016, 22:57

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

В этот раз я решил попробовать провернуть эту операцию быстро, но потратил много времени на чтение и выбор инструментов. В итоге остановился на бесплатном Macrium Reflect, который с помощью одной кнопки Clone Disk скопировал все содержимое старого SSD на новый.

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

Меня спасла команда bcdboot, которую я выполнил заново загрузившись со старого диска, но указав в параметрах пути на новом диске. Т.е. я починил на нем бут записи и снова запустил компьютер с него.

Таким образом на перенос Виндоус с одного SSD на другой можно сделать буквально за несколько минут.

f.lux — баланс белого монитора в зависимости от времени суток

30 августа 2016, 23:27

В будущей версии Mac OS будет функция, подстраивающая баланс белого монитора под время суток. Желтый цвет во второй половине дня способствует более легкому засыпанию.

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

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

Stay Focused — расширение для контроля времени

24 августа 2016, 23:27

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

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

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

Скрипт для тестирования экрана на битые пиксели

1 июня 2016, 17:12

При покупке ноутбука мне нужна была простая программа для тестирования экрана на битые пиксели. Оказалось, что быстрее написать самому, чем найти что-то вменяемое. Поэтому я набросал скрипт на JavaScript, который позволяет быстро просмотреть основные цвета и градиенты.

Скачать HTML файл. Для использования, просто сохраните на компьютер. Цвета меняются по щелчку мыши.

CTRL+W — одна из лучших комбинаций клавиш

24 мая 2016, 13:10

До определенного момента я закрывал все вкладки крестиком. Но, однажды, листая список шорткатов редактора Атом, я наткнулся на полезную комбинацию закрытия вкладки. Приловчился, начал закрывать табы с клавиатуры. Случайно нажал в Хроме — закрыл таб. Нажал в Мак ОС — закрыл окошко. Нажал в Фотошопе — таб закрылся.

ctrl-w комбинация клавиш для закрытия вкладки

Теперь я закрываю все подряд с клавиатуры. Иногда закрываю что-то полезное, случайно.

Почему я переехал с Эгеи на WordPress

15 мая 2016, 11:10

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

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

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

В случае Вордпресса, ситуация обстоит ровно наоборот. У него огромное сообщество разработчиков, огромное количество дополнений, справочных материалов, вопросов и ответов. Безусловно, может потребоваться некоторое время на изучение и настройки. Для быстродействия, как минимум, необходимо установить один из плагинов кеширования. Но в общем, он предоставляет гораздо большие возможности для работы с блогом, при этом ничего придумывать не нужно, решения большинства задач уже представлены в интернете. Например, отображение профиля Инстаграмма на сайте у меня заняло примерно одну минуту — установил плагин и нажал пару кнопок.

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

Так же я написал микро-инструкцию о том, как сделать редиректы с записей Эгеи на записи Вордпресса, если вы решили пойти по моему пути.

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

3 мая 2016, 22:22

Может показаться, что запись посвящена моим рукам, однако нет.

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

Первый месяц я пользовался провайдером предыдущего хозяина, затем переключился на Ростелеком. В первый же час начались проблемы со скоростью. Пришедшие специалисты выловили проблему — один из коннекторов. Я купил новый и все стало снова работать. Однако со временем скорость опять начала падать, иногда входящая была 95 мбит, а исходящая около 0. Помогала переодическая перестковка, продувка, прочистка. Со временем, очередной коннектор перестал поддаваться этим манипуляциям и его пришлось заменить на обычную скрутку.

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

Коннектор адаптер для соединения витой пары

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

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

Скрутка витой пары

Если вам нравится особая надежность, как мне, то провода можно спаять, хотя, на самом деле, это не обязательно.

Скрутка витой пары

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

Скрутка витой пары

Качественное соединение всех проводов дает отличные результаты:

Надежное соединение витой пары