Как удалить пустые строчки в коде, написанном в SublimeText

На данном этапе работаю с одним сайтом на WorPress и столкнулся с одной проблемкой. Не то, чтобы это было проблемой, но мои перфекционистские замашки не дают мне покоя Неприятность в том, что при работе с файлами через Sublime на хостинге, я получал после каждой строки кода 2-3 пустые строки. Порыскав в интернете сначала нашел косвенный … подробнее

Мультиязычный сайт на wordpress без плагинов

Впервые за три года работы с сайтами столкнулся с вопросом создания сайта wordpress на нескольких языках (в моем случае на трех — eng, fin, rus). Задачка вполне решаема. Есть здесь два пути, по которому нужно идти: Использовать плагины WP Без плагинов путем установки двух и более админок в одну папку домена В моем случае камнем … подробнее

Как вырезать объект с фотографии или изображения с сохранением фона

Достаточно интересная фишка, о которой я узнал совсем недавно. Если вам понравился фон, но на нем есть лишние объекты, либо просто необходимо с фотографии убрать другого человека или какую-то вещь и при этом сохранить фон, который в реальности находится за этим объектом, то в этом нам может помочь один из инструментов любимого PhotoShop’a. Что дано: … подробнее

Позиционирование блока через position:relative оставляет пустое пространство. Как убрать?

Половину дня потратил на решение проблемы с пустым пространством, возникающим вследствие позиционирования блока с помощью position:relative. В моем случае я перекрывал часть одного фона другим (такая вот дизайнерская задумка). Проблема заключалась в том, что после перемещения блока вверх, под ним появлялось пустое пространство, равное по высоте значению top. По некоторым ссылкам из поисковика натыкался на … подробнее

Растягивание фона изображения с сохранением на нем пропорций определенного объекта

Обнаружил данный урок на одном канале youtube. Очень полезная фишка для веб-дизайнера на мой взгляд. Иногда ширины оригинального изображения недостаточно для какой-либо дизайнерской задумки, а его растягивание по ширине искажает нужные объекты. Чтобы сохранить эти объекты в целости и при этом растянуть фон изображения, PhotoShop предоставляет нам определенные инструменты. И так, в конечном итоге у нас … подробнее

Добавление горизонтальных линий до и после заголовка или изображения на CSS

Для того, чтобы добавить в качестве обрамительного элемента горизонтальные линии до и после заголовка (картинки, логотипа и т.д.) можно использовать CSS и сделать при этом вполне адаптивный вариант. Для этого нужно использовать псевдоэлементы :before и :after. Html-конструкция должна выглядеть следующим образом:

Для основной обертки используем следующие CSS-правила:

Для дочернего элемента <span> добавляем позиционирование, чтобы … подробнее

Автосохранение файла в SublimeText

Тяжеловато находил ответ на этот вопрос в поисковиках, поэтому решил добавить данную записиску. Так вот. Для того, чтобы ваш дорогой и горячолюбимый SublimeText смог автоматически сохранять редактируемый файл при потере фокуса с вкладки открытого файла или окна редактора необходимо проделать следующее: 1) Переходим в настройки редактора Preferences >> Settings — User 2) Добавляем в настройки строчку «save_on_focus_lost»: true, … подробнее

Ошибка 404 при клике на рубрику с записями WordPress

Суть проблемы заключалась в том, что при клике на определенную рубрику вместо записей выводилась ошибка 404. Что к чему, блог совершенно пустой (на момент написания заметки всего одна запись), никаких плагинов не установлено, а выводить записи рубрики WP не желает. Решение оказалось таким же неожиданным, как и ошибка. Нужно перейти в настройки >> постоянные ссылки … подробнее

Добавление картинки/логотипа в подпись исходящего письма Яндекс.Почты

Буквально вчера столкнулся с одной проблемой и решил ее описать, т.к. поисковики результатов не дали. Яндекс.Почта для домена. Заказчик попросил добавить подпись к исходящему письму. Добавить текстовые контакты с пресловутым «с уважением» не составило труда, но что делать с логотипом? Казалось проблемы нет.  Нажимаем «добавить картинку» (1) и она появляется (2). Стоить заметить, что добавить … подробнее