Разбираемся в отличиях между em и rem размерами шрифтов в CSS

Наверняка встречали в вёрстке em и rem размеры шрифтов… В чем разница между ними и для чего нужны? Погуглив нашел инфу для бывалых фронтендщиков. В этой же статье расскажу доступно об этих размерах шрифтов в CSS.

Как работает размер шрифта em в CSS?

Для начала возьмём контейнер:
<div id="gravi1">
<h1 class="zagolovok1">Заголовок 1</h1>
<div id="gravi2">
<h1 class="zagolovok1">Заголовок 2</h1>
</div>
</div>

В нём имеем общий блок #gravi1 и заголовок .zagolovok, затем вложенный блок #gravi2 и принадлежащий ему заголовок с таким же классом .zagolovok

Пусть у заголовка с классом .zagolovok будет размер шрифта 2em, при этом конкретно контейнерам #gravi1 и #gravi2 назначим разные размеры шрифта в px:
#gravi1 { font-size: 27px; }
#gravi2 { font-size: 17px; }
.zagolovok { font-size: 2em; }

В итоге увидим такой результат:

Заголовок 1

Заголовок 2

Заголовок 1 имеет размер 27px * 2, а Заголовок 2 размером 17px * 2, соответственно 54px и 34px. Почему так? Потому что .zagolovok { font-size: 2em; } задает размер относительно родительских показателей и указывает в сколько раз будет больше. Если бы размер был 1em, то размеры остались как у родителей 27px и 17px. А если бы не указал размер для #gravi2, то родительские значения будут от #gravi1 и оба .zagolovok будут одинакового размера.

Как работает размер шрифта rem в CSS?

Теперь изменим em на rem, что бы наглядно увидеть его:
#gravi1 { font-size: 27px; }
#gravi2 { font-size: 17px; }
.zagolovok { font-size: 2rem; }

Контейнеры оставляем те же, и смотрим результат:

Заголовок 1

Заголовок 2

Поскольку rem не зависит от значений родительских контейнеров, но зависит от главного значения по умолчанию у общего контейнера html, то в данном случае размер у .zagolovok 32px. Почему так? Потому что у html для всей страницы изначальное браузерное значение размера шрифта 16px, а поскольку .zagolovok { font-size: 2rem; }, то 2 * 16px. Разумеется в CSS можно переопределять размер шрифта у html.

На этом всё. Надеюсь всем было доступно и понятно 🙂 Задавайте вопросы в комментах, делитесь статьёй в соц. сетях.

Приложения для заработка денег на смартфоне

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

Google Opinion Rewards – приложения от Google, в котором необходимо участвовать в исследовательских опросах. Оплата на счет Google Play, откуда можно оплатить другие приложения в Play Market или услуги от Google (например премиум в Youtube Music). Приложение доступно не во всех странах.

Money App – Легкие деньги – выполнение несложных заданий, например просмотр видео. Оплата через PayPal.

American Consumer Opinion – как и Google Opinion Reward, прохождение опросов, только платят настоящие деньги, вывести можно через PayPal. Но так же доступно не во всех странах, скорее всего только USA.

Легкие деньги: Мобильный заработок и подработка – заработок на установке приложений и игр. Много вариантов вывода денег, киви, вебмани и т.д.

PFI: мобильный заработок – так же, платят за установку приложений и игр. Вывод QIWI или Webmoney.

Tap Tap Money – Free Money App – разные задания, просмотр видео, опросы, переходы на сайты, регистрации и т.д. Платят через Paypal.

Глобус – в основном нужно писать отзывы, комменты, ставить лайки в VK и других соц. сетях. Чаще конечно будут задания посмотреть рекламу. Оплата на Webmoney и PayPal.

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

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

Если знаете любые другие приложения, где реально заработать денег, то пишите в комментариях 😉 А статьёй делитесь в соц. сетях.

Скачать драйвера на устройство диагностики Op-com и программу VAUX-COM версии 120309a

Драйвера для диагностического устройства Op-com (v1.59), а так же установочный файл программного обеспечения VAUX-COM_120309a+131223d_GB+OcFlash China. Находится всё в одном архиве.

СКАЧАТЬ op-com.zip

Что бы установить драйвера, распакуйте скачанный архив и выполните всё по инструкции: подключите Op-com к компьютеру -> нажмите Win и R одновременно -> вставьте в строку mmc devmgmt.msc и нажмите Enter -> найдите в списке устройство Op-com с восклицательным знаком и нажмите на него правой кнопкой мыши -> выберите “Обновить драйверы” -> нажмите “Выполнить поиск драйверов на этом компьютере” -> выберите папку куда распаковали скачанный архив -> нажмите “Далее”, установятся драйвера и устройство будет готово к работе.

Что бы проверить подключено ли устройство, установлены ли корректно драйвера, установите VAUX-COM_120309a+131223d_GB+OcFlash China.exe -> запустите -> нажмите “Settings” -> нажмите “Test Interface” -> если всё правильно подключено, то высветит уведомление о версии устройства.

Убираем со страниц сайта на WordPress файл стилей Wp Block Library Css

На сайтах на WordPress может автоматически подключаться файл стилей wp-block-library-css. Нужен он для редактора Gutenberg.
<link rel='stylesheet' id='wp-block-library-css' href='https://site.com/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />

Если не используете этот редактор и не планируете использовать, при этом хотите немножко ускорить работу сайта, то можно убрать этот файл стилей из фронт-части сайта. Для этого откройте файл functions.php темы оформления и вставьте туда этот код:
<php
function wpassist_remove_block_library_css(){
wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_enqueue_scripts', 'wpassist_remove_block_library_css' );
?>

Легко и просто очищаем смартфон/планшет на Android от дублей файлов

Что бы удалить дубликаты (повторяющиеся) файлы на Android устройстве достаточно воспользоваться программой Google Files.

Пользоваться ей достаточно просто. Заходим и сразу видим раздел “Дубликаты файлов”, нажмите на него. Если такого раздела нет, значит программа не нашла дубликатов, т.е. их на устройстве скорее всего нет или попробуйте открыть приложение через несколько часов.

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

Очень хорошо, что Google Files находит все дубликаты, даже если их 2, 3 и более. Кроме изображений отображает задублированные файлы, например mp3 и другие.

В целом предназначено приложение для очистки смартфона или планшета, с этой задачей так же справляется на 100%. Тем более следует учитывать, что разработчик Google, поэтому скорее всего это лучшее что может быть из этой категории для Android.

Включаем/отключаем отображение расширения файла в конце имени

Что бы отобразить в Windows расширения всех файлов, выполните простую инструкцию:

1. Нажмите Win и R одновременно -> введите control -> нажмите Enter
2. Вверху справа в “Просмотр:” выберите “Крупные значки” и найдите раздел “Параметры Проводника”
   
3. Перейдите во вкладку “Вид” -> снимите отметку с пункта “Скрывать расширения для зарегистрированных типов файлов” -> нажмите Применить
   

Готово, теперь у файлов будет отображаться расширения. Это очень удобно, легко распознать нужные файлы.

Что бы убрать расширение в конце имени файла, то выполните всё тоже самое, только отметку поставьте.

Устанавливать антивирус на домашний компьютер или нет?

Безусловно антивирус изначально подразумевает полезную функцию – защитить компьютер от вредоносного программного обеспечения и взломов. Но есть ли необходимость в антивирусе на домашнем компьютере?

Надеюсь ни для кого не секрет, что рядовые антивирусы не защитят на 100% к сожалению… И, вообще, антивирус – это не самый основной фактор, который спасает комп от вирусов. Можете расценивать как субъективное мнение, но главное это осознанность пользователя. Если человек понимает на каком сайте находится, что качает, какую флешку подключает, то скорее всего не потребуется никакой антивирус.

Качая регулярно исполняемые файлы с сомнительных источников, не проверенные торренты с неизвестных трекеров, посещая сайты, которые Гугл не выдает в поиске, вероятно подцепите вредоносное ПО даже при условии установленного антивируса.

Дело в том, что антивирусы и файрволлы как таковые нужны. Но изначальное их предназначение для крупных корпоративных сетей. Компании тратят миллионы денег на защиту данных и сетей, на разработку индивидуального сложного ПО, которое очень трудно обойти.
Смотреть полностью…

Как почистить/обслужить системный блок или ноутбук

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

Начнём со сложного, обслуживание ноутбука.

Понадобиться: набор маленьких отвёрток, щеточка или кисточка для рисования (то чем можно тщательно сметать пыль), термопаста, медиатр.

Далее гуглим инструкцию разбора конкретного ноутбука. Разбираем аккуратно, медленно и не теряем болтики. Как раз в процессе разборки может понадобиться медиатр, так как в некоторых ноутбуках части корпуса соединяются на защелках. Отвёрткой ковырять не вариант, поцарапаете… А медиатором поддевать самое то.

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

Нанесите свежую термопасту на процессор и южный мост, установите обратно систему охлаждения. Обратите внимания, что на некоторых ноутбуках имеет значения в какой последовательности закручивать болты системы охлаждения. Обычно в инструкциях это указывают. Ещё не во всех ноутбуках южный мост охлаждается общей системой и термопасту возможно нужно будет наносить только на процессор.
Смотреть полностью…

Выбираем подходящий аккумулятор в конкретный автомобиль

Сдох старый аккумулятор, но на нём нет никаких опознавательных знаков… И как понять какой купить в конкретный автомобиль, если они разного ампеража и вольтажа?

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

Дальше, ампераж… Что это такое вообще? Начнём с того, что в автомобильных аккумуляторах обозначают именно Ампер-час, указывать могут как Ah. Это означает ёмкость аккумулятора. В целом, чем больше – тем лучше. Но нужно учитывать, что чем больше ёмкость аккума, тем он больше по размерам. А посадочное место под капотом не безразмерное 🙂 Поэтому, замерьте размеры короба под аккумулятор и новый покупайте не больше и не сильно меньше, чем эти размеры (не забывайте так же про высоту, что бы капот не упёрся в аккумулятор).

Ещё есть пусковой ток, он обозначается уже просто в Амперах буквой А. Например может быть значение 520А(EN). Чем выше эта цифра, тем легче пуск двигателя. Я встречал максимально 700А(EN) но может быть и больше.

Полярность. Дело в том, что в некоторых автомобилях аккумулятор может быть установлен только в одном положении и полярность имеет только одно размещение. Поэтому, оцените предварительно, как будет стоять аккумулятор, с какой стороны + и с какой –

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

Если у Вас автомобиль с системой “Старт/Стоп”, то покупайте аккумулятор AGM (Absorbent Glass Mat). Но такой аккумулятор можно поставить в любой другой автомобиль, а вот наоборот лучше не нужно.

В остальном аккумуляторы отличаются только по качеству внутреннего содержимого…

Хороших аккумуляторов 😉 Пишите комменты, делитесь статьёй в соц. сетях

Как сбросить ошибки в электронном блоке управления почти любого автомобиля?

Столь простая процедура, но у многих возникают вопросы… Для начала скажу важное!

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

Теперь о самой процедуре стирания ошибок в ЭБУ (электронный блок управления). Технологически этот процесс не требует дорогого спец. оборудования. Достаточно дешевого автосканера ELM327. Мне попался вот такой (версия 1.5):

Качаем Torque Pro для Android.
Смотреть полностью…