Gulp — автоматизируй сборку и минификацию своего проекта

gulp_logo-1450648879924

Интернет сфера быстро развивается, те знания, которые были полезны разработчикам еще вчера сегодня уже совершенно ничего из себя не представляют. Проекты становятся легче для пользователей, растут скорости интернета, а за кулисами происходит значительное усложнение процесса для разработчиков. Так, например, от сайтов на обычном HTML уже мало что осталось, теперь это огромные проекты, работающие, возможно, на нескольких языках, взаимодействующие со множеством сторонних сервисов и использующие в себе различные фронтенд и бэкенд фреймворки.

Для того, чтобы несколько упростить работу разработчиков и увеличить скорость разработки новых решений и появляются такие проекты как Gulp. С ним вам больше не нужно думать о минификации своего кода, сборки множества файлов стилей в один итоговый файл, который уйдет в продакшн — Gulp сделает это за вас!

Gulp — таск-менеджер на JavaScript, работа которого производится средствами NodeJs, пришедший на замену прошлому такс-менеджеру Grunt.

Continue reading “Gulp — автоматизируй сборку и минификацию своего проекта” »

Крутой таймлайн для вашего сайта

В этой статье я хотел бы предложить Вам неплохой таймлайн, которые позволил бы вам оформить должным образом любые события, которые требуют четкой последовательности действий и плана.

Когда речь заходит о реализации, лично мне приходит в голову только такая реализация.

Continue reading “Крутой таймлайн для вашего сайта” »

Легкие табы для вашего сайта

Табы традиционно являются одним из наиболее удобных способов для организации информации на страницах сайтов, особенно если информации оказывается достаточно много (например, характеристики какого-либо товара). В этой записи я расскажу вам об одной из реализаций данного волшебства.

Continue reading “Легкие табы для вашего сайта” »

Сетка товаров с фильтрами

Адаптивные сетки для изображений с возможностью фильтрации продуктов по определенным категориям на JS, HTML и CSS позволят вам снизить нагрузку на сервер при подборе нужного вашим пользователям товара, а так же существенно ускорить сам процесс вывода товаров из определенной категории из общего каталога.

Continue reading “Сетка товаров с фильтрами” »

Сколько дней между датами?

Небольшой кусочек в заметки, чтобы не забыть. Код на JavaScript.

Вычисляем количество ms между двумя датами, округляем, получаем дни.

Курс валют от центробанка РФ на PHP

Курс валют, простая функция на PHP

Получить актуальный на сегодняшний день курс валют от ЦБ РФ на самом деле не так уж и сложно, достаточно просто загрузить его со специального адреса на сервере ЦБ. Курс обновляется, по наблюдениям, раз в сутки в рабочие дни (в выходные курс не меняется), поэтому эта функция остается полезной и при этом не требует особых затрат по ресурсам.  Continue reading “Курс валют от центробанка РФ на PHP” »

Зависимое изменение верстки

Иногда на сайт необходимо добавить некоторые элементы, которые отображаются не для всех, но при этом требуют внесения исправлений в общий дизайн и соответственно необходимо производить изменение верстки. Изменять верстку для всех в данном случае будет не самым рациональным шагом, но вполне можно определять динамически, нужно ли менять верстку конкретному пользователю. Допустим, изменение верстки требуется, если пользователю отображается блок #first, а блок #second, не позволяет первому блоку отображаться адекватно. Чтобы внести динамическое изменение в верстку сайта, достаточно написать самый простейший скрипт, который будет срабатывать лишь тогда, когда он нужен.

Мелочь уровня новичков JavaScript, но пусть будет тут, чтобы категория не была пустой. Continue reading “Зависимое изменение верстки” »