Когда я разрабатывал вторую версию шаблона для своего блога я хотел дать ему какую-то изюминку. Еще в то время я активно читал Medium. Я заметил, что у них интересным образом сделана шапка. Когда вы скроллите вниз, она прячется, продолжая скроллить вниз она все еще скрыта и как только начинаете двигаться вверх, она снова показывается. Я решил сделать такую же шапку (ну, почти) у себя в блоге.
Рубрика: JavaScript
Регулярное выражение на совпадение до определенного слова/паттерна
В этой записи поговорим про регулярные выражения, а точнее про то, как получить значение до совпадения какого-либо значения.
Читать далее…
Что такое Webpack и для чего он нужен?
В этой записи я расскажу вам что такое Webpack, для чего он нужен и как начать им пользоваться.
Читать далее…
JavaScript: Как создать класс (3 способа)?
В этой записи я покажу как создать класс в JavaScript, добавить в него методы помощники, переменные (массивы и обычные) и остальные полезности. Разберем три варианта — используя функцию, объекты и синглетон.
Читать далее…
JavaScript: Как добавить новый элемент в объект?
В этой записи я хочу рассказать как добавить или удалить элемент из объекта в JavaScript. Это очень просто, но многие новички, как и я раньше, часто путались в этом.
Читать далее…
Slide Up или Slide Down без jQuery, используя только CSS
Раньше, чтобы сделать анимацию нам бы потребовалась какая-нибудь библиотека, например jQuery, сегодня у нас есть CSS. В целом, и про него тоже можно забыть, потому что существует такое решение как Animate.css. В этой записи я покажу как сделать методы slideDown() и slideUp() из jQuery с помощью обычного CSS (не используя библиотеки и сторонние методы).
Читать далее…
Как сделать скриншот сайта с помощью PhantomJS?
PhantomJS — это удобный инструмент для тестирования веб-приложений, который может также быть использоваться для скрапинга данных. В этой записи я покажу вам как сделать скриншот с его помощью.
Читать далее…
Делаем WordPress Ajax запросы безопасно и правильно
WordPress безумными темпами развивается и предоставляем больше и больше возможностей для разработчиков. Одна из них — это WordPress Ajax запросы, которые можно делать для авторизованных или неавторизованных пользователей.
Читать далее…
Проблема с timeout’ом PhantomJS запущенным с PHP
PhantomJS — это отличный инструмент для тестирования ваших веб-приложений, и в целях парсинга данных с сайтов. В первом и во втором случае вам нужно правильно написать код, чтобы в конечном итоге завершить запущенный процесс PhantomJS. Если он не будет завершен, тогда он зависнет и будет нагружать сервер.
Читать далее…
Парсинг Яндекс новостей с помощью Phantomjs
Меня еще с самого начала моего пути как разработчика интересовал парсинг данных. Я всегда хотел делать половину моих задач автоматически. В свое время, я работал с разными вариантами парсинга. Пробовал это делать с помощью cURL (обычным получением HTML и парсингом по классам) и используя разные библиотеки. В один момент я наткнулся на PhantomJS.
Читать далее…