8 заметок с меткой CSS
📅 15 марта 2020

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

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

Ваш-сайт/people/ivan-ivanov

Мобильная визитка сотрудникаМобильная визитка сотрудника

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

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

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

📅 2 марта 2020

Титов Иван Андреевич

37 лет, Москва, м. ВДНХ

Образование

МФТИ · факультет радиотехники и кибернетики (неполное высшее)

МИЭТ · кафедра телекоммуникационных сетей

Опыт работы

Создание сайтов «под ключ» и веб-сервисов — с 2005 года.

Где и кем работал:

• Creative People (флешер, верстальщик),
• казино Бакара (дизайнер полиграфии),
• рекламные агентства Diaclub, LineWeb (дизайн и вёрстка сайтов),
• ресторан Дружба народов (разработка сайта, дизайн полиграфии),
• Safetybox (анимация обучающих курсов),
• Автодети (разработка сайта, с 2010 года по н.в.)

Предыдущее значимое место работы

С 2010 по 2018 год работал в компании Ивановъ и партнеры (строительство загородных посёлков, продажа участков).

Чем занимался:

— Создание и поддержка сайта и собственной CMS.
— Развитие внутренней CRM системы.
— Дизайн мобильной версии CRM.
— Разработка удобных инструментов для продавцов.
— Повышение конверсии в продажи за счёт сайта.
— Интеграция сайта с CRM, Яндекс.Метрикой, Calltouch и т.п.
— Построение уникальных отчетов, которых нет в Яндекс.Метрике.
— Проведение сложных А/Б-тестирований.
— Дизайн полиграфии и наружной рекламы.

Для организации работы мы использовали планировщик задач Мегаплан. Есть опыт в постановке и ведении коллективных задач.

Компания «Ивановъ и партнеры» прекратила своё существование в 2018 году, в связи с этим я ищу новую стабильную работу на долгосрочную перспективу (желательно с возможностью работать удалённо).

Примеры моих работ

Сайт загородных посёлков
Сайт компании Автодети
Сайт компании NENCOM
Калькулятор стоимости переезда
Химический редактор
Электронное строение атома
3D-вращение во флеше
Сервис проверки зрения
Панель управления фарами
Калькулятор вероятностей

Остальные работы можно посмотреть в разделе Работы.

Основные умения

• Увлекаюсь алгоритмами со средней школы, люблю сложные интересные задачи.

• В основном, использую чистый javascript, PHP, MySQL, jQuery, API Яндекс карт.

• Быстро осваиваю новые библиотеки, используемые в проекте.

• Люблю оптимизировать сайты в плане юзабилити и расходования ресурсов.

• Анализирую и замечаю сильные и слабые места в интерфейсах.

• Небольшие сайты пишу с нуля, используя собственные наработки.

• Аккуратно рисую техническую графику (иконки, пиктограммы) в SVG.

• Разбираюсь в хитростях и современных фишках в CSS.

• Умею быстро вникать в чужой код на различных языках программирования (как front-end, так и back-end).

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

• При необходимости быстро изучаю новые средства разработки.

Например, в 2019 году получил заказ на разработку обучающего курса для сотрудников Сбербанка в среде adapt. Внешне это простое приложение типа Microsoft Power Point, но работа включала доработку имеющихся плагинов для этой среды (типа навигации по меню). Для этого пришлось развернуть adapt на локальном компьютере, минимально освоить grunt, git, установку npm-пакетов.

• При решении нестандартных задач всегда пользуюсь песочницей с примерами или stackoverflow, чтобы не изобретать велосипед, и сделать какую-то вещь быстро и более современно.

• Владею графическими и мультимедиа редакторами: Photoshop, Illustrator, Corel, Flash, After Effects, Adobe Audition, Adobe Premiere. Люблю осваивать новые современные редакторы.

Особенности работы

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

Обычно я работаю один (удалённо) или в небольшом коллективе, где умеют и не боятся отстаивать свою точку зрения.

Я готов к работе в офисе, если какую-то часть задач можно будет делать из дома. Мне нужна небольшая свобода в плане графика, чтобы иногда помогать отвозить детей в кружки.

Иностранные языки

Английский — средний уровень. Лучше всего чтение и написание технических текстов. Хороший словарный запас, но мало опыта в разговорной речи.

О себе

Женат, двое детей. С семьёй любим проводить свободное время за городом, выезжая на автомобиле в новые места.

Я интересуюсь современными тенденциями в IT: смотрю уроки, читаю статьи на Хабре. Последнее время особенно интересно почитать истории людей, у которых меняется профиль деятельности, как они адаптируются к новым условиям.

Хобби: игра на клавишных инструментах, в группе, сочинение музыки на компьютере, чтение, радиотехнические самоделки, компьютерные игры (стратегии и RPG).

Цели: самореализация, гармония с внутренним и внешним миром, разумный баланс между работой, семьёй, творчеством.

📅 7 декабря 2015

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

bg.nencom.com

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

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

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

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

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

📅 7 октября 2015

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

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

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

Выпадающие менюВыпадающие меню
Свои стили для сайта site.comСвои стили для сайта site.com

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

📅 13 марта 2012

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

gpft.ru

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

Главная страница сайтаГлавная страница сайта

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

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

📅 12 октября 2011

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

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

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

Интерактивная таблица МенделееваИнтерактивная таблица Менделеева

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

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

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

📅 3 сентября 2011

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

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

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

Главная страницаГлавная страница

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

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

📅 16 декабря 2010

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

strogi.net

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

Главная страница портала «Строгинет»Главная страница портала «Строгинет»

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

GoGetSSL Site Seal
© 2004 – 2021