Рубрика «иконки» - 7

в 13:27, , рубрики: иконки, контент, переводы, Песочница, социальные сети, ссылки, метки: , , ,

image

Непременно заставляющие выглядеть вас странно и магически продвигающие ваш конетнт в социальных сетях кнопки лайк, ретвит и +1 занимают важное место почти на любой странице во Всемирной Паутине. Таким образом, почти каждый крупный сайт и мировой бренд бесплатно рекламирует Твиттер и Фэйсбук. Но работают ли эти кнопки на самом деле? Сложно сказать. Что известно точно — эти магические кнопки рекламируют их собственные бренды. И то, что благодаря им вы можете выглядеть немного отчаявшимся. Не слишком отчаявшимся, но самую малость.
Читать полностью »

в 4:54, , рубрики: fontomas, Веб-разработка, иконки, типографика, шрифты, метки: , ,

Ранее я уже рассказывал, как делать собственные иконочные шрифты, и даже подробно прошелся по техническим нюансам. Теперь настало время проявить заботу о пользователях. Итак, встречаем вторую версию фонтомаса, и смотрим улучшения.

Что нам стоит фонт построить? Часть 2

Читать полностью »

в 7:43, , рубрики: applications, controls, flurry, icons, mobile ads, toolkit, windows phone, windows phone 7, библиотеки, иконки, разработка под windows phone, разработчикам, элементы управления, метки: , , , , , , , , , ,

Практически все WP7 разработчики используют в своей работе сторонние библиотеки контролов. Вы, как разработчик, прошли через то, что бы скачивать примеры для конкретной библиотеки, компилировать и устанавливать это на свой телефон? А были ли моменты, когда вы искали подходящую иконку для ApplicationBar? Сколько времени потребовалось, что бы её найти? И, наверное, желали быть в курсе того, когда появляются новые иконки? А хотите, что бы это и кое-что другое было собрано в одном бесплатном приложении для Windows Phone? Если да, то добро пожаловать под кат, где вас ждёт описание приложения WinPhone DevHub и некоторые технические подробности его создания.Читать полностью »

в 13:51, , рубрики: android, Firefox, inline SVG, iOS, opera, OS X, PNG, retina display, shape-rendering, svg, webkit, векторная графика, значки, иконки, Иконосказ, спрайты, субпиксельная отрисовка, субпиксельный антиалиасинг, субпиксельный рендеринг, типографика, шрифты

После появления сетчаточных дисплеев люди ищут альтернативы PNG-значкам, не зависящие от разрешения. Кто-то влюбляется в шрифтовые значки, другие кричат «SVG». Сожалею, но если вы ищете панацею, то я боюсь, что её не существует. Давайте поближе поглядим, какие у нас есть варианты.

Шрифты со значками восхитительны, но…

они размыты. В них нет настоящей, попиксельной резкости. Да, использование @font-face для значков обрело заметную популярность. Я и сам рекомендовал и даже стал коллекционировать их. Но в таких значках есть изъян, который меня достаёт. Они всё ещё немного размываются на несетчаточных дисплеях (а таких до сих пор подавляющее большинство). Попробуйте поуправлять размером у Криса в демонстрации и вглядитесь попристальнее. Эффект по-разному проявляется у разных размеров, но все они имеют одну и ту же проблему «полупиксельной размытости». Возможно, её заметить не так просто, так что вот здесь я увеличил скриншот пятнадцатипиксельного размера (а заодно и фоновый шум убрал):

Нечёткость значков истомляет нас

Читать полностью »

в 6:38, , рубрики: rizzoma, иконки, улитка, метки: , ,

image Предыдущие статьи про иконки породили множество вопросов о технике рисования таких, по сути, мини иллюстраций. Постараюсь раскрыть эту немудреную тайну:)
Подробного описания, что и куда нажать не привожу, это бы потребовало написания целой серии уроков, а хочу поделиться общим принципом.

В качестве примера взял иконку из текущего проекта.
Сервис Rizzoma — это система коллаборации, альтернатива Google-wave.
В ходе работы над сайтом родилась идея сделать красивые иконки для каждого блока с преимуществами сервиса. Улитка символизирует <a rel="nofollow"Читать полностью »

1...567
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js