Архив месяца: Январь 2020

Как сделать скриншот на Windows 10

Сделать скриншот на виндовс 10

Привет, друзья. Есть несколько способов сделать скриншот экрана в Windows 10. И я уже писал о 6-ти способах создания cкриншотов в Windows и они прекрасно работают и в Виндовс 10. Но сейчас покажу более наглядно как это сделать на компьютере или ноутбуке даже без клавиатуры и без использования дополнительных программ.

Итак, от простого к более продвинутому. В Win 10, как и в других версиях, есть горячая клавиша для того, чтобы сделать скрин. Обозначается она, как правило PrtSc и на стандартной клавиатуре расположена сразу после F12, но может располагаться и в другом месте. Например на экранной клавиатуре в той же десятке она выглядит так:

prtsc на клавиатуре

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

Сделать скриншот на Windows 10 без клавиатуры

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

Приложение ножницы в Windows 10

В настройках этого небольшого приложения есть 4 режима:

  • Произвольная форма
  • Прямоугольник
  • Окно
  • Весь экран

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

Сделать скриншот в Windows 10

Раньше я этот вариант создания скриншотов в Windows 10 игнорировал и считал несерьезной и неудобной программой, но на практике оказалась очень удобной, простой и в тоже время функциональной. В ней даже есть функция для создания пометок и рисования.

paint windows

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

Массовая замена значений в базе данных MySQL

Замена текста в MySQL

Привет, ребята! Кто давно ведет свой блог или сайт, то наверняка сталкивались с ситуацией, когда нужно что-то массово поменять на сайте. Это может быть текст, картинки, кнопки и другие элементы оформления. Если статей уже 100 штук, то как-то не хочется по очереди их редактировать. И для этого существуют SQL запросы, примерно такие же, как при создании CRUD приложения, которые значительно облегчают нам жизнь и позволяют произвести массовую замену строк и отдельных символов в базе данных MySQL. C одним из таких запросов мы познакомимся прямо сейчас.

UPDATE Имя таблицы SET Имя поля = REPLACE(Имя поля, 'строка для замены', 'чем заменяем');

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

UPDATE wp_posts SET post_content = REPLACE(post_content, 'site.ru', 'serblog.ru');

Поиск и замена в Mysql

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

Как менять CSS стили в зависимости от времени суток

CSS по времени суток

Всем привет. Вы наверняка видели на некоторых сайтах такую интересную фишку, если зайти днем, то фон и элементы дизайна в светлом стиле, а если вечером или ночью, то в темном. И еще бывает приветственная надпись, типа: Добрый вечер, добрый день или доброе утро. То есть CSS стили автоматически меняются в зависимости от времени суток. Это эффектный прием, который на посетителя производит хорошее впечатление. Такой сайт у него отложится в памяти и, возможно, он вернется на него снова. К счастью такую фичу реализовать достаточно легко с помощью PHP или JavaScript. Я уже писал о том, как добавить дату и время на сайт и о некоторых нюансах разных способов. Сейчас же мы будем работать только со временем. и наxнем с PHP.

Меняем стили сайта по времени суток на PHP

Тут все до безобразия просто.

1
2
3
4
5
if(date('H') > 00 && date('H') < 06){
  $style = '/css/style-night.css';
}else{
  $style = '/css/style.css';
}

Мы просто говорим скрипту, что если время сервера больше 00:00 или меньше 06:00, то устанавливаем ночные стили для сайта. Если время меньше 00:00 и больше 06:00, то CSS будут обычными.

<link rel='stylesheet' href='<php echo $style; ?/>' type='text/css' media='all'>

Можно так же просто изменить цвет фона в зависимости от времени суток.

1
2
3
4
5
if(date('H') > 00 && date('H') < 06){
  $bg = '#333';
}else{
  $bg = '#fff';
}

И в head прописать:

1
2
3
<style type="text/css">
background: < ?php echo $bg; ?>;
</style>

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

Меняем стили сайта по времени суток на JavaScript

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

1
2
3
4
5
6
7
var data = new Date();
var link = document.querySelector('link[rel="stylesheet"]');
if (data.getHours() > 0 && data.getHours() < 6) {
  link.setAttribute('href', '/css/style-night.css');
}else{
  link.setAttribute('href', '/css/style.css');
}

Или так:

1
2
3
4
5
6
7
var data = new Date();
var body = document.querySelector('body');
if (data.getHours() > 0 && data.getHours() < 6) {
  body.style.background = '#777';
}else{
  body.style.background = '#fff';
}

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

Определение мобильных устройств при помощи Mobile Detect php

mobiledetect php

Приветствую вас. Продолжаем исследовать возможности языка PHP и сейчас познакомимся с небольшой библиотекой, с помощью которой можно определять мобильные устройства пользователей на сайте. При чем определить можно даже марку телефона. Для чего это нужно? С большой уверенностью могу сказать, что подобные технологии используются в рекламных системах, в частности таргетированной рекламе. Это позволяет делать более персонализированные предложения. К примеру если вы продаете аксессуары для айфона, то имеет смысл показывать рекламу только тем, кто пользуется этими гаджетами, а для остальных скрыть или сделать переадресацию. Такой подход более профессиональный. На своем сайте вы тоже можете сделать нечто подобное. К примеру тем, кто заходит с мобильных — показать ссылку на телеграмм-канал, который будет запускаться автоматом (проверьте на моем), а тем, кто попал на сайт со стационарного компьютера — показать что-то другое. Не будем отрицать очевидные плюсы mobile detect library и перейдем к ее установке.

Установка PHP библиотеки Mobile Detect

Для подключения достаточно одного файла. Сделать это можно следующим образом.

require_once "Mobile_Detect.php";

Вот ссылка на реппозиторий гитхаба. Там есть описание по установке на различные CMS, в том числе и WordPress, а так же популярные фреймворки. А теперь самое время перейти к примерам использования.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$detect = new Mobile_Detect;
if($detect->isAndroidOS()){
  echo "Андроид-устройство версии: ".$detect->version('Android');
}
if($detect->isiOS()){
  echo "IOS-устройство версии: ".$detect->version('iOS');
}
if ($detect->isMobile()) {
  echo '<br />Вы зашли с мобильного';
}
if($detect->isTablet()){
  echo '<br />Вы зашли с планшета';
}
if ($detect->isLG()) {
  echo '<br />Ваш смартфон LG';
}
if ($detect->isSamsung()) {
  echo '<br />Ваш смартфон Samsung';
}

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

1
2
3
4
5
6
if ($detect->is('Chrome')) {
  echo "<br />Версия Chrome: ".$detect->version('Chrome');
}
if ($detect->is('Opera')) {
  echo "<br />Версия Opera: ".$detect->version('Opera');
}

Демо

Теперь вы знаете как определить мобильные телефоны и планшеты при помощи PHP. Поделитесь в комментариях если знаете еще подобные и более функциональные библиотеки.