Обновление сайта NENCOM — 2020

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

Меню, теги, карточка товара или статьи

▼ Читать дальше

Создание электронной визитки для сотрудников

Это современная альтернатива бумажной визитке. Электронная визитка содержит контакты сотрудника и компании, и может располагаться на сайте компании. Адреса визиток могут быть любыми, в зависимости от количества сотрудников и ваших пожеланий:

site.ru/@ivan-ivanov
site.ru/otdelenie/ivan-ivanov

Примеры визиток

• https://nencom.com/999-60-300/
• https://plunix.ru/@ivan/

Мобильная визитка позволяет:

1) отслеживать статистику посещаемости визитки и количество добавлений в адресную книгу,
2) нажатием кнопки добавить человека в контактную книгу (это работает и на компьютере, и в телефоне, но механизмы немного разные),
3) связаться с человеком через любой мессенджер, перейти на сайт компании, найти офис компании на карте и так далее, в зависимости от того, что вам нужно.

По сути электронная визитка — это мини сайт, или мини резюме, где вы можете сообщить какую-то дополнительную информацию о себе.

▼ Читать дальше

Адаптивная вёрстка для NENCOM

bg.nencom.com

Версии сайта для телефона, планшета и обычного компьютера

Разделение версий

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

Мы решили, что планшет — даже если он большой — это всё тот же планшет, которым управляют жестами и читают, как книгу или журнал. Поэтому на вертикальном планшете отображается самая простая «мобильная версия» (такая же, как на телефонах), а в горизонтальной ориентации — промежуточная «планшетная версия».

▼ Читать дальше

Как скрыть рекламный блок div на сайте

Простая задача: скрыть рекламные баннеры на часто посещаемых сайтах. У баннера известен id или класс. Есть плагины, которые блокируют рекламу, но не совсем так, как хотелось бы. Мне нужен лёгкий плагин для фильтрации сайта по определённому правилу. Не важно, откуда грузится баннер, флэш это или видео, и куда он ведёт (именно на основе этих данных работают все блокировщики рекламы). Мне нужно просто спрятать заданный div.

Решение пришло с неожиданной стороны: плагин для Фаерфокса под названием Stylish (и для Хрома есть такой же) позволяет написать (переопределить) стили для заданного сайта. Например, мы знаем, что нежелательные баннеры подгружаются через iframe. Находясь на заданном сайте, кликаем по иконке Stylish в панели инструментов, затем Создать новый стиль — Для текущего URL. Пишем код CSS внутри фигурных скобок, и готово: баннеры скрыты.

▼ Читать дальше

Транспортная компания GPFT

gpft.ru

Небольшой сайт для транспортной комании GP FreightTruck:

Сайт будет развиваться, а пока его можно рассматривать как сайт-визитку. Дизайн нарисовала знакомая девушка, а я выполнил вёрстку, доработку мелочей (кнопочки, фавикон, стили) и подключение сайта к своей CMS.

▼ Читать дальше

Таблица Менделеева

Недавно изменилась форма таблицы Менделеева, привычная нам ещё со школы. Новая форма имеет 18 ячеек в ширину вместо 10, она более красивая и величественная 😃

По этому случаю для сайта xumuk.ru был сделан новый адаптивный сервис:

Искомые элементы подсвечиваются при вводе. Можно искать по названию или его части, обозначению, атомной массе — короче говоря, по любому параметру из таблицы.

Посмотреть сервис в работе: Таблица Менделеева на xumuk.ru.

▼ Читать дальше

Рукодельницы

рукодельницы.рф

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

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

▼ Читать дальше

Сайт и форум «Строгинет»

strogi.net

Главная достопримечательность нового дизайна — это пиксельный рисунок района Строгино:

▼ Читать дальше