Pull to refresh
232
0
Вадим Макеев @pepelsbey

Фронтендер, влюблённый в веб, браузеры и подкасты

Облегчение жизни пользователю Safari на iPhone

Reading time 3 min
Views 8.8K
Облегчение жизни пользователю Safari на iPhone.

В моей прошлой статье, мы разбирали, как за короткий промежуток времени возможно изготовить версию сайта, адаптированную для Apple iPhone.Сегодня я продолжаю свою статью. Сейчас мы рассмотрим некоторые мета теги (и не только), которые облегчат жизнь не только посетителю сайта, но и разработчику веб-проекта.



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

Читать дальше →
Total votes 92: ↑83 and ↓9 +74
Comments 43

Неродные интерфейсы проигрывают

Reading time 3 min
Views 667

Общеизвестно, что пользователи Mac предпочитают Safari браузеру Firefox. Safari поставляется в комплекте с OSX — и мы знаем, что это всегда отлично срабатывает для борьбы с конкурентами. Но причина успеха — не просто монополизм, у людей есть достаточные причины для предпочтения Safari:

Пользователи Mac предпочитают [Safari] из-за скорости отрисовки страниц, чистого интерфейса и малого времени запуска.


Читать дальше →
Total votes 80: ↑71 and ↓9 +62
Comments 49

Браузеры — автомобили

Reading time 4 min
Views 1.4K
До 17 марта Microsoft, в сответствии с директивой Еврокомиссии, должна была предложить пользователям Windows в странах ЕС специальное окно выбора браузеров (и предложила ). Так это выглядит — www.browserchoice.eu. Для нас, в отличие от ЕС, это событие выглядит скорее любопытным, чем практически полезным. Хочу приурочить в этому событию пост «А что было бы, если бы браузеры были автомобилями», в котором обыграть плюсы и минусы пятёрки ведущих браузеров, сподвигли описания каждого из них в «экране выбора» — именно по этим описаниям пользователи из ЕС теперь будут выбирать чем ходить в Интернет. Конечно каждый кулик хвалит своё болото. Но в 1000-й раз говорить о преимуществах и недостатках «в лоб» — скучно :)

Итак, что если браузеры были бы автомобилями? (Где соврал, чего недоговорил, кто прав, кто виноват?). У кого лучше подсвеска, кого не ведёт на дороге, за чей руль лучше не садится?
Читать дальше →
Total votes 234: ↑160 and ↓74 +86
Comments 154

Требуется веб-евангелист

Reading time 1 min
Views 1.9K
Команда разработчиков браузера Opera постоянно борется за единые веб-стандарты и всемирную сеть, построенную на открытых технологиях. В качестве доказательства выступает собственно браузер Opera, который наиболее полноценно поддерживает открытые веб-стандарты. Между тем, помимо дела требуется и слово — компания Opera Software объявила о появлении вакансии «веб-евангелист». На эту должность приглашаются активные и увлечённые люди, готовые принимать участие в различных конференциях и других мероприятиях по всему миру, посвящённых веб-технологиям, с целью пропагандирования открытых веб-стандартов и сетевых технологий. Помимо этого данный сотрудник будет вести активную работу на dev.opera.com, публикуя статьи и занимаясь модерированием, а также должен быть постоянно в гуще обсуждений на различных блогах, форумах, публиковать статьи и обзоры в компьютерных изданиях.
Читать дальше →
Total votes 31: ↑28 and ↓3 +25
Comments 50

Как делать презентацию с помощью веб-технологий?

Reading time 8 min
Views 87K
Все знают офисных монстров PowerPoint и Keynote, но почему-то мало кто с радостью в них работает. И действительно, что делать, если ты совсем не бухгалтер, а разработчик или просто гик и гораздо комфортнее чувствуешь себя в коде, чем в офисных пакетах? У меня для тебя хорошие новости: презентации уже очень давно можно делать прямо в браузере, а писать с помощью таких простых и знакомых вещей, как HTML, CSS или даже Маркдаун.

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




Читать дальше →
Total votes 110: ↑92 and ↓18 +74
Comments 20

Git и публикация сайта

Reading time 4 min
Views 114K
При попытке отредактировать этот старый пост слетело всё форматирование. Может быть я его когда-нибудь исправлю.

Я потратил несколько месяцев на борьбу с глюками Git-svn и обдумывание разных вариантов, прежде чем пришёл к этому методу организации рабочего процесса с сайтом — простому, гибкому и удобному в работе.

Основные преимущества:
  • Делая push из удалённой копии мы автоматически обновляем live-копию сайта
  • Правки файлов на сервере не будут разрушать историю коммитов
  • Простота, не нужны особые правила выполнения коммитов
  • Можно применить к уже запущенному сайту, без повторного деплоя или перемещения файлов
посмотреть, что там такое
Total votes 99: ↑88 and ↓11 +77
Comments 49

Оптимизация PNG и JPEG без потери качества. Часть 1

Reading time 9 min
Views 233K

Введение


Предлагаю Вашему вниманию обзор посвященный оптимизации изображений формата PNG и JPEG без потери качества. Под «без потери качества» подразумевается, что визуально оригинальные и оптимизированные изображения ни чем не будут отличаться. Я читал на Хабре довольно много статьей посвященных данному вопросу, но скажу, большая часть — полная чушь, в них констатируются факты, а не причины. Данный обзор посвящен людям, которые имеют базовые знания об оптимизации изображений.
Читать дальше →
Total votes 235: ↑219 and ↓16 +203
Comments 138

Церемония WebHiTech и Web Standards Days в Москве 16 декабря

Reading time 1 min
Views 679

По всем прогнозам 16 декабря в Москве ожидается двойная радуга. Всё потому, что мы не только явим миру лучшие технологические сайты по версии конкурса WebHiTech и наградим лучших ценными призами и просто респектом и уважухой, но ещё и проведём традиционную встречу Web Standards Days. И всё это бесплатно, и только для вас.
Читать дальше →
Total votes 31: ↑28 and ↓3 +25
Comments 12

К вопросу о кроссбраузерных Data URI

Reading time 8 min
Views 9.8K
В погоне за оптимизацией сайтов захотел уменьшить количество запросов, не в ущерб размерам оптимизированных файлов.
Цель — передавать в одном файле изображения разных форматов, с разными настройками оптимизации.
Как средство, выбрал data uri и gzip'нутый css файл. Однако IE с data uri работают из рук вон плохо. Но в них есть mhtml. Существовавшая реализация не отвечала моим требованиям, т.к. приходилось 1 файл передавать два раза — раз для IE, в mhtml, и второй для всех остальных, в data uri. В поисках решения наткнулся на статью bolk'а, где описывалось решение для формата jpeg и некоторые теоретические выкладки для gif и png. После почти трехнедельного раскуривания манов мне удалось реализовать решение для gif и png и автоматизировать процесс для всех трех форматов.
ознакомиться
Total votes 81: ↑72 and ↓9 +63
Comments 87

Подмена со вкусом Mail.Ru

Reading time 1 min
Views 13K
Однажды к нам обратился пользователь одного их наших продуктов с жалобой на то, что наш продукт якобы без разрешения установил ему тулбар Спутник@Mail.Ru. Оказалось что дистрибутив был скачан не с официального сайта, а с каталога SoftPortal.Com (в десятке софт-каталогов по версии Яндекса кстати).

Каково было наше удивление, когда мы обнаружили что как наш продукт, так и популярные браузеры Firefox и Opera с этого сайта скачивались в виде exe-шников с иконкой спутника и размером примерно на 3 Мб больше чем надо.



Читать дальше →
Total votes 202: ↑185 and ↓17 +168
Comments 240

Грабли при верстке HTML писем

Reading time 3 min
Views 103K
Довольно часто наши клиенты устраивают регулярные рассылки с новостями. Почти всегда их не устраивают текстовые рассылки или простое оформление HTML рассылок. Наши дизайнеры вовсю креативят, а мы потом набиваем шишки при верстке их макетов с корректным отображением во множестве почтовых клиентов.

Ниже список встретившихся нам особенностей и способы их разрешения (как то упорядочить их мне не удалось, поэтому всё идет единым списком)
Читать дальше →
Total votes 282: ↑273 and ↓9 +264
Comments 77

Конвертирование видео в Ogg Theora. UNIX Way

Reading time 5 min
Views 6.4K
Прежде чем приступить к практике, зададимся некоторыми весьма интересными вопросами: почему консоль, зачем использовать видеокодек Ogg Theora, каким образом и с какими параметрами лучше конвертировать видео.

Начнём с матчасти:

Видеокодек — это программа/алгоритм сжатия (то есть уменьшения размера) видеоданных (видеофайла, видеопотока). Кодек — файл-формула, которая определяет, каким образом можно «упаковать» видеоконтент и, соответственно, проиграть видео. Также возможно кодирование кроме видео и аудиоинформации, добавления субтитров, векторных эффектов и т. п.


На сегодняшний день, самые популярные видеокодеки — это знакомые всем DivX, XviD, H.264, WMV, Apple QuickTime и множество других. Ogg Theora всегда была в тени своих коллег и на то, видимо, были какие-то свои причины. Может быть потому, что это относительно новый кодек (он появился только в 2004-м году), может потому-что он изначально ориентировался на применение в интернете, а не для кодирования видеофильмов… Это уже не важно.
Читать дальше →
Total votes 61: ↑49 and ↓12 +37
Comments 41

Отчёт о Web Standards Days в Киеве. Теперь официально

Reading time 2 min
Views 871

Не прошло и десяти дней, как мы публикуем официальный отчёт о встрече Web Standards Days, прошедшей в Киеве 18-го сентября. Как это обычно случается, финальная программа сильно отличалась от заявленной ранее — но только в сторону её улучшения. На встрече прозвучало шесть докладов:
  • Веб-стандарты в большом проекте: что помогает, а что мешает. Андрей Сумин, PDF 138 КБ;
  • Про проектирование интерфейсов и немного про Adobe Fireworks. Вадим Пацев, PDF 1,2 МБ;
  • Веб в кривых. Второе рождение SVG. Вадим Макеев, HTML 15,6 МБ;
  • Введение в Web Performance: W3C, Webkit, IE9 и будущее. Николай Мациевский, PDF 4,1 МБ;
  • Разработка веб-приложений. Обзорная экскурсия. Виталий Рыбалка;
  • Обзор новых API JavaScript. HTML5 и самостоятельные черновики W3C. Антон Немцев, HTML 750 КБ.
…причём порядок их следования составлялся налету, по мере появления докладчиков, что добавило некоторой динамики и неожиданности в нашу и без того нескучную программу.
Читать дальше →
Total votes 42: ↑40 and ↓2 +38
Comments 21

Конкурс виджетов от Opera и Facebook

Reading time 2 min
Views 2.2K


Компания Opera Software довольно регулярно проводит различные конкурсы и российские разработчики время от времени входят в число победителей, получая вполне заслуженные призы и подарки. Правда, при этом всегда существует небольшое, но весьма досадное неудобство: разработчики из других стран постоянно составляют довольно сильную конкуренцию, нередко лишая наших конкурсантов призовых мест. Сегодня же я рад объявить о начале нового конкурса, проводимого совместно компаниями Opera Software и Facebook, который гарантирует, что все призы достанутся только нашим людям: в рамках прошедшего на днях первого в России Facebook Developer Garage стартовал конкурс по разработке виджетов Opera для данной популярной социальной сети под названием «Operaция Facebook», и принимать участие в нём могут только программисты из России и стран ближнего зарубежья. Под катом — условия конкурса и список мотиваторов.
Читать дальше →
Total votes 29: ↑16 and ↓13 +3
Comments 6

Веб-стандарты в Киеве, 18-19 сентября

Reading time 1 min
Views 675

Киевским веб-разработчикам этой осенью везёт: в выходные 18 и 19 сентября их ожидает сразу два события: встреча Web Stanadrds Days и мастер-класс «Современная вёрстка».
Читать дальше →
Total votes 35: ↑32 and ↓3 +29
Comments 27

Открытие web-standards.ru

Reading time 2 min
Views 693
Веб-стандарты
Сегодня у нас хорошие новости: как и обещали, мы открываем наш флагманский сайт Веб-стандарты. Это ресурс со статьями, новостями и анонсами событий Web Standards Days, созданный разработчиками для разработчиков.
Читать дальше →
Total votes 110: ↑93 and ↓17 +76
Comments 215

Перестаньте вынюхивать, что у меня за браузер

Reading time 2 min
Views 859
С завидной периодичностью в блоге разработчиков браузера Опера появляются сообщения, что Опера не может распарсить ту или иную страницу и пользователь видит примерно такую ошибку:



Эффект можно посмотреть по любой из этих ссылок. При этом, в других популярных браузерах страницы отображаются нормально, так же как и в Опере, если попросить распарсить документ как HTML, а не как XML (ссылка «Reparse document as HTML»).
Читать дальше →
Total votes 195: ↑156 and ↓39 +117
Comments 103

Web Standards Days. 26 июня, Санкт-Петербург

Reading time 1 min
Views 717
Объединение разработчиков «Веб-стандарты» представляет новый формат мероприятий под названием «Web Standards Days». Очередная встреча состоится 26 июня 2010 года в Санкт-Петербурге на Факультете переподготовки специалистов СПбГПУ по адресу ул. Обручевых, 1.

Уже готова предварительная программа встречи:
Читать дальше →
Total votes 28: ↑28 and ↓0 +28
Comments 17

Отчёт о Web Standards Days в Минске

Reading time 3 min
Views 989
В минувшую субботу 28 ноября в Минске прошло первое мероприятие под названием «Web Standards Days». Эта встреча открывает ряд регулярных бесплатных образовательных мероприятий, проводимых сообществом разработчиков «Веб-стандарты».

Встреча проходила в конференц-зале гостиницы Беларусь и собрала около 200 участников из заявленных 330-ти. Мы намеренно не отказывали всем желающим в том, чтобы прийти на встречу даже после завершения регистрации и превышения всех лимитов. Мы рассудили, что это не съезд ЦК КПСС, и если все 330 участников вдруг решат посетить встречу, то можно будет разместиться на приставных стульях или даже ступеньках.

image
Читать дальше →
Total votes 51: ↑48 and ↓3 +45
Comments 29

Миф об обязательном поле

Reading time 6 min
Views 18K
В мире разработки программных продуктов бытует немало мифов и заблуждений. Чтобы двигаться вперед, а не топтаться на месте, их совершенно необходимо разрушить. Сегодня об одном из самых закоренелых заблуждений, которое к тому же достаточно вредное — называется «Миф об обязательном поле».

Речь пойдет о практически любых системах, использующих для ввода информации формы. Обязательное поле — это поле формы, без заполнения которого система не примет у вас информацию. Среди подавляющего большинства разработчиков ПО бытует мнение, что обязательными полями должны быть:
  1. Все необходимые с точки зрения предмета поля (например, ФИО и дата рождения человека, если речь о паспортном столе);
  2. Все необходимые для функционирования системы поля (те, без которых не будут работать алгоритмы — например, дата, с которой начинается предоставление услуг, чтобы делать по ним начисления);
  3. Важные поля — такие, которые не необходимо, но желательно заполнить (например, обоснование вносимого изменения) — с той мотивацией, что пусть лучше пользователь попотеет, когда не нужно, чем забудет ввести значение, когда будет нужно.
Как видите, тут целый комплекс мифов, развеивать которые нужно скрупулезно и планомерно. Поэтому начнем с двух других заблуждений.
Читать дальше →
Total votes 138: ↑92 and ↓46 +46
Comments 322

Information

Rating
Does not participate
Location
Berlin, Berlin, Германия
Date of birth
Registered
Activity

Specialization

Frontend Developer
Senior