Многие веб-дизайнеры, работающие в Photoshop CS6 Beta, уже оценили полезную функцию вставки текста Lorem Ipsum прямиком из меню.
Удобно. Но, когда разрабатывается дизайн русскоязычного проекта, латинская «рыба», как ни крути, портит вид и не передаёт всю композицию до конца. Чтобы бесконечно не копипастить кириллическую «рыбу», предлагаю русифицировать встроенную в CS6 Beta.
Приветствую всех.
Читаю давно Хабр, и как-то ни разу не упоминалось о том, есть ли какой нибудь легкий способ конвертации изображений в data: URI.
Да, конечно есть онлайн сервисы для конвертации, но когда требуется массовая конвертация, в них работать очень не удобно.
Читать полностью »
Я потратил несколько лет на изучение архитектуры компьютеров, и уж если одну вещь я выучил крепко, так это любовь компьютерных проектировщиков к изящным именам, используемым при инициализации или другой работе с памятью. Долгие часы своей жизни я истратил на придумывание забавно выглядящих адресов памяти для употребления в домашней работе или тестировании. Из подобных названий лучше других известен 0xDEADBEEF, а список некоторых других вы можете видеть вон там и там. Можно даже предположить, что этакие названия (особенно с подстановкою символов: например, «1» вместо «i» или «5» вместо «s») стали предтечами псевдо-крутого интернетовского жаргона, известного как leetspeak.
Всё это напомнила мне недавно попавшаяся мне статья о веб-дизайне (извините, я не помню её в точности). Автор статьи приводил пример CSS-кода, и выбранный им для примера цвет был #BADA55. Оказалось, что это даёт несколько безобразный зелёный цвет, но всё равно он побудил меня призадуматься о том, какие ещё английские слова можно сделать шестнадцатеричными кодами цвета.
Набросав краткий PHP-скрипт, получаем довольно обширный список для подбора таких цветов. Разумеется, годятся все коды, полностью состоящие из букв, но я также дозволил подстановку «1» вместо «i», «5» вместо «s» и «0» вместо «o». Та статья Википедии, на которую я выше сослался, также предлагала использовать «7» вместо «t» и «9» вместо «g», но мне не кажется, что при этом не получаются сколько-нибудь легко читаемые «шестнадцатеричные слова» (да к тому же тогда список слов, и без того длинный, оказался бы гораздо длиннее).
Итак, когда вам в следующий раз понадобится цветовая гамма для веб-страницы, вы сможете воспользоваться следующей таблицею и достигнуть субкультурного звучания выбранных вами цветов:
████████████████ #ABACA5 → abacas
████████████████ #ABA5ED → abased
████████████████ #ABA5E5 → abases
████████████████ #ABA51A → abasia
████████████████ #ABBE55 → abbess
████████████████ #AB1DED → abided
████████████████ #AB1DE5 → abides
████████████████ #AB0DED → aboded
████████████████ #AB0DE5 → abodes
████████████████ #ACAC1A → acacia
████████████████ #ACCEDE → accede
████████████████ #ACCE55 → access
████████████████ #ACED1A → acedia
████████████████ #AC1D1C → acidic
████████████████ #AD0BE5 → adobes
████████████████ #AD0B05 → adobos
████████████████ #A5D1C5 → asdics
Читать полностью »
08 апреля вышел в свет Gimp 2.8 RC1. Уже несколько дней я «погонял» его в рабочем режиме и на основе этих впечатлений подготовил отчёт о нововведениях.
Читать полностью »
Математическое понятие «Золотое сечение» известно с древних времен, этот принцип по сей день применяется во многих видах проектирования — от архитектуры до веб-дизайна. Хотя происхождение термина доподлинно неизвестно, примеры его использования можно встретить в истории: египтяне применяли золотое сечение при строительстве пирамид, а греки — при возведении Парфенона:Читать полностью »
Правильное использование CSS свойства float может стать непростой задачей даже для опытного верстальщика. В этой статье собраны варианты применения float, а также некоторые ошибки, с наглядными примерами.
Читать полностью »
Однажды студент Фордхемского университета Майкл ди Танна получил задание по курсу истории и политики КНДР — изучить и проанализировать северокорейские официальные медиа. Зайдя на официальный сайт страны, он обратил внимание на то, что на главной используется популярное флэш-слайдшоу piecemaker. Он решил взглянуть на исходники страницы и обнаружил там вот такой фрагмент:
Читать полностью »
Всем привет.
Начитавшись и насмотревшись роликов и прочих промо-материалов для Photoshop 6, ощутила недосказанность и решила потестировать самостоятельно.
Поскольку я не понимаю смысла создания специально подогнанных примеров для демонстрации новых возможностей, то и тестировать мы их будем на ежедневных потребностях, а именно:
1) Фотоманипуляции
2) Работа с интерфейсом (сайт и мобильное приложение)
3) Типографика.
4) Создание иллюстраций и векторные фишки
Итак, поехали.Читать полностью »
Всем привет.
Начитавшись и насмотревшись роликов и прочих промо-материалов для Photoshop CS6, ощутила недосказанность и решила потестировать самостоятельно.
Поскольку я не понимаю смысла создания специально подогнанных примеров для демонстрации новых возможностей, то и тестировать мы их будем на ежедневных потребностях, а именно:
1) Фотоманипуляции
2) Работа с интерфейсом (сайт и мобильное приложение)
3) Типографика.
4) Создание иллюстраций и векторные фишки
Итак, поехали.Читать полностью »
Я хочу подвести итог Firefox инструментов для html верстки, благодаря которым у нас есть время на что-то более важное, чем верстка. Я поделюсь своими инструментами, а вы предлагайте свои.
Я считаю, что предложенные мною плагины жизненно необходимы почти любому веб-разработчику и веб-дизайнеру. Посадите дизайнера и версталу рядом, пусть они выпьют друг из друга все соки, а потом снимите с них скриншот общие наручники.
Говорят, если бы капитан мочевидность был веб-разработчиком, он бы всем советовал ставить Firebug. Это Джастин Бибер в мире попсы, это почти половина самого firefox.
В представлениях не нуждается, самая дописанная и навороченная панель разработчика FireBug есть только в Firefox. Гроза всех IDE систем разработки, не убил визуалстудию отсутсвием кнопки Save.
