Архив метки: CSS

Как использовать Gulp?

Сейчас расплодилось очень много всяких модных инструментов, которые помогают нам выполнять свою работу. Одним из таких инструментов есть Gulp JS (gulpjs.com). Это простой надежный и удобный помощник, который за вас выполнит много монотонной грязной работы.

В данной зарисовке речь пойдет о его настройке под некоторые нужды. Я не стану углубляться, что такое Gulp JS, что он может делать для вас (для этого понадобилось бы очень много времени и букв). Я расскажу на своем примере, что именно он мне помог сделать в последнем проекте. Читать далее

Моя иконка-гамбургер для мобильных меню

Сейчас существует очень много различных гамбургер-иконок для менюшек на мобильных девайсах. Я чаще всего использую такую: это простой элемент без изображений с двумя псевдоэлементами. Вся эта красота украшается бордюрами и позиционируется так, как нам надо. Читать далее

Стилизация, кастомизация checkbox. Часть 2. Под iOS.

Помните первую статью про стилизацию чекбоксов? Там мы использовали спрайт для бекграунда, чтобы застилить чекбоксы.

В данной статье я предлагаю один из методов стилизации чекбоксов как в операционной системе iOS. Без JavaScript. Только на CSS. Читать далее

Круговая диаграмма на SVG и CSS

Сейчас существует много сервисов для построения красивых круговых диаграмм. Но что, если вам необходимо нарисовать несколько простеньких, и для этого вам не хочется подключать громоздкие библиотеки для отрисовки того, что вам надо?

Я предлагаю вам решение на основе SVG и простой математической формулы для расчета длины окружности ))) Читать далее

Diversido Mobile. Верстка

Уже не помню, как давно я это делал… Предлагаю еще одну работу: Diversido Mobile. По-моему, контора занимается разработкой чего-то для мобил. Уже не помню. Мою работу можно посмотреть тут: http://vinnichenko.net/portfolio/diversido

Кому интересно, что это за контора — загуглите ;)

Кастомизация, стилизация checkbox

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

Агентство «Шоу Престиж»

Показываю последнюю работу: агентство по организации праздников «Шоу Престиж». Дизайн разрабатывал мой друг. Ссылка на готовый проект (на 100% он еще не наполнен контентом):  Читать далее

Сайт «Профессиональная бухгалтерия»

Верстка и полная настройка сайта «Профессиональная бухгалтерия» по предоставленному PSD. По желанию клиента, сайт не имплементирован на CMS. Только HTML5 и CSS. Также добавлены формы отправки данных на почту клиента.

pro-buh

Регулярные выражения в JavaScript — проверка e-mail

Давно ничего не писал, занят… Вот подвернулась возможность — и сразу в бой! =)
Сегодня искал регулярное выражение JavaScript для проверки e-mail. Среди многих вариантов нашел тот, что подходит лучше всех остальных. Предлагаю его вам. Читать далее

Уровень иностранных заказчиков (США)

Вчера закончил один проект… Человек попросил до пятницы создать шаблон для Joomla 3.1 из PSD. Дизайн простенький, даже очень простенький… Как он сказал, шаблон ему верстали местные разработчики, но они не справились (интересно, какой у них там уровень..?). Читать далее