Сразу отвечу на главный вопрос по теме. Хостинг все равно потребуется! Также есть разные сервисы для этих нужд, но они либо берут несоизмеримую задачи плату, либо не надежны на долгосрочную перспективу. Бесплатные сервисы появляются и исчезают, когда не находят способов побочной монетизации. Есть правда одна уловка через редирект от неправильного указания записи на GitHub Pages, […]
Рубрика: Веб-разработка
👉 Процесс создания веб-сайта или веб-приложения. Основными этапами процесса являются веб-дизайн, верстка страниц, программирование на стороне клиента и сервера, а также конфигурирование веб-сервера ⭐⭐⭐⭐⭐
CSS-сервисы
Сейчас само понятие CSS плотно ассоциируется исключительно со всевозможными CSS-фреймворками, которые и определяют внешний облик большинства элементов на веб-странице, но существует немало сайтов, где фреймворки не внедрены и огромное количество нетривиальных задач, которые можно решить только на «голом» CSS. Генераторы CSS CSS triangle generator Clippy — CSS clip-path maker Генероатор css border-radius закругленные углы кроссбраузерно […]
Сервисы тестирования сайта
Тестируем скорость сайта pagespeed.web.dev Всем известный PageSpeed Insights от Google. Сейчас, на мой взгляд, пошел в неведомые дебри с различными показателями производительности, и тем как они соотносятся с показателями скорости, но большой компании нужно отрабатывать деньги инвесторов и вводить постоянно новые фичи. Примечателен тем, что все на него уже давно «забили», ибо Google давно любит […]
Моя подборка WordPress плагинов
Раньше вебмастера предпочитали использовать минимум плагинов, а все задачи решать через кодинг. Считалось, что из-за большого количества плагинов сайт будет «тормозить». Надо сказать, что непроверенные и необновляемые плагины действительно могут нанести больше вреда чем пользы, поэтому важно иметь свою подборку проверенных решений. Даже местами устарешие плагины из этой подборки хорошо работают благодаря идеологии разработчиков WordPress […]
Краткий справочник по командам Git
git clone {адрес удаленного реопзитория} # Копирование директории с проектом git init # Создание локального репозитория в директории с проектом touch .gitkeep # Пустой файл для пустой директории * * * git status git log git show * * * cd /{директория с проектом} git pull * * * cd /{директория с проектом} git add […]
Проект шаблона Bootstrap
Я создаю отдельный файл bootstrap-overrides.less и подключаю его в конце файла bootstrap.less, попутно отключая ненужные компоненты. Это помогает избежать конфликтов при обновлении версии bootstrap, и вообще выглядит аккуратно — код библиотеки отдельно, ваш тоже отдельно. Получается как-то так: // Core variables and mixins @import «variables.less»; @import «mixins.less»; … // Utility classes @import «utilities.less»; @import «responsive-utilities.less»; […]
Как гарантированно изменить кодировку сайта на UTF-8
Перекодировать все таблицы в UTF-8 Перекодировать все файлы в UTF-8 без БОМ Указать кодировку в мета-тегах Указать кодировку в .htaccess — AddDefaultCharset UTF-8 Указать кодировку после подключения к БД: mysql_query(«set character_set_client=’utf8′»); mysql_query(«set character_set_results=’utf8′»); mysql_query(«set collation_connection=’utf8_general_ci'»);
Как добавить домен к GitHub Pages?
Статья существенно переработана 13.06.2022, изменен порядок действий и добавлена новая информация для правильного подключения своего домена к сайту на GiHub Pages. Пример будет на основе reg.ru, но вы можете использовать своего любимого регистратора. Итак, у нас на руках есть свободный домен, давайте прикрепим его к уже существующему сайту на GitHub. Подготовка Это и так понятно, […]
Гитхаб как хостинг
На сегодняшний день эта статья полностью утратила свою актуальность в пользу вот этой статьи от 13.06.2022 — подключаем свой домен к сайту на GiHub Pages >> Если ваш сайт — это статические HTML-страницы, то необязательно приобретать хостинг, можно воспользоваться сервисом GitHub Pages. Для этого у вас должен быть аккаунт на Гитхабе. Как зарегистрироваться можно посмотреть […]
Сканируем на уязвимости WordPress: WPScanner и Plecost
Информация из этой статьи может быть использована как во благо, для выявления уязвимостей и устранения их, так и во зло. Очень надеюсь, что вы находитесь именно на светлой стороне. Работа этих программ рассмотрена в Kali Linux, поэтому, возможно, вас заинтересует статья DDoS-атака сайта с помощью Kali Linux. WordPress завоевал заслуженную популярность. Каждый день запускается огромное […]
Переопределение функций родительской темы в дочерней на WordPress
Если вы уже имели дело с родительскими и дочерними темами на WordPress, то наверняка знаете, что файлы шаблонов в дочерней копируют функции родительской. К примеру, если в родительской теме есть файл page.php, и вы создаете еще один в дочерней, то при отображении Страниц WordPress использует тот, который находится именно в дочерней. Если вы уже имели […]
Почему не стоит редактировать functions.php и чем его заменить?
Практически каждый, кто ведет блог на WordPress и самостоятельно занимается его обслуживанием, знает о существовании волшебного файла functions.php. Часто его применяют абсолютно не по назначению, что может привести к существенным проблемам. Давайте вместе более детально разберемся с этим вопросом. Уверяю, прочитав эту статью, вы измените свое отношение к плагинам и перестанете пополнять ваш functions.php очередным […]
CSScomb.js + PhpStorm
CSScomb — это утилита, которая форматирует CSS. Сегодня расскажу как ее подружить с PhpStorm. Установка CSScomb.js Устанавливается CSScomb.js через npm глобально. Надеюсь вы включили в PATH путь к модулям Node. npm install csscomb -g Теперь его можно пользовать отовсюду. Дружим PhpStorm с CSScomb.js У PhpStorm есть конечно собственное форматирование кода, но у него мало настроек […]
Элементарные консольные команды MySQL
Подключение к СУБД в локальном сервере MAMP через консоль /Applications/MAMP/Library/bin/mysql -uroot -proot или /Applications/MAMP/Library/bin/mysql —hostname=localhost —user=root —password=root Базовые команды с примерами show databases; use mysql; show tables; SELECT * FROM user; SELECT Host, User, Password FROM user; CREATE TABLE users ( user_id int, first_name varchar(20), last_name varchar(30), email varchar(50), facebook_url varchar(100), twitter_handle varchar(20) ); DESCRIBE users; # DESC users; DROP TABLE users2; INSERT INTO users VALUES ( 1, «Mike», «Greenfield», «mike@greenfieldguitars.com», «http://www.facebook.com/profile.php?id=699186223», «@greenfieldguitars» ); SELECT * FROM users; SELECT first_name, last_name, twitter_handle FROM users; SELECT facebook_url FROM users WHERE first_name = ‘Mike’; Как сменить пароль root к MySQL + добавить GRANT […]
Octopress: как вести блог в стиле Unix-way
А вы когда-нибудь задумывались, как ведут свои блоги настоящие хакеры? Хакеры, которые живут в консоли, сидят в берлогах и ломают Пентагон? Я вот не знаю, но предполагаю — они и блоги ведут из консоли, создают пост одной консольной командой, а загружают его на сервера Пентагона другой. И если вы вдруг подумали, что такого не существует, […]
Установка Octopress
Проверяем установку и версию ruby ruby –version # ruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin14] Скачиваем octopress git clone git://github.com/imathis/octopress.git octopress cd octopress Установка зависимостей, необходимых компонентов для ruby gem install bundler и сразу bundle install Устанавливаем стандартную тему для octopress rake install Запуск генерации блога time rake generate Запуск встроенного в ruby веб-сервера rake preview # http://localhost:4000/ Устанавливаем нестандартную тему Темы можно […]
Пошаговая работа с Grunt
1. В корне проекта создается файл package.json с настройками для Node { «author»: «nickname», «name»: «FrontEnd-Project», «version»: «0.0.1», «devDependencies»: { «grunt»: «~0.4.1» } } 2. Теперь необходимо установить все пакеты и зависимости, описанные в файле npm install 3. Установить инструмент командной строки Grunt npm install -g grunt-cli 4. Первая задача, объединить несколько *.js файлов npm install […]
Руководство по оптимизации базы данных WordPress
Каждый сайт на WordPress использует свою отдельную базу данных для хранения записей, страниц, меню, ссылок на пользователей, комментарии — то есть все формы текстовых и шифрованных данных. Но то, что вы загружаете через медиа-библиотеку, например, изображения, музыка, видео и другие файлы, не хранится в базе данных. Эти данные хранятся в папке wp_content. Со временем база […]