work@lienusowl.ru

Полное портфолио: zsws.ru

Поиск по сайту

Сниппет GoogleSitemap
Сниппет GoogleSitemap для быстрого и автоматического создания sitemap.xml
Сниппет If для modx revo
Сниппет If для modx revo иногда бывает нужно вывести контент или его замену если контента пока нет, это можно делать с помощью условия if/then/else, рассмотрим подробнее
Подборка ссылок которые часто бывают нужны
Подборка ссылок которые часто бывают нужны часто бывает нужно рыскать по вкладкам браузера и искать конкретные ссылки, эти ссылки для меня, хотя может и кому будет интересно сделать закладку с этой страницей
Первоначальный аудит: какие параметры сайта важно проверить
Первоначальный аудит: какие параметры сайта важно проверить «Джентльменский набор» параметров, которые требуют оценки в первую очередь, составляется каждым SEO
Верстка email писем
Верстка email писем Для верстки писем используется табличная верстка. Используем только Inline-стили, то есть применять непосредственно к тегам
Подборка стоков с картинками
Подборка стоков с картинками бесплатные изображения для общественного и коммерческого использования
apple-touch-icon и apple-touch-icon-precomposed иконки для закладок и прочих нужд
apple-touch-icon и apple-touch-icon-precomposed иконки для закладок и прочих нужд оставался в закладках код для создания иконок в закладках браузера, сохраню, чтобы не потерять
Мета теги для социальных сетей
Мета теги для социальных сетей очень интересная разметка от социальных сетей, подробнее в статье
Прелоадер для страницы сайта
Прелоадер для страницы сайта пока страница загружается у нас будет по центру крутиться или двигаться картинка
Бегущие циферки
Бегущие циферки надо не забыть и дописать статью
Чистая заготовка сайта v1.3
Чистая заготовка сайта v1.3 обновленная заготовка, чтобы всегда была под рукой
Чистая заготовка сайта v1.2
Чистая заготовка сайта v1.2 еще не фреймворк но его заготовка, удобно использовать для верстки landing page, первоначальной разметки сайта, содержит в себе - bootstrap сетку и минимальный набор скриптов, font awesome, owl carusel
Слайдер - OWL Carousel
Слайдер - OWL Carousel Почему именно этот слайдер? - очень много настроек, можно сделать практически любой слайдер, есть поддержка "тыкнул и потащил", посностью адаптивный, работает в древних браузерах
Фоновое видео с помощью js и css
Фоновое видео с помощью js и css Бывает иногда нужно сделать фоновое видео для сайта или его части. Видели наверно когда заходишь на сайт начинается автоматически проигрываться видео на фоне - или машины в таймлапсе едут или красивое
Библиотека countUp.js для плавной прокрутки числа
Библиотека countUp.js для плавной прокрутки числа иногда бывает нужно чтобы одно число плавно увеличилось до какого то значения или наоборот убавилось, сейчас речь не о счетчике времени, а о просто счетчике, может кому пригодится
Скрипт корзины для сайта без оплаты
Скрипт корзины для сайта без оплаты Простой скрипт для создания ajax корзины для сайта
Форма обратной связи ajax + прикрепление файлов
Форма обратной связи ajax + прикрепление файлов Готовая форма отправки писем с сайта на почту, с возможностью прикрепления файлов, можно использовать как с прикреплением файлов, так и без, + есть лоадер - имитируется отправка письма пока загружается картинка
Скрипт - до / после
Скрипт - до / после интересное решение для того чтобы показать эффект before-after (до-после), полезно бывает для магазинов, каталогов, салонов красоты и прочих
Поворот блока по вертикали 3d с помощью css3
Поворот блока по вертикали 3d с помощью css3 css3 код для поворота блока по вертикали на 180 градусов
js добавить класс по клику с помощью jquery
js добавить класс по клику с помощью jquery заготовочка, кусочек кода, как сделать чтобы по клику добавлялся класс
Движение блока при наведении
Движение блока при наведении заготовочка
5 колонок bootstrap в дополнение к стандартным
5 колонок bootstrap в дополнение к стандартным часто бывает что простую 12колоночную сетку использовать не удобно, и нужно поставить 5 элементов в ряд, для этого эта заготовка
Как скрыть меню bootstrap при клике на пункте меню в мобильной версии
Как скрыть меню bootstrap при клике на пункте меню в мобильной версии если нужно скрыть меню по клику в мобильной версии
Слайдер 3D на css3
Слайдер 3D на css3 полноценный слайдер с навигацией и плавной сменой
Многоуровневое меню Bootstrap
Многоуровневое меню Bootstrap из коробки bootstrap меню не имеет многоуровневой вложенности пунктов, доработаем этот момент
Свечение для текста зацикленное
Свечение для текста зацикленное Эффект позволяет делать текст анимированным и зацикленным
Градиент для шрифта
Градиент для шрифта Очень простой стиль для текста, позволяет делать текст не просто залитый сплошным цветом, а заливать текст градиентом
Простой эффект движения на CSS
Простой эффект движения на CSS пример, как сделать зацикленное движение на css
CSS стили для placeholder
CSS стили для placeholder заготовка для изменения стилей placeholder + бонус
Тень для текста
Тень для текста Очень простой стиль для текста, позволяет добавить тень
CSS тень по контуру для png картинки
CSS тень по контуру для png картинки заготовочка чтобы сделать тень для картинки .png с прозрачным фоном
Библиотека для создания эффектов с использованием градиентов
Библиотека для создания эффектов с использованием градиентов маленькая библиотека <10kb для создания эффектов с градиентами
Маска ввода для input
Маска ввода для input скрипт для создания маски ввода к примеру - телефонов, даты или еще чего
Меню фиксируется при прокрутке
Меню фиксируется при прокрутке очень классная заготовка для закрепления меню сверху сайта при прокрутке
Редиректы, готовые примеры
Редиректы, готовые примеры небольшая заготовка по редиректам, как правильно прописывать
Вставка блока с видео на сайт
Вставка блока с видео на сайт просто небольшая заготовочка для видео
Эффект появления иконки при наведении на блок
Эффект появления иконки при наведении на блок бывает полезно если нужно сделать какой то динамический эффект для блока, к примеру при наведении на блок будет появляться лупа - то есть если кликнуть то возможно что то увеличится
Многоуровневое меню
Многоуровневое меню просто заготовка многоуровневого меню
Паралакс эффект для фона
Паралакс эффект для фона интересный эффект при скроле страницы - фоновая картинка блока как бы "запаздывает" за прокруткой страницы
Увеличение картинки внутри блока css
Увеличение картинки внутри блока css Заготовка css - при наведении на картинку она плавно будет увеличиваться внутри блока - просто берем копируем и вставляем себе
Делаем запрет на ввод букв в поле input
Делаем запрет на ввод букв в поле input Тут всё просто, просто - небольшой скрипт - запрещает вводить буквы в текстовое поле, актуально для полей для ввода номера телефона к примеру
Скрипт - скрыть показать по клику на checkbox
Скрипт - скрыть показать по клику на checkbox Коротенький скрипт - по клику на чекбокс (он становится checked) скрипт делает скрытый блок видимым
Javascript калькулятор пример
Javascript калькулятор пример Пример скрипта для калькулятора на сайт, работает без кнопки рассчитать
Эффект срабатывающий при скролле страницы
Эффект срабатывающий при скролле страницы Делаем анимацию при прокрутке страницы. В общем задача - докрчиваем до определенного места на странице и хотим, чтобы там произошло какое либо действие
Кнопка вверх для сайта, с плавной прокруткой и появлением при скролле.
Кнопка вверх для сайта, с плавной прокруткой и появлением при скролле. Рассмотрим подключение кнопки вверх, кстати этот же скрипт работает на этом сайте.
Плавная прокрутка по странице по клику до нужного блока
Плавная прокрутка по странице по клику до нужного блока Практически всегда на лендингах присутствует меню для навигации по странице, ниже приведу рабочий пример как реализовать данную функцию
Минимальный набор - пакеты \ библиотеки \ репозитории которые нам понадобятся для работы
Минимальный набор - пакеты \ библиотеки \ репозитории которые нам понадобятся для работы