При подготовке макета к верстке очень просто допустить различные ошибки в структуре макета, которые впоследствии либо приводят к неожиданным результатам, либо не дают алгоритмам верно интерпретировать структуру макета. Читать далее Подготовка дизайна к HTML верстке
В дизайн макетах очень часто встречается следующий паттерн для изображения меню навигации — используется текстовый слой, слова в котором разделены одинаковым количеством пробелов или знаков табуляции. Читать далее Генерация меню навигации из текстового слоя
Мы запустили в бета режиме генерацию адаптивной верстки на Bootstrap. Для верстки используется библиотека Bootstrap версии 3.3.7.
Поддерживается так называемый desktop-first подход, когда за основу берется макет, разработанный для большого экрана. При уменьшении экрана происходит постепенная адаптация под меньший размер экрана. Читать далее Автоматическая адаптивная верстка на Bootstrap
В сервисе автоматической верстки сайтов добавлена возможность извлечения изображений в формате GIF из слоев макета Photoshop. Читать далее Сохранение слоя Photoshop в формате GIF
Новые версии Photoshop добавили возможность использования так называемых «linked smart objects»: http://blogs.adobe.com/richardcurtis/2014/01/16/photoshop-cc-14-2-update-linked-smart-objects/. В двух словах, теперь в макет Photoshop можно добавлять слой smart object, который будет ссылаться на внешний файл. При изменении этого файла слой макета будет автоматически обновлен. Использование таких объектов очень удобно с нескольких точек зрения. Читать далее Встраивание ‘linked smart objects’ больше не требуется
Сервис автоматической верстки сайтов дополнен новым (бесплатным!) сервисом по нарезке графики из макета Photoshop. В связи с этим, расскажем, что стоит учитывать при нарезке картинок из дизайн макета Photoshop и почему эта задача не такая тривиальная, как может показаться на первый взгляд. Читать далее Как сделать нарезку изображений из PSD макета
Новые версии Photoshop позволяют установить на один слой сразу несколько эффектов одного типа. Это доступно для следующих эффектов: Читать далее Использование нескольких эффектов одного типа на слоях и группах Photoshop
Все чаще дизайнеры при создании макета в Photoshop используют такую технику, как установка эффектов на группу слоев. Это бывает очень удобно для таких эффектов, как Color Overlay или DropShadow, так как Читать далее Установка эффектов на группах слоев в Photoshop
Сегодня оптимизация страниц сайтов снова стала очень актуальна. И если на заре Интернета причиной для экономии трафика было медленное соединение обычного Интернета, то теперь «виновниками» стали многочисленные мобильные устройства, через которые все большее число пользователей ходят в Интернет. Читать далее Высокопроизводительный HTML код: идеи и примеры реализации
Сегодня мы хотим поговорить о создании дизайна, о том, как должна быть организована работа любого дизайнера, каких ошибок нужно избегать, и на какие аспекты обращать особое внимание для того, чтобы дизайн получился действительно красивым, а реализация заняла минимум времени. Читать далее Как создать идеальный дизайн: от идеи до верстки