При подготовке макета к верстке очень просто допустить различные ошибки в структуре макета, которые впоследствии либо приводят к неожиданным результатам, либо не дают алгоритмам верно интерпретировать структуру макета. Читать далее Подготовка дизайна к HTML верстке
Рубрика: Все
Все сообщения
Генерация меню навигации из текстового слоя
В дизайн макетах очень часто встречается следующий паттерн для изображения меню навигации — используется текстовый слой, слова в котором разделены одинаковым количеством пробелов или знаков табуляции. Читать далее Генерация меню навигации из текстового слоя
Автоматическая адаптивная верстка на Bootstrap
Мы запустили в бета режиме генерацию адаптивной верстки на Bootstrap. Для верстки используется библиотека Bootstrap версии 3.3.7.
Поддерживается так называемый desktop-first подход, когда за основу берется макет, разработанный для большого экрана. При уменьшении экрана происходит постепенная адаптация под меньший размер экрана. Читать далее Автоматическая адаптивная верстка на Bootstrap
Сохранение слоя Photoshop в формате GIF
В сервисе автоматической верстки сайтов добавлена возможность извлечения изображений в формате GIF из слоев макета Photoshop. Читать далее Сохранение слоя Photoshop в формате GIF
Встраивание ‘linked smart objects’ больше не требуется
Новые версии 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’ больше не требуется
Как сделать нарезку изображений из PSD макета
Сервис автоматической верстки сайтов дополнен новым (бесплатным!) сервисом по нарезке графики из макета Photoshop. В связи с этим, расскажем, что стоит учитывать при нарезке картинок из дизайн макета Photoshop и почему эта задача не такая тривиальная, как может показаться на первый взгляд. Читать далее Как сделать нарезку изображений из PSD макета
Использование нескольких эффектов одного типа на слоях и группах Photoshop
Новые версии Photoshop позволяют установить на один слой сразу несколько эффектов одного типа. Это доступно для следующих эффектов: Читать далее Использование нескольких эффектов одного типа на слоях и группах Photoshop
Установка эффектов на группах слоев в Photoshop
Все чаще дизайнеры при создании макета в Photoshop используют такую технику, как установка эффектов на группу слоев. Это бывает очень удобно для таких эффектов, как Color Overlay или DropShadow, так как Читать далее Установка эффектов на группах слоев в Photoshop
Высокопроизводительный HTML код: идеи и примеры реализации
Сегодня оптимизация страниц сайтов снова стала очень актуальна. И если на заре Интернета причиной для экономии трафика было медленное соединение обычного Интернета, то теперь «виновниками» стали многочисленные мобильные устройства, через которые все большее число пользователей ходят в Интернет. Читать далее Высокопроизводительный HTML код: идеи и примеры реализации
Указание уровня качества при извлечении PNG и JPEG изображений из Photoshop
Мы реализовали возможность изменения уровня сжатия изображений при их автоматическом извлечении из дизайн макета Photoshop. Для регулирования качества изображений мы добавили две настройки. Читать далее Указание уровня качества при извлечении PNG и JPEG изображений из Photoshop