Я люблю использовать SVG везде, где это только возможно.
При создании front-end я разделяю всю графику на две категории:
Названия не сильно важны, а вот распознавать эти две категории важно. Мы можем объединять все иконки в один спрайт (что будет рассмотрено во второй части), но никогда такого не сделаешь для изображений, используемых в статье.
Читать полностью »
Это, пожалуй, один из лучших проектов, которые я видел. Divine Elemente позволяет дизайнерам создавать тему WordPress без знания каких-либо frontend/backend. К сожалению, у меня не было возможности опробовать этот плагин в действии, так как он сущетсвует только для Windows. Для работы дизайнов необходимо создавать их в точности с предустановленными шаблонами. Выглядит оно все почти что как Twitter Bootstrap. Разработчики предоставили нам все: SEO, семантичные названия классов и легко читаемый код. Замечательно!
Читать полностью »
Go — универсальный язык программирования который отлично подходит для фоновых задач, но иногда вам может понадобится генерировать изображения опираясь на входящие данные. Go отлично работает с созданием визуальных объектов. В этом посте описан один из методов создания изображений (в частности векторной графики) на основе данных с помощью пакета SVGo.
Библиотека SVGo занимется одной единственной задачей: генерирует SVG и отдает его в io.Writer. IO пакет в Go позволяет вам выводить результаты используя необходимый интерфейс (стандартный вывод, файлы, сетевые соеденения, веб сервер).
Для SVGo первостепенны высокоуровневые объекты такие как круги, прямоугольники, линии, полигоны и кривые. Стили и атрибуты являются второстепенными и применяются по мере необходимости.
Читать полностью »
Носимая подводная лодка, мегаселфи на 3,2 гигапикселя, стиранные скафандры, «себяшка» Philae на фоне кометы Чурюмова-Герасименко и другие изображения — в подборке рубрики Big Picture издания Engadget.
Все фотографии кликабельны, ссылки ведут на оригиналы.
Графические дизайнеры, мультипликаторы, архитекторы и разработчики игр очень часто используют различные библиотеки текстур. Есть платные сервисы, есть бесплатные, созданные энтузиастами. Тем не менее, любого количества текстур и материалов, которые сейчас можно найти, все равно недостаточно. Компания Quixel, которая давно уже заявила о намерении запустить сервис Megascans, с тысячами моделей и онлайн-текстур, таки выполнила свое обещание.
По словам разработчиков, теперь любой человек или компания смогут воспользоваться онлайн-библиотекой Megascans, «выводя CG на качественно новый уровень). Библиотека пополняется каждый день.
В этой статье мы научимся менять размеры и обрезать изображения с помощью элемента <canvas> в HTML5, и пока мы этим занимаемся, давайте придадим элементам управления стильный дизайн, как в фоторедакторах.
В настоящее время многие сайты и веб-приложения владеют технологией обработки изображений. Это можно делать на серверной стороне, что повлечет за собой временные затраты на транспортировку потенциально большого изображения. Чтобы этого избежать, можно обрабатывать картинки на клиентской машине в целях ускорения процесса.
Читать полностью »
Конвертация файлов одного формата в файлы другого формата — важная задача, и не всегда есть быстрое решение для всех типов преобразований. Создание анимированных GIF-картинок из видео с YouTube — задача, которую можно решить, используя разного рода приложения.
Но если нет желания качать такой конвертер, плюс разбираться с его созданием (а на все это требуется время), то можно воспользоваться онлайн-сервисом, бесплатным, да. Все, что нужно — перед адресом нужного ролика (который необходимо преобразовать в GIF) добавить «GIF». Примерно так:
Этим летом в США внедрили новую систему распознавания лиц для ФБР. Система получила название Next Generation Identification (NGI), а в ее базе насчитываются миллионы фотографий. К концу года система будет развернута во всех штатах, но уже сейчас она начинает показывать неплохие результаты.
Недавно благодаря этой системе был пойман человек, находящийся в розыске уже 14 лет. Преступник похищал детей, и совершил ряд других преступлений, поэтому его активно искали все эти годы. Но только сейчас он был пойман, благодаря тому, что NGI смогла идентифицировать его по фотографии на фальшивых документах.
Объединенная команда разработчиков из Калифорнийского университета и университета Карнеги-Меллона разработала программу (забегая наперед, стоит упомянуть, что программа — бесплатна), позволяющая преобразовывать 2D объекты на фотографиях в 3D.
При этом принцип, заложенный в основу программы, достаточно простой: софт ищет соответствия объектов на фото среди свободных баз/каталогов 3D моделей. Другими словами, если на фотографии изображен стул от IKEA, например, программа найдет в Сети 3D модель этого стула, и преобразует 2D объект на фото в 3D объект. То же можно сказать и о привычных нам объектах вроде фруктов и овощей.
Если ввести в поисковик запрос «динозавр», то в результатах поисковой выдачи, в картинках, будут тысячи и тысячи картинок с динозаврами. Здесь и фантазия художника, и реконструкции внешнего вида различных древних животных от серьезных ученых.
А вот по древним растениям ситуация иная — в большинстве случаев мы увидим фотографии окаменевших остатков растений, их следы в современных осадочных горных породах. Один из аспирантов Беркли, Джефф Бенка, решил попробовать реконструировать внешний вид растения, жившего в девоне, это около 400 миллионов лет назад.
