Адаптивный список на 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, то в его арсенале имеются встроенные стили кнопок, которые легко переделать под себя. А если делаю верстку читать дальше…

Как сделать тень блока в CSS

Привет, всем! Тень в дизайне сайтов применяется постоянно, используется она в различных элементах: блоках, картинках или тексте.  Чтобы верстальщику реализовать задумку дизайнера, нужно хорошо знать свойство тени CSS box-shadow. Бывают разные реализации этого свойства. Например, получается красиво, когда легкая, полупрозрачная тень плавно появляется либо исчезает читать дальше…

Инструменты веб-разработчика

Всем привет! В этой статье напишу об инструментах, которые сама использую в работе. Перечисляю практически все, которыми пользуюсь постоянно или периодически обращаюсь. Для меня существуют три главных инструмента: редактор кода, программа для работы с макетом сайта, локальный сервер для разработки сайта в необходимой среде. SublimeText 3 — удобный читать дальше…