Урок 2. Работа с файлами

Здравствуй, друг! 🙂 В этом уроке рассматривается работа с файлами в Gulp, который должен быть установлен в проекте. Это продолжение, начало в первом уроке. 1. Создаем в корне проекта папку srs И уже в ней: 1.1. Папку js с файлами index.js и class.js 1.2. Папку читать дальше…

Урок 1. Что такое Gulp и его установка

Привет! С этой статьи / поста начинается серия моих конспектов, которые написаны во время прохождения курса по Gulp. Думаю, они могут быть полезны 🙂 GULP — это таск-менеджер (таск — task — задача) для автоматического выполнения часто используемых задач, написанный на языке программирования JavaScript. Программное обеспечение использует командную строку для запуска задач, читать дальше…

Адаптивный список на flex — 2

Друзья, привет! Первый вариант списка не flex можно посмотреть в этой статье и в этом демо-примере. Отличия второго варианта: другой фон больше текста background у каждого элемента списка большая иконка FontAwesome медиа-запросы для ширины иконки на разных экранах текст и иконка выравниваются по центру добавлен читать дальше…

Много немного о себе..

Привет! История каждого человека уникальна. Мне всегда интересно слушать людей о том, как они пришли в точку сегодняшнего дня, откуда начался их путь и какие события привели к тому, что есть у них сейчас. Не нужно забывать о своих корнях, они крепко держат нас на читать дальше…

Адаптивный список с помощью flex

Привет! С помощью css-свойства flex сегодня сделаем адаптивный список. Даем возможность пользователю через админку добавить простой маркированный список, а на выходе получить оформленный икноками Font Awesome список в две колонки. При этом он должен перестраиваться в одну колонку на мобильных устройствах. И еще момент – читать дальше…

Как установить бесплатный SSL сертификат на сайт?

Привет, друг! 🙂 Бесплатный SSL сертификат нужен для того, чтобы обеспечить защиту персональных данных пользователя, что требует Федеральный закон от 27.07.2006 N 152-ФЗ «О персональных данных». Поисковая система Google официально заявила 6 августа 2014 года о том, что HTTPS шифрование, доступное при использовании SSL сертификатов будет являться читать дальше…

Кластеры на Яндекс Карте

Привет всем! Близко расположенные друг к другу метки создают пользователю проблему, ведь кликнуть по каждой из них не получится. Нажатие возможно только по той метке, которая окажется выше остальных. Кластеризатор — объединение близко расположенных меток в группу (кластер), позволяет справиться с задачей. Подробнее, как всегда, можно и читать дальше…

Как сделать треугольник через CSS

Всем привет! Раньше верстальщики практически все элементы дизайна вырезали в Фотошопе из PSD макета, в том числе и треугольники – маленькие и больше, – неважно. Просто не было возможности прописать их кодом. Сейчас HTML5 повелевает отрабатывать свои навыки в CSS3 и с его помощью создавать читать дальше…

DOCTYPE html

Привет! Правильный DOCTYPE на html странице поможет избежать ошибок валидации вашего кода. К счастью, с приходом HTML5, эта задача намного упростилась, и можно обойтись одной короткой строчкой. Почему так важен DOCTYPE? DOCTYPE означает «объявление типа документа». Этот элемент сообщает валидатору, какую именно версию HTML вы читать дальше…

Генератор кнопок CSS

Всем привет! В продолжение темы инструментов веб-разработчика, напишу про онлайн генератор кнопки CSS. Таких генераторов много. Сама – честно – не пользуюсь. Почему? Если сайт работает с Bootstrap, то в его арсенале имеются встроенные стили кнопок, которые легко переделать под себя. А если делаю верстку читать дальше…