Чем я лучше других.
На этой странице я выделил критерии по которым я работаю. Расписал, на что я обращаю внимание в работе, и какой будет верстка если Вы закажете её у меня.
Чистая верстка.
По окончании работы Вы получите архив с чистой версткой. Это файлы HTML, CSS, JS, IMG. Не будет никаких лишних папок и файлов от всяких фреймворков. С чистой версткой в дальнейшем сможет работать любой верстальщик и даже клиент, если нужно внести какие-то изменения.
Кроссбраузерность и кроссплатформенность.
Все знают что сайт должен стабильно работать во всех основных браузерах, но не все знают что один и тот же браузер может вести себя по разному на различных ОС. Например Google Chrome на Windows и Google Chrome на macOS отличаются своей работой. Я проверяю сайты на реальных устройствах и гарантирую правильное отображение как на Windows так и на macOS.
Адаптивность
Адаптиву я уделяю очень много времени. Обратите внимание, что адаптивность это подстраивание сайта под любую ширину экрана, а не просто мобильная версия. Очень многие забивают на промежуточные разрешения 360px-768px, а делают просто отображение одной версии на всех устройствах (скрин ниже). Это неправильно. Сайт должен быть «резиновым», и принимать размеры любого устройства.
Тестирование
Тестированию тоже уделяю много времени. В целом этот пункт можно совместить с двумя предыдущими. Уточню лишь то, что мобильные версии я проверяю также на реальных устройствах Android и iOS, на мобильных телефонах и планшетах.
Закон Фиттса, и другие правила юзабилити.
При создании верстки нужно учесть многие мелкие детали. Например, если крестик закрытия модального окна маленький, то вокруг него должно быть кликабельное скрытое пространство, чтобы пользователю не приходилось целиться в него. Или например при открытии модалки, весь задний контент должен блокироваться и не скролиться.
Наполняемость
Не знаю как обозвать этот пункт, но здесь я имею в виду что всегда учитываю что контент будет изменяться. И чтобы при изменении текста или картинки верстка не летела.
Погружение в проект
Не всегда к сожалению это ценится, так как многие заказчики бездумно хотят получить все точь-в-точь как в макете. А дизайнеры часто рисуют вещи, которые чисто технически нереализуемы, так как не учитываются разные размеры экрана и прочие нюансы. У меня большой опыт, и если я вижу что какое-то решение дизайнера может вызвать неудобства в дальнейшем использовании, я предлагаю как его улучшить, чтоб оно стало рабочим. Потому что не всегда то «ВАУ» что нарисует дизайнер является удобным для пользователя.
Поддержка Retina
Многие сайты к сожалению до сих пор содержат иконки растрового формата png, и не имеют оптимизации под Retina Display. Но не в нашем случае)
Оптимизация картинок
Очень важный пункт, поскольку изображения занимают основной вес сайта. В своих проектах я использую современный формат webp совместно с оптимизированными png/jpg.
Ленивая подгрузка для картинок
Если картинок на странице много, то делаю ленивую подгрузку, чтобы они подгружались по мере необходимсоти.
Проверка типографики
Это значит что все неразрывные пробелы будут учтены. То есть например в ценнике 20000 руб, «руб» никогда не отделится от суммы при переносе.
Правильный нейминг классов
Не очень важный пункт, но все же выделил его, потому что часто вижу как верстальщики создают классы с названиями uslugi, fotografii, kontakti и прочее. Делаю нейминг исключительно на английском: services, photos, contacts.
Валидность
Валидный код — само собой.
Скорость загрузки
Стараюсь максимально повысить скорость загрузки сайта. Обратите внимание, что это не значит 100 очков гугла. Оптизация очков гугла это отдельная работа и требует дополнительных действий. Но все же, основные критерии быстрой загрузки сайта стараюсь соблюдать.
Аналогичность повторяющихся блоков
Например, есть сетка с новостями, где некоторые новости выглядят по разному. Многие верстальщики просто добавляют для нужной новости отдельный класс, что нарушает «идентичность кода» записи. Верстка каждой новости должна быть одинакова, чтобы в дальнейшем легко натягивалась на бэкенд. Я все эти моменты учитываю, и программисту не нужно будет дописывать лишнего ненужного кода.
Элементы взаимодействия с пользователем
В этом пункте я хочу выделить то, что все номера телефонов будут прописаны через ссылку href=tel, чтобы при клике по номеру происходил вызов. Аналогично почту через ссылку href=mailto, и т.д. Также при вводе пользователем информации я отображаю нужную клавитуару. Например, если пользователю нужно ввести номер телефона, ему нужно отображать телефонную клавиатуру. Если это ввод кода, то показывать нужно цифровую клавиатуру и т.д.
Всегда на связи
Очень важный пункт. Всегда отвечаю. Даже если я чем-то занят и не могу прямо сейчас сделать вашу задачу, я отвечу и сообщу когда смогу. Ваше сообщение не будет висеть непрочитанным 2 дня потому что «у меня выходные» или типа того.