Как стать автором
Обновить
0
0
Aleksejs Weng @Subdivision

Пользователь

Отправить сообщение

Немного советов начинающим и не очень

Время на прочтение6 мин
Количество просмотров4.7K
image

Немного воды
Разрешите представиться — фрилансер-дизайнер с опытом работы чистым фрилансером всего полтора месяца.
Профессиональный опыт работы в вебе — более 6 лет. Именно эти шесть лет позволили мне сейчас стать тем, кем являюсь и окончательно выбрать вектор своего движения.

Когда полтора месяца назад я встал на этот путь — мне думалось, что в начале будет безумно тяжело, тем более, что вокруг столько опытных коллег по цеху, с которыми мне тягаться будет просто невозможно.

Но, как оказалось, я ошибался. Потому-то как минимум 50% фрилансеров просто не понимают каких-то прописных истин, о которых я и хочу поведать далее.
Читать дальше →
Всего голосов 203: ↑168 и ↓35+133
Комментарии150

7+ превосходных инструментов для оптимизации изображений

Время на прочтение5 мин
Количество просмотров105K
Перевод статьи 8 Excellent Tools for Optimizing Your Images
К сожалению на момент перевода один из сервисов перестал работать. Но хабровчане предложили еще много хороших решений!

Одним из самых простых способов уменьшить время отклика страниц на вашем сайте является оптимизация изображений.

Есть несколько бесплатных инструментов помогающих уменьшить и оптимизировать изображения. В этой статье вы найдете удобные инструменты для создания картинок для веба настолько маленьких по весу, насколько это возможно.
Обзор инструментов — под катом.
Читать дальше →
Всего голосов 86: ↑78 и ↓8+70
Комментарии72

Встраиваемые шрифты с кириллицей

Время на прочтение3 мин
Количество просмотров7.2K
Пусть расцветают сто цветов, пусть соперничают сто школ. Этим лозунгом первого китайского императора Цинь Ши Хуана хочется поднять волну народного негодования стремления к появлению как можно большего количества шрифтов с веб-лицензией, которые поддерживают кириллицу. Сто школ в данном случае — различные словолитни и сервисы, предоставляющие встраиваемые шрифты.

В настоящее время подобные сервисы активно развиваются. Крупнейший из них, Typekit, содержит на данный момент 376 шрифтов от более чем 30 производителей. Но вот незадача: Typekit пока поддерживает только подмножество Latin-1, хотя и работает над добавлением поддержки других подмножеств Unicode.

Что же прямо сейчас делать нам, пользователям кириллицы?

Читать дальше →
Всего голосов 29: ↑27 и ↓2+25
Комментарии12

Проблема «вспышки нестилизованного текста»

Время на прочтение6 мин
Количество просмотров4.4K
Оригинальное название статьи, «Designing for the switch» содержит игру слов и говорит а) о разработке дизайна в эпоху перемен — перехода к нормальной поддержке подгружаемых шрифтов у всех пользователей, и б) о нюансе «моргания», смены шрифта при его подгрузке с помощью @font-face. Вообще говоря, на русском языке достаточно мало информации об опыте и нюансах использования @font-face, поэтому этим переводом я предлагаю начать генерировать более-менее содержательное информационное поле на эту тему. Heath

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

Да, мы были избалованы. Чтобы использовать Вердану, Джорджию или Камбрию, нам не приходилось думать.

Однако дизайнерам долгое время казалось, что им нужно большего. Мы хотим использовать любой шрифт, который нужен нам для нашего дизайна. Мы много нехорошего натворили, пытаясь достигнуть этой цели — например, помещали текст в картинку. Люди поумнее придумали вспомогательные инструменты типа sIFR или Cufón. С совсем недавнего времени большинство браузеров поддерживает @font-face. Плотина открывается. Это рассвет новой эры веб-типографики, и мы обязаны ступать в неё с осторожностью.

И как же это сделать?
Всего голосов 35: ↑31 и ↓4+27
Комментарии17

10 способов побороть проблемы в IE6

Время на прочтение3 мин
Количество просмотров2.6K

1. Используйте DOCTYPE


Лучше всегда прописывать доктайп в заголовке каждой html-страницы, причем, строгий режим рекомендуется:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

для XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

от себя добавлю, что недопускайте никаких сторонних символов перед доктайпом. Ни пробелов, ни переносов строки — иначе появятся странные поля у body и html
Читать дальше →
Всего голосов 133: ↑88 и ↓45+43
Комментарии100

Организация on-line платежей на сайте. Для тех, кто никогда этим не занимался, но боится, что придётся. Часть 2: архитектура

Время на прочтение13 мин
Количество просмотров7.1K
Вслед за первой частью, призванной в первую очередь показать, что «не так страшен чёрт, как его малюют»

Статья об архитектуре части проекта, которая занимается он-лайн платежами. Намеренно не хотелось бы сейчас подробно описывать API конкретного биллинга или процедуру регистрации в нём. Тонкости конкретных биллингов нужно обсуждать отдельно, иначе тему просто не раскрыть. Цель статьи: обсудить вариант архитектуры, позволяющий нанизывать новые виды биллингов и типы платежей, с наименьшей головной болью.
Читать дальше →
Всего голосов 72: ↑64 и ↓8+56
Комментарии33

О том, как сделать великую компанию

Время на прочтение5 мин
Количество просмотров4.8K
Недавно прочитал очередной бестселлер по бизнесу: «От хорошего к великому: почему одни компании совершают прорыв, а другие нет…» Джима Коллинза. Авторы книги провели большое исследование и попытались вывести общие черты успешных (великих) компаний, которые многого добились.

Об этом я и хочу рассказать в статье, думаю многим интересно, как построить великую компанию (ибо плох тот солдат, что не хочет стать генералом). Статья в основном для тех, кто книгу не читал.

Кстати, многие принципы можно применять и в личном карьерном росте.
Читать дальше →
Всего голосов 73: ↑49 и ↓24+25
Комментарии118

Какие вопросы задавать клиентам перед дизайном их сайта?

Время на прочтение3 мин
Количество просмотров28K
Перевод свеженького поста «Questions to ask clients before designing their website» Брайана Хоффа, автора блога «The Design Cubicle».

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

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

Некоторые из нижеприведенных вопросов могут быть применены не только для веб-дизайна, так что я разделил их на группы, чтобы клиенту было понятней.
Читать дальше →
Всего голосов 65: ↑54 и ↓11+43
Комментарии70

Верстка повторяющихся блоков

Время на прочтение3 мин
Количество просмотров14K
Довольно часто при верстке сайта возникает необходимость размещать блоки одинаковой ширины, но разной высоты в контейнере с переменной шириной (читай резиновом). Плюс на этот список может применяться фильтр, который JS-ом скрывает или показывает элементы списка, при этом он не должен разрушать «строки», верстку, или образовывать дыры, поэтому решения на таблицах не катят сразу. Простейший пример — каталог товаров:


Читать дальше →
Всего голосов 109: ↑95 и ↓14+81
Комментарии63

Gource — визуализируем историю работы над проектом

Время на прочтение1 мин
Количество просмотров22K
Спешу рассказать хабрасообществу о, относительно новом, дьявольски завораживающем проекте Gource которое еще не упоминалось. Это приложение позволяет визуализировать историю изменений в системе контроля версии. Отрисовывает невероятно красиво при помощи OpenGL.


Читать дальше →
Всего голосов 65: ↑61 и ↓4+57
Комментарии51

Расстановка дефисов, минусов, тире и кавычек

Время на прочтение3 мин
Количество просмотров75K
Вопросы правильной расстановки дефисов, длинного и короткого тире, знака минуса, кавычек-елочек и кавычек-лапок уже неоднократно поднимались в интернете и на Хабре в частности (см. ссылки ниже). Однако по-прежнему, студенты и аспиранты в своих курсовых и дипломных, диссертациях и авторефератах не уделяют достаточного внимания типографике.

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

Со временем возможно появятся похожие таблички с правилами расстановки пробелов, знаков препинания и по оформлению текста в целом.

Читать дальше →
Всего голосов 81: ↑59 и ↓22+37
Комментарии54

Лекция Егора Гилёва «Язык пиктограмм»

Время на прочтение1 мин
Количество просмотров6.2K
Хабраюзеры, мы запустили в Самаре образовательный проект под названием «Реагенты». В нём люди, которые умеют что-то делать, рассказывают о своих умениях в доступной для понимания форме.

Первым выступил Егор Гилёв yegorg из известной в узких кругах компании "Турбомилк". Он прочитал лекцию под названием «Язык пиктограмм» и ответил на вопросы присутствующих в зале студентов и дизайнеров. Мы записали это на видео.



На видео:
  • Как составить техническое задание на комплект иконок
  • Как из технического задания сформулировать объединяющую идею для всего набора
  • Как построить связанный набор пиктограмм (иконок)
  • Как генерировать идеи для набора пиктограмм
  • Как представить заказчику прототипы пиктограмм

Читать дальше →
Всего голосов 31: ↑27 и ↓4+23
Комментарии12

Динамическая висячая пунктуация в HTML

Время на прочтение2 мин
Количество просмотров6.2K
Наверняка вы видели на многих сайтах свешивающиеся в начале строк кавычки и скобки. И хотя на бумаге такое полное свешивание в простых текстах (не заголовках) как минимум спорно, на вебе это выглядит отлично. Такое поведение текста называется «висячая пунктация», и на текущий момент есть ровно один способ её реализации в (X)HTML/CSS — добавление парных стилей. Этот способ, скажем, применён на сайте Артемия Лебедева.

Главный минус классической «лебедевской» реализации висячей пунктуации на вебе — её статичность. Поясню, как у них это сделано.

В CSS прописаны парные стили: .h[symbol] и .s[symbol], например, .slaquo и .hlaquo. Для каждого из них прописан отвес через margin. При использовании свешивающихся символов в тексте к пробелу перед символом добавляется стиль s[symbol], а к самому символу — h[symbol]. Соответственно, когда и пробел, и символ, находятся в одной строке, отвесы взаимно компенсируются, и текст выглядит как обычно. А когда свешивающийся символ по каким-то причинам сносится на следующую строку — первый стиль (балансирующий второй блок) остаётся на предыдущей строке, поэтому нужный символ свешивается влево на заданный отвес.

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

Что было сделано?
Читать дальше →
Всего голосов 48: ↑48 и ↓0+48
Комментарии44

Перевернутая удовлетворенность утенка Фиттса

Время на прочтение3 мин
Количество просмотров1K
Много дней назад на Хабре появился текст 10 полезных выводов и принципов юзабилити и я написал на него отклик с подробным разбором ошибок и искажений. Вчера история повторилась – появился текст Design & Usability. Введение в предмет, основанный на еще одной статье из Smashing Magazine.

Также как и в прошлый раз, вчерашняя статья – прекрасное собрание спорных утверждений (часто дающихся без доказательств или ссылок на источники), перевирание результатов исследований, на которые даются ссылки и выдачи очевидных вещей за открытия.

Сразу скажу, что все претензии направлены в сторону автора оригинальной статьи на SM, а не на пользователя Avart. Линчеваться тоже будет только часть, взятая с SM.

Под катом будет подробный разбор каждого пункта.

Читать дальше →
Всего голосов 50: ↑43 и ↓7+36
Комментарии28

Результаты CMS Award 2009

Время на прочтение1 мин
Количество просмотров948
Недавно на Хабре пробегала новость "Drupal признан 2009 Best Open Source PHP CMS", но недавно наконец были объявлены итоги по всем номинациям и теперь мы можем оценить результаты конкурса.
Читать дальше →
Всего голосов 33: ↑26 и ↓7+19
Комментарии83

Создаём правильный «мокрый пол» c перспективой изображения на Javascript

Время на прочтение1 мин
Количество просмотров1.8K
В контексте одного из моих текущих проектов была поставлена задача сделать «мокрый пол». Картинок на пол планировалось класть огромное количество (но всего по паре на страницу, с заменой). В перспективе. В перспективе, кстати, временной и пространственной.

Не найдя ничего стоящего, я взялся написать свой велосипед. И, по-сидев два с лишним вечера, сочинилась небольшая js-библиотека с generic-названием iWet.

UPD: Версия 0.2
  • Добавил белую маску. См. Демо.
  • Выложил исходик маски в .psd
  • Вылечил баг с мельканием картинки при загрузке страницы
  • Добавил readme.txt и licence.txt
  • Минимальные косметические изменения кода

Плюсы, минусы и примеры следуют
Всего голосов 83: ↑76 и ↓7+69
Комментарии67

Плейсхолдер

Время на прочтение2 мин
Количество просмотров8.4K
Хоть в HTML5 и есть атрибут placeholder, но он пока-что работает лишь в браузерах с движком webkit.

Посмотрев некоторые посты на хабре, я увидел, что кое-кто изобретал велосипед, а другой скрипт, который якобы и делает сей атрибут кроссбраузерным, в полях типа password показывает звёздочки.

Собственно и написал скромный код на jQuery, который это всё дело и поддерживает.
Читать дальше →
Всего голосов 41: ↑27 и ↓14+13
Комментарии34

Системы коллективного комментирования в отладке сайтов

Время на прочтение6 мин
Количество просмотров3.2K
В этом обзоре мы проанализировали несколько систем коллективного комментирования веб-страниц и постарались найти идеальный инструмент для удаленного обсуждения и отладки work-in-progress сайтов с заказчиком и другими участниками работы.

image
Читать дальше →
Всего голосов 80: ↑76 и ↓4+72
Комментарии51

placeholder.js

Время на прочтение1 мин
Количество просмотров24K
В HTML5 есть замечательный атрибут placeholder.

<input placeholder="inbox@disney.com">

placeholder

Сейчас он работает только в webkit-браузерах (Safari, Google Chrome).

С помощью JS, не изобретая велосипедов, placeholder.js делает этот атрибут кроссбраузерным.

<input placeholder="inbox@disney.com" id="some_input">
<script type="text/javascript">
  inputPlaceholder( document.getElementById('some_input') )
</script>


placeholder.js (1.3 килобайта)
Всего голосов 63: ↑58 и ↓5+53
Комментарии49

Картинки делают вашу информацию интереснее

Время на прочтение4 мин
Количество просмотров12K
Интересные картинки
Приветствую всех! Я представляю вам свой Первый Пост На Хабре, он является объединяющим симбиозом нескольких постов моего личного блога [Батоноблог], и речь сейчас пойдёт о универсальной вещи, которая поможет увеличить продажи вашего товара, задержать на вашем сайте лишний десяток посетителей, и сделать из сложной многобуквенной статьи простой доходчивый рассказ. Также будут даны описания и адреса хранилищ этих вещей.

А вещь эта называется «Картинка».

В чём суть?


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

Читать дальше: почему, как и где искать картинки
Всего голосов 155: ↑128 и ↓27+101
Комментарии65

Информация

В рейтинге
Не участвует
Зарегистрирован
Активность