Инструменты

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

Git SSH Windows - пошаговое руководство

Git SSH Windows - пошаговое руководство

Дата размещения статьи 08/12/2019

Настроим пошагово Git SSH для Windows 10. Это позволит вам выполнять команды git без ввода пароля от своей учетной записи GitHub. Генерация ключа SSH. Добавление SSH-ключа в ssh-agent. Добавление ключа SSH в учетную запись GitHub. Генерация ключа SSH Откройте bash/терминал. Добавьте следующий текст, подставив свой адрес электронной почты...

Настройка Gulp Babel

Настройка Gulp Babel

Дата размещения статьи 20/10/2019

Что такое Babel, зачем он нужен, как установить gulp-babel для Gulp, настроить и начать использовать в своих проектах. Содержание: Babel для Gulp; установка gulp-babel; настройка gulpfile.js; создание babelrc; пример; итоговый код; gulp-terser; Babel - это компилятор JavaScript. Содержит в себе набор инструментов, позволяющих преобразовывать код ECMAScript 2015 и...

Микроразметка сайта

Микроразметка сайта

Дата размещения статьи 23/09/2019

Рассмотрим, два стандарта микроразметки сайта: Schema.org и Open Graph на примере меню, хлебных крошек, сайдбара, картинок, подвала сайта и многое другое. Микроразметка необходима для лучшего понимания роботами структуры сайта. Это в свою очередь позволяет поисковым системам формировать более привлекательный и содержательный сниппет (краткое описание в поисковой выдаче). С...

Как перенести сайт WordPress на хостинг

Как перенести сайт WordPress на хостинг

Дата размещения статьи 16/03/2019

Рассмотрим, как перенести сайт WordPress с локального сервера на хостинг. Шаги следующие: заархивировать все файлы сайта; экспортировать базы данных; загрузить и разархивировать файлы на хостинге; внести правки в wp-config.php; импортировать базы данных; выполнить необходимые SQL-запросы. Архивация файлов сайта Архивируем все файлы в корне сайта. Выбираем формат архива -...

Настройте показ всего текста во время загрузки веб-шрифтов

Настройте показ всего текста во время загрузки веб-шрифтов

Дата размещения статьи 13/03/2019

Настройте показ всего текста во время загрузки веб-шрифтов - так звучит рекомендация от Google PageSpeed Insights. Рассмотрим, как это реализовать. 1. Подключаем шрифт инлайново в теге head в формате <head> ... <style> @font-face { font-family: 'FontBeautifulName'; font-display: swap; src: local('FontBeautifulName'), url('fonts/FontBeautifulName.woff2') format('woff2'); font-weight: 400; } </style> </head> 2....

Сниппеты в VS Code

Сниппеты в VS Code

Дата размещения статьи 27/02/2019

Создание сниппетов в редакторе кода Visual Studio Code. Сниппеты в VS Code - это участки кода, которые можно использовать неограниченное количество раз в своих файлах: html, css, js, php и т.п. При вводе первых символов названия будет отображена подсказка для вывода сниппета. Для создания сниппета в VS Code...

Не удается проверить так как не задан исполняемый PHP-файл

Не удается проверить так как не задан исполняемый PHP-файл

Дата размещения статьи 24/11/2018

При сохранении php-файла в Visual Studio Code может возникнуть следующая проблема у новичков и не только. Не удается проверить, так как не задан исполняемый PHP-файл. Используйте параметр php.validate.executablePath, чтобы настроить исполняемый PHP-файл. Эта ошибка сообщает о том, что VS Code не может проверить php-файл на ошибки, т.к. не...

Настройка Photoshop для верстки

Настройка Photoshop для верстки

Дата размещения статьи 20/11/2018

Настройка Photoshop CC, а именно: приветственный экран, единицы измерения, цвета, горячие клавиши и многое другое. Настройка фотошоп для верстальщика Настройка цветов Редактирование » Настройка цветов Это делается для того чтобы при загрузке нового документа не появлялись дополнительные всплывающие окна. Начальная среда (экран приветствия) Возможно кому-то не нравится, или...

Лучшие плагины для VS Code

Лучшие плагины для VS Code

Дата размещения статьи 13/10/2018

Рассмотрим лучшие плагины редактора Visual Studio Code для Web-разработки в 2021 году. Live Server Sass Live Sass Complier Higlight Matching Tag Color Highlight Bracket Pair Colorizer Auto Rename Tag Auto Close Tag Import Cost Material Theme Apache Conf Russian Language Pack Code Spell Checker Небольшой бонус 1. Live...

Создание sitemap в Jekyll

Создание sitemap в Jekyll

Дата размещения статьи 21/06/2018

Создание карты сайта, используя генератор статических сайтов Jekyll без помощи сторонних плагинов. Для создания карты сайта существует несколько способов: - используя плагины для Jekyll на языке Ruby; - воспользоваться каким-либо онлайн сервисом; - или автоматизировать процесс создания xml-карты самому. Этим и займёмся. Создадим в главной папке (корне) сайта...

Оплата хостинга и домена

Оплата хостинга и домена

Дата размещения статьи 17/06/2018

Сегодня разберёмся со следующими вопросами: что такое хостинг и как его оплатить, что такое домен и как его зарегистрировать, подключение домена к хостингу и размещение сайта в интернете. Что такое хостинг Хостинг - это услуга по предоставлению пространства для хранения и размещения сайта в сети Интернет. Таким образом,...