• Вредные клиенты. Как жить с ними, как бороться.

      Эту статью я не хочу писать в стиле «10 правил» для работы с вредными клиентами. Хочу описать возможные ситуации при работе с «ненормальными» клиентами и как правильно с ними бороться (по моему мнению). Также в комментах буду рад услышать ваши дополнительные предложения по стратегии поведения в таких ситуациях.

      Читать дальше →
    • Вредная верстка

        Как определить, что сайт сверстан качественно?
        Есть много статей о том, как делать хорошо, но совсем нет – о том, как делать не надо, ведь даже валидный и кроссбраузерный сайт может быть сверстан отвратительно.

        Из этой статьи вы узнаете:


        • О плохих приемах современной верстки;
        • О том, как даже не будучи профессионалом, за 5 минут определить плохо ли сверстан сайт или нет.


        Читать дальше →
      • Цифры, числа и числительные

          По следам хабралинча имени Рюмкина коснёмся темы правильного типографического оформления чисел. В голову пришли следующие темы, если что-то вдруг забыто — пишите в комментариях, добавлю в статью.
          • Минускульные и маюскульные цифры
          • Целые числа и десятичные дроби
          • Простые дроби
          • Буквенные сокращения (тысяча, миллион, миллиард)
          • Диапазоны
          • Порядковые числительные и числительные в составе сложных слов
          Ещё в комментариях к хабралинчу возникло интересное обсуждение согласования и управления при употреблении порядковых числительных, но это, как мне кажется, скорее отдельная тема для блога Пишу правильно.

          Читать дальше →
        • Для начинающих убунтуводов. Моё мини FAQ

            Не беспокойтесь: это не очередной «мануал для начинающих», в котором описаны базовые принципы работы с Ubuntu и ее настройки. Нет, я вовсе не хочу повторяться, а поэтому писать буду о разного рода мелочах и вопросах, которые могут интересовать «Неофита культа Убунту» :)

            Читать дальше →
          • Боремся с толстыми шрифтами на темном фоне в Сафари

              Всем известно, что на маках замечательный рендеринг шрифтов ;) Но, к сожалению, на темном фоне при сглаживании «Medium» текст выглядит очень жирным, что меня, мягко говоря, раздражает. Вот, например, кусочек меню Smashing Magazine с рендером по-дефолту:



              К счастью, я нашел обходной путь этой проблемы. Заключается он в следующем: если указать тень (параметр text-shadow), то для текста с тенью включается «фотошоповский» рендеринг без субпиксельного сглаживания (Standard в System Preferences/Appearance). И никто не мешает нам сделать нулевую тень :)

              Прописываем в CSS элементам такой параметр: text-shadow: #000 0 0;. Смотрим:



              Вуаля! Надеюсь, этот трюк поможет эстетствующим любителям шрифтов и Сафари :)

              UPD: Если вас смущает ругающийся валидатор, то могу сказать, что это баг самого валидатора, который проверяет CSS2.1, т.к. параметр text-shadow является валидным и присутствует в спецификации CSS2 и CSS3. Решение проблемы — в More Options валидатора выбрать Profile: CSS version 2 или CSS version 3.
            • Веб сервер за пару вечеров — II


                Многие из нас собирали компьютер сами, из комплектующих. Дело не сложное, соединить с десяток шлейфов, да завинтить столько же винтиков. Но мало кто сталкивался с самостоятельной сборкой серверов, причем не обычных а в промышленном формате под стойку 19 дюймов. В этом небольшом обзоре я опишу свой опыт сборки такого сервера, постараюсь показать что это не сложно, и остановлюсь на главных моментах, на что нужно смотреть. На написание этого обзора меня толкнуло то, что информации о сборке rack 19’ серверов в рунете очень мало, и приходилось её искать буквально по крупицам.
                Читать дальше →
              • Основы масштабирования

                  Прочитав в этом блоге о балансировке на стороне клиента, решил опубликовать свою статью, в которой описаны основные принципы масштабирования для web-проектов. Надеюсь, хабралюдям будет интересно почитать.

                  Основы масштабирования



                  Масштабируемость — способность устройства увеличивать свои
                  возможности
                  путем наращивания числа функциональных блоков,
                  выполняющих одни и
                  те же задачи.
                  Глоссарий.ru

                  Обычно о масштабировании начинают думать тогда, когда один
                  сервер не справляется с возложенной на него работой. С чем именно он не
                  справляется? Работа любого web-сервера по большому счету сводится к основному
                  занятию компьютеров — обработке данных. Ответ на HTTP (или любой другой) запрос
                  подразумевает проведение некоторых операций над некими данными. Соответственно,
                  у нас есть две основные сущности — это данные (характеризуемые своим объемом) и
                  вычисления (характеризуемые сложностью). Сервер может не справляться со своей
                  работой по причине большого объема данных (они могут физически не помещаться на
                  сервере), либо по причине большой вычислительной нагрузки. Речь здесь идет,
                  конечно, о суммарной нагрузке — сложность обработки одного запроса может быть
                  невелика, но большое их количество может «завалить» сервер.

                  Читать дальше →
                • Эластичные шаблоны


                    Большинство дизайнов ориентировано на использование фиксированных значений при верстке: ширина и высота блоков, размер шрифта. Это позволяет сверстанному шаблону «не разваливаться» при изменении масштабов просмотра и сохранять свойство кроссбраузерности. Однако в этом есть один большой минус – при большом разрешении экрана маленькие фиксированные блоки теряются на большой площади и остаются незамеченными. Тут даже не спасет «резиновая» верстка, т.к. сайт будет выглядеть еще более нечитабельным, например на 19'' мониторах при разрешении большем 1280 по ширине. Для меня это актуально, т.к. на ноутбуке 17'' с разрешением 1400х800 просматривать «резиновый» сайт очень неудобно. И желание оставаться на таком сайте отпадает быстро. Существует ли способ, позволяющий управлять масштабами не только текста, но и всего сайта?
                    Читать дальше →
                  • Как выпускать финансово успешные стартапы. Взгляд создателей МойКруга и МирТесен. Часть 1

                      В последнее время интернет-стартапов появлятся как никогда много. Но как и в обычном бизнесе, большинство стартапов не становятся прибыльными.
                      В беседе с Николаем Самохваловым и Иваном Золотухиным (разработчиками социальных сетей MoйКруг и МирТесен и активистами СУБД PostgreSQL из Postgresmen) хочется обратить внимание начинающих на то, что же позволило им добиться успеха. А еще на распространенное представление о «воровстве идей», которое в результате логических рассуждений представляется заблуждением.
                      Читать дальше →
                    • Визуализация данных на CSS

                      • Перевод
                      Визуализация данных графиков, диаграмм в основном решается с помощью флэш и некоторых языков программирования. Являются ли эти способы единственными? Давайте попробуем реализовать эту задачу с помощью CSS.

                      Предисловие
                      В этом примере я не буду использовать ни JavaScript, ни любые другие языки. Все, что мне нужно это хорошая разметка и код CSS.
                      Таким образом, наша цель состоит в том, чтобы представить данные таблицы в виде диаграммы. Можно отметить, что данные диаграммы – это объект из 2х элементов, непосредственно зависимых друг от друга. Поэтому, лучшим решением в отношении структуры и семантики будет использование списков определений.
                      Почему? Ну, для начала, это список элементов. Несмотря на то, что список является линейным, мы можем обозначить заголовки определений (элементы dt) как пункты по оси X и описание определений (элементы dd) как значения по оси Y.
                      Читать дальше →
                    • Делаем закругленные уголки с помощью псевдоэлементов: before и: after

                        Внимание! Это все устарело, но публикацию не удаляю, чтобы все знали как мы мучались в 2007 году из-за IE6 :-)

                        Задача: сделать врезку с закругленными уголками с минимумом html-кода.

                        Читать дальше →
                      • Как прийти к успешной бизнес-модели, отказавшись от большинства своих задумок. Опыт создателей RSS2email

                          Артем Кашехлебов и Олег Баша, руководители компании Olevarty, рассказывают о своих проектах Kanban, RSS2email, Seku. О том, как они видели развитие направление изначально, и как действительность скорректировала их видение.
                          В последнее время в Рунете появляется достаточно стартапов, отличающихся использованием какой-либо технологии. Но это отличие чаще всего так и не становится конкурентным преимуществом.
                          Создателям таких стартапов (а также тем, кто подобное выносит в голове) будет полезно ознакомиться с опытом компании, все проекты которой базируются на технологии RSS.
                          Читать дальше →
                        • Обновление Google Gears 0.2 — все внимание на WorkerPoll


                            Программа-дополнение ко всем основным браузерам Google Gears это своеобразный мост между оффлайновым режимом работы и онлайном, так как одна из основных функций, предоставляемой пользователю (в данном случае — разработчикам различных веб-сервисов) — это способность приложения работать без соединения с интернетом, сохраняя всю функциональность и возможности, а после подключения — синхронизировать состояние с сервером. Но это, конечно, не все — встроенная база данных и локальный веб-сервер могут намного больше, особенно в умелых руках разработчиков. Раньше я уже писал о разных API, которые могут быть реализованы в Gears, а теперь посмотрим, что же есть в новой версии.
                            Читать дальше →
                          • Чёрточки: только ли тире, минус и дефис?

                              Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

                              На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

                              Читать дальше →
                            • Pixilang


                                Забавная мушка, не правда ли? С другой стороны что тут забавного? Обычная пиксельная мушка. Но не было бы здесь этого поста если бы всё было так просто. Этот представитель отряда двукрылых создан с помощью блокнота и языка программирования созданного специально для целей пиксельной анимации и её же озвучивания. И так встречайте:
                                Pixilang
                              • Контрасты в веб-типографике

                                • Перевод
                                Наткнувшись на предложенную общественности статью (оригинальное название «Typographic Contrast and Flow»), не мог не перевести, т. к. во-первых, она написана простым и понятным языком, а во-вторых, изобилует множеством примеров и иллюстраций.

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