Для компании «Альфатракт» мы разработали уникальный и функциональный дизайн-макет интернет-магазина Parts-Soft, который стал надежной платформой для продажи запчастей к технике «МАЗ». Наша задача заключалась в создании интуитивно понятного интерфейса, который обеспечит пользователям легкий доступ к широкому ассортименту качественных запасных частей. Решение: 1. Анализ потребностей: Мы провели детальный анализ целевой аудитории и конкурентной среды, чтобы понять, какие функции и элементы дизайна
Подробнее![[Перевод] Наклонные края с постоянным углом в CSS](/uploads/habrahabr_logo.png){kind=logo}
Данный материал – перевод статьи "Sloped edges with consistent angle in CSS" Килиана Валхофа. Мне, как начинающему forntend-разработчику, этот материал был интересен. Полагаю, эта статья будет полезна и другим начинающим или обучающимся фронтендерам. Читать далее
Подробнее
Парадокс, конечно, но это возможно. Казалось бы, причем тут класс ядра для работы со строками url. Но именно он может помочь нам в Joomla 4. Статья о том, как автоматически определять размеры файлов изображений для атрибутов width и height с помощью ядра Joomla 4 и не грузить сервер. Читать далее
Подробнее
Заказ на разработку дизайн-макета для платформы интернет-магазинов запасных частей parts-soft.ru мы реализуем уже не в первый раз. Суть задания: Реализовать дизайн интернет-магазина запчастей в фирменном стиле компании заказчика, но с учетом возможной платформы на которйо он будет работать.
Подробнее
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child(). Читать далее
Подробнее
Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В прошлый раз мы перевели статью о градиентах, теперь предлагаем рассмотреть ещё несколько фишек. Читать далее
Подробнее
Верстка шаблона мобильной версии сайта для компании СпецТехСервис.
Подробнее
Тени помогают сделать визуальную составляющую сайта интересной и эстетичной. В посте рассмотрим свойство CSS box-shadow и то, как его можно стилизовать. Читать далее
Подробнее
Данная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы. Работа богата практическими примерами. Она будет полезна специалистам разного профиля. Дизайн является основой качественной верстки и помогает успешно продолжить создание веб-приложения. Читать далее
Подробнее
Проверяя html-макеты верстальщиков и разработчиков наблюдаю проблемы с добавлением иконок на сайт. Они их добавляют чёрт пойми как… Могут добавить их как png изображения, а могут вообще использовать не иконки из макета, а похожие иконки, использовав, к примеру, FontAwesome. Это жестко, скажу я вам. В связи с этим я хочу расставить все точки над И в этой теме и рассказать достаточно подробно о том, как лучше всего добавлять иконки на сайт. Читать далее
Подробнее
Представим ситуацию: перед вами встало сверх задание — нужно сделать на сайте блок с градиентной обводкой. Нужно сразу понимать, что для этого не существует простого и очевидного CSS API. Это значит, что для получения необходимого визуального эффекта нам нужно писать определенные “костыли”. Предлагаю рассмотреть 2 подхода к решению этой задачи. Читать далее
Подробнее
Приветствую всех жителей хабравиля! Сегодня я подготовил для вас основы по блочной модели CSS. Безусловно, многие из вас знают о чём идёт речь, но сегодня я постараюсь объяснить прописные истины более понятно и наглядно, что поможет вам создавать веб-сайты, с идеально подходящими друг другу элементами (с точностью до пикселя), и научит более точно использовать свойства размеров, полей, отступов и границ. Итак, всех приглашаю под кат и погнали! Погнали!
Подробнее