Create Sublime Text Plugin

Для начала создайте дирректорию в папке Packages, например givemetime. В Sublime Text уже есть готовый сниппет для создания плагина, вызвать его можно нажав Tools в верхнем меню, там пункт New Plugin. Вы увидите что-то подобное:
Читать далее «Create Sublime Text Plugin»

Способы кастомизации темы для WordPress

Если поискать на бирже upwork работы по запросу wordpress, можно найти много, очень много возможностей заработать. Создание сайтов на WordPress — простой способ начать зарабатывать деньги на этих биржах, да и в целом для небольших сайтов WordPress может стать хорошим решением.

У меня давно припасены несколько сайтов, которые находятся на стадии вёрстка. Думаю мне интересно сделать из них готовый шаблон для CMS. Первой на очереди WordPress (далее Битрикс). Сайт будет простой посадочной страницей для мероприятия. Присутствуют форма регистрации и карта, всё настраивается из панели администратора.
Читать далее «Способы кастомизации темы для WordPress»

Режимы наложения для текста в CSS

Привет, сегодня я покажу как можно сделать текст на сайте интереснее при помощи свежей CSS технологии blend-mode. Это аналог режимов наложения в фотошопе. Принцип работы простой:
Читать далее «Режимы наложения для текста в CSS»

Несколько CSS псевдоселекторов о которых я не знал

Привет. Хочу рассказать о нескольких псевдоселекторах. Вы наверняка уже знаете о :hover, :last-child. Сегодня же пойдёт речь о: empty, in-range или :out-of-range, optional, fullscreen, not.
Читать далее «Несколько CSS псевдоселекторов о которых я не знал»

Мой селектор сильнее чем твой

Скорее для себя, на память. О том как посчитать специфику CSS-селекторов. Все знают, что правила в CSS применяются не по порядку их написания (за одним исключением описанным ниже), а по специфике селектора. Пример:
Читать далее «Мой селектор сильнее чем твой»

Шаблон для вашего небольшого бизнеса

Этот шаблон у меня тоже был давно готов. В этот раз у него нет какого-то отдельного заказчика, а выполнен он в рамках тренировки для HTMLACADEMY.

Присутствует адаптивная версия. Внутри всё так же мои любимые jade и stylus.

DEMO

Fundamental Node.js design patterns

Когда мы говорим о шаблонах проектирования, то в первую очередь речь идёт о синглтонах, обсерверах и фабриках. Но в этой статье мы краткой затронем так же темы: внедрение зависимостей и middleware (можно перевести как посредник).
Читать далее «Fundamental Node.js design patterns»

Парочка полезных элементов из DOM: elementFromPoint and getBoundingClientRect

Я честно говоря не знал о них, а зря. На деле они оказались довольно полезными, особенно getBoundingClientRect. О нём и расскажу в первую очередь.
Читать далее «Парочка полезных элементов из DOM: elementFromPoint and getBoundingClientRect»

HEXO — генератор статических сайтов (при помощи node.js)

Я несколько раз пытался вести дневник — это полезная техника помогает жить осознаннее что-ли. Каждый раз я искал всё более «правильный» инструмент, хотя конечно понятно, и поговорку про танцора никто не отменял.

Вот в один из таких поисков я и встретил HEXO. Генератор статических сайтов (хотя при современной мощи javascript, можно всё). Кроссплатформенный, но для работы с ним вам необходимо установить node.js (+npm устанавливается автоматически), подробнее на nodejs.

Читать далее «HEXO — генератор статических сайтов (при помощи node.js)»

Посадочная страница для ваших мероприятий

Выдалась свободная минута и я решил привести в порядок шаблон который использовал на одном из проектов по заказу МФЮА. С их разрешения и выложил в общий доступ.

Макет адаптируется под ширину вашего экрана, в своём базовом варианте работает фиксированная ширина, в css есть модификаторы для преобразования его в полноэкранный. Кому как больше нравится.

Внутри:

  • Jade
  • Stylus (Autoprefixer)
  • Gulp

Будет круто если вы добавите что-то своё, или как-то прокомментируете работу — github (там можно найти как просто вёрстку так и WordPress-шаблон)