Pull to refresh
  • by relevance
  • by date
  • by rating

Сюрприз «Типографа»

Чулан
Многие, наверное, как и я, используют в повседневной жизни один замечательный инструмент. Не так давно обратил внимание, что мой старый знакомый начал вести себя слегка своенравно — в теги <img>, если не указан полный url, добавляется img.artlebedev.ru :)

Например, из <img src="/image.jpg"> получается
<img src=«img.artlebedev.ru/image.jpg»>

Оно, конечно, понятно, что Студия тайно пользуется «Типографом» в своих корыстных целях, но эффект был неожиданный :)
Total votes 15: ↑14 and ↓1 +13
Views226
Comments 13

ASP.NET: Рендер TrueType шрифтов

Чулан
Столкнулся с проблемой использования изысканных шрифтов на сайте. В случае, когда случаев использования TrueType гарнитур, не установленых у пользователя, слишком велико, задумался, каким образом рендерить эти шрифты на сервере и выводить в виде jpeg или gif, при этом сохраняя сглаживание текста. Очень не хотелось бы создавать бесконечное кол-во изображений с надписями, либо принуждать пользователей устанавливать необходимую гарнитуру на свою систему. MSDN и Google вменяемых ответов не дали. Что посоветуют хабрадевелоперы?
Rating 0
Views310
Comments 0

25 ярких и разноцветных сайтов

Веб-дизайн
Translation


Сегодня мы взглянем на 25 сайтов, которые создают настроение использованием цвета. Существует широкий спектр цветовых схем и стилей дизайна представленных здесь, так что я надеюсь, что работа этих дизайнеров наполнит вас вдохновением для своих работ.
Порадовать глаз
Total votes 58: ↑45 and ↓13 +32
Views6.3K
Comments 49

Удобочитаемость веб страниц от Arc90

Чулан
За таким неуклюжим словом, как удобочитаемость (Readability), скрывается очень элегантная и достаточно эффективная разработка нью-йоркской компании Arc90.

Ребята сделали крайне простую, но от того не менее полезную вещь, а именно: Readabilityбукмарклет (маленькая JavaScript-программа, оформленная как URL и сохраняемая как закладка браузера) или, как они сами говорят, закладка на стероидах, которая избавляет веб-страницу от рекламного мусора и позволяет настраивать текст по вашему вкусу.

Частенько, чтобы нормально прочесть страницу, нам приходится жать Print view. Теперь же достаточно единожды настроить предпочитаемое форматирование текста и добавить Readability в закладки. После этого достаточно, находясь на странице, нажать на закладку, чтобы содержимое страницы преобразовалось волшебным образом, так что даже разухабистый udaff.com, станет возможным читать, не привлекая лишнего внимания.

Before Readbility

After Readbility

Сами создатели вполне доходчиво объясняют идею своего эксперимента. Несмотря на то, что видео на английском языке, понять суть несложно.


Readability: An Arc90 Lab Experiment from Arc90 on Vimeo.

Понятно, что как всякий эксперимент, разработка нуждается в обсуждении и улучшении. Поэтому авторы предлагают нам следить за дальнейшим ходом развития этого и других проектов лаборатории через rss, а также высказывать своё авторитетное пользовательское мнение в блоге.

Для разработчиков открыт и код.

Изменить этот мир к лучшему — в наших с вами силах!
Total votes 14: ↑11 and ↓3 +8
Views554
Comments 5

CMS Magazine: Исследование рынка веб-разработок

Разработка веб-сайтов
image

Только что пришло сообщение на электронный ящик о том, что CMS Magazine подвел итоги первого ежеквартального опроса среди профессиональных участников рынка веб-разработок. Очень «забавно» посмотреть на результаты данного опроса в контексте параллельно проходящего рейтинга Tagline 2009.

Что особенно удивляет, так это повальная уверенность участников опроса в светлом будущем во втором квартале 2009 го…

Например:

Cредняя стоимость разработки корпоративного сайта
172 706 руб. — в 2008-м году
162 748 руб. (-6%) — в первом квартале 2009-го года
Рост во втором квартале прогнозируют сразу 43% опрошенных!!!


Исследование целиком можно посмотреть на странице журнала.
Total votes 14: ↑8 and ↓6 +2
Views1.2K
Comments 25

Опыт в чистом виде, как он есть!

Я пиарюсь
Седьмого ноября — красный день календаря, мы предлагаем провести с пользой :) В славном городе Ростове-на-Дону силами студии «Хороший дизайн» проводится последнее в этом году образовательное мероприятие для начинающих (и не совсем начинающих) дизайнеров, фрилансеров, иллюстраторов и всех кому в принципе интересна «веб-дизайнерская» кухня.

Мероприятие проводится в формате «интенсив». Интенсив, это когда лучшие специалисты, в понятной и доступной форме делятся своим опытом и секретами производства. Конечно, до всего можно дойти самому и на многие вопросы всегда можно найти ответ в книгах или поисковых системах. Вопрос в том – сколько времени на это потребуется?!
image
Работа Дихтяренко Николая (один из наших докладчиков)

Поскольку этот семинар последний в уходящем году, мы постарались сделать его максимально интересным и полезным с практической точки зрения. Всё это отнимает очень много времени и сил, а ведь нужно ещё и работу работать :)… Поэтому «следующий раз» возможно организуется ближе к весне, короче очень не скоро и это будет совершенно другой семинар :).
Читать дальше →
Total votes 37: ↑23 and ↓14 +9
Views472
Comments 15

Цвета в web-дизайне: Выбор правильного сочетания для вашего сайта

Веб-дизайн
Sandbox
Цвета в web-дизайнеЦвет, безусловно, является важным источником эмоции. Цвета могут устанавливать правильный тон и передавать необходимые эмоции посетителям, могут взволновать, вызвать множество чувств и стимулировать к действиям. Он является чрезвычайно мощным фактором воздействия на пользователей.
Читать дальше →
Total votes 117: ↑106 and ↓11 +95
Views351.7K
Comments 57

В шкуре web-разработчика

Разработка веб-сайтов

Пролог



Данный пост написан по мотивам статьи "Копируем исходный код без нумерации строк". Так же, в данном посте нет никакой новой информации для профессионалов web-разработки и web-дизайна. И если вы считаете себя таковыми, то можете со спокойной душой не заглядывать под кат.

Заглянувший же под кат хабрачитатель найдет дилетантские потуги сделать на основе вышеуказанной статьи красивую подсветку синтаксиса языка Delphi, описание мучении и борьбы с всплывшими багами. Ну и немного субъективных впечатлении о пятерке распространенных браузерах.
Читать дальше →
Total votes 10: ↑5 and ↓5 0
Views1.6K
Comments 3

Постер «7 способов избежать жуткого веб-дизайна»

Веб-дизайн
Стилизованный в мрачных тонах Хеллоуина постер студии «MintLeaf», описывающий наиболее распространенные ошибки начинающих веб-дизайнеров. Подходит для распечатки и вывешивания в видном месте для назидания.

Под катом длинный постер (900х5750), png, 625 кб.
Посмотреть постер
Total votes 116: ↑70 and ↓46 +24
Views5.9K
Comments 81

Ресурсы, которые помогают дизайнерам. Часть 2

Веб-дизайн
Привет, наверное многие читали мой пост Десяток ресурсов, которые помогают быть дизайнером. Как я понял эта тема интересная (147 плюсов как никак). А раз так, я решил не останавливаться на достигнутом и вот наконец-то закончил работу над своеобразным продолжением первой части. Надеюсь получилось не хуже. Итак, кому интересно, что получилось, прошу под кат.
Читать дальше →
Total votes 93: ↑84 and ↓9 +75
Views11.7K
Comments 23

Отображение статусов ICQ, Jabber, Skype и MRA на сайте в произвольном виде

Мессенджеры
Sandbox


Бывает необходимо добавить на сайт отображение текущего сетевого статуса контактов различных сервисов обмена сообщениями. Чаще всего это можно встретить на сайтах-визитках или для отображения доступности оператора онлайн-поддержки. Можно использовать для этого официальные сервисы или неофициальные, которые, как правило, предоставляют больше возможностей по оформлению, разные темы с картинками. Но что делать, если у нас оригинальный сайт и дефолтные изображения не вписываются в его стиль? Придётся либо изобретать свой велосипед, который вряд ли будет лучше существующих, либо позаимствовать идеи из уже готовых решений и приспособить под наши нужды. Мы пойдём вторым путём.

Для начала определим наши задачи:
— по возможности использовать официальные сервисы определения статуса
— в случае их отсутствия можно прибегнуть к посторонним
— способ должен быть как можно проще, без излишков (всегда можно будет его потом расширить)
— чтобы прорисовка страницы не висла на время запроса, сделаем буфер

Рассмотрим 4 основных способа на примере ICQ, Jabber, Skype и MRA. Остальные можно сделать аналогично.
Читать дальше →
Total votes 49: ↑47 and ↓2 +45
Views24.1K
Comments 34

Smart Object в Photoshop – поможет и верстальщикам, и дизайнерам

Веб-дизайн
Sandbox
  1. Как уменьшить количество слоев для визуально одного объекта (кнопочки, например), сохранив возможность его редактирования?
  2. Как уменьшить количество слоев, объединив в один слой header, footer на макетах внутренних страниц, при этом снова-таки оставив возможность их изменения?
  3. Как облегчить верстальщику вырезание линий из одно- двух пиксельных линий, составляющих единую линию, теней, а так же кнопочек, иконок?
  4. Как быстро вносить изменения на все однотипные элементы на странице?
  5. Как уменьшать растровую картинку без потери качества и сохраняя правильные пропорции эффектов (тень в 5px для объекта 200*200px – смотрится совсем по-другому, нежели для этого же объекта при его размере 100*100px)

Читать дальше →
Total votes 42: ↑36 and ↓6 +30
Views14.5K
Comments 36

20 вопросов про веб-шрифты

ADV/web-engineering co.Веб-дизайнТипографика

Привет, Хабр!

Уже написаны горы статей, описывающих разные стороны работы с веб-шрифтами, собрано множество работающих примеров, но каждый день мы продолжаем сталкиваться с элементарным непониманием того, что такое веб-шрифты. Не у всех есть время гуглить материалы по данной теме, поэтому я попробовал дать ответы на часто задаваемые вопросы. Этот материал будет интересен прежде всего тем, кто еще не углублялся в тонкости шрифтовых технологий.

Много текста и картинок
Total votes 109: ↑101 and ↓8 +93
Views255.9K
Comments 60

Хороший пользовательский интерфейс

ADV/web-engineering co.Веб-дизайнИнтерфейсы
Translation

Вольный перевод статьи Якуба Линовски — «A Good User Interface».

Хороший пользовательский интерфейс обладает высокими показателями конверсии и прост в использовании. Другими словами, он хорош как для бизнеса, а так и для людей, которые им пользуются. Ниже вашему вниманию предлагается ряд практических идей, которые вы можете попробовать применить.

16 практических идей
Total votes 165: ↑150 and ↓15 +135
Views118.3K
Comments 63

Web-дизайн 2013: традиции, новшества, основы

Веб-дизайн
Sandbox
Web-дизайн находится в постоянном движении: с каждым годом он развивается и видоизменяется под воздействием всевозможных факторов, обрастая новыми интересными инструментами и оставляя позади все старое и неактуальное. Нынешний год можно охарактеризовать тем, что одной из причин развития дизайна становится все большее распространение мобильных устройств и планшетов, появление HTML 5. Но давайте подробнее остановимся на тенденциях web-дизайна в 2013 году.
Читать дальше →
Total votes 17: ↑12 and ↓5 +7
Views65.1K
Comments 12

14 инструментов для веб-дизайна и веб-разработки на 2014 год

Разработка веб-сайтов
Translation
Вместе с WEB движущимся семимильными шагами (адаптивным дизайном, CSS препроцессорами, постпроцессорами и другими вещами) может оказаться проблемой попытка не отставать от чего-то нового и полезного.
Ниже Вы найдете 14 инструментов, 7 для веб-дизайнеров и 7 для веб-разработчиков, которые помогут веб-сайту перерасти из концепции в действительность.
Читать дальше →
Total votes 42: ↑26 and ↓16 +10
Views154.2K
Comments 15

Промо-сайт для мобильного приложения. Часть 1

Разработка веб-сайтовРазработка мобильных приложений
Дисклеймер

Далеко не все думают о том, чтобы сделать сайт для своего мобильного приложения.
Те же, кто думают об этом, не могут решить, что же должно быть на сайте, чтобы он стал продающим.

Уверен, что мои советы не станут для вас откровением, просто, как это часто бывает, не всегда можно взглянуть на свою работу со стороны и учесть моменты, которые “замыленным взглядом” просто не видны.

Читать дальше →
Total votes 24: ↑22 and ↓2 +20
Views23.8K
Comments 8

Промо-сайт для мобильного приложения. Часть 2

Разработка веб-сайтовРазработка мобильных приложений

Дисклеймер


В предыдущей статье “Промо-сайт для мобильного приложения. Часть 1” я изложил своё видение и теперь хотел бы узнать у вас какой должна быть landing page для продуктов мобильной индустрии?

От теории к практике


В конце поста список вопросов с вариантами ответов. Всего их 5. Уверен, вам и самим будет интересно узнать, как отвечали другие. Вы увидите это сразу после ответа на каждый из вопросов.

Это важно для чистоты эксперимента


Примеры даны лишь для иллюстрации тех ответов, где они нужны. Не оценивайте данные конкретные сайты.

Тратьте на выбор ответа от 1 до 3-х секунд после их прочтения и просмотра примеров, также, как это делает посетитель, отвечая себе на вопрос: “интересен ему этот сайт или нет?”.
Читать дальше →
Total votes 12: ↑9 and ↓3 +6
Views10.3K
Comments 0

Regex и Win cmd, простенький пример

Веб-дизайн
Sandbox
Заметил, что здесь много сложных и интересных статей про Win cmd и Regex, но гораздо меньше чего-то простого, с чего можно начать знакомство с этими мощными инструментами.
Идея написания этого урока возникла, когда я понял, что наверняка такие же задачи пытается решить еще кто-то и возможно такая статейка поможет кому-нибудь поменять рутинный копи-паст на гораздо более интересный и технологичный метод написания кода.

Итак, вводная:

Читать дальше →
Total votes 15: ↑6 and ↓9 -3
Views16.1K
Comments 16
1