Как посмотреть видео от Microsoft по-человечески

Все мы знаем Microsoft, знаем что она любит идти своим путём и считает этот путь единственно верным. Возьмём, к примеру, видео. Весь мир публикует видео во флеше. Прогрессивное человечество считает, что флеш — зло и использует тег

«Класситус» и оптимизация

На прошедшей 16 декабря встрече-конференции «Web Standards Days» Вадим Пацев рассказывал про общую идеологию вёрстки проектов в Яндексе. Идеология скрывается под дурацкой аббревиатурой БЭМ и обладает собственным клубом на Я.ру.

Один из ключевых моментов — отказ от селекторов элемента в пользу селектора классов, поскольку это существенно (когда счёт идёт на миллисекунды) ускоряет рендеринг страницы. То есть вместо p {} рекомендуется использовать .base {}, к примеру. Да, именно так, добавлять классы ко всем элементам, которые нужно стилизовать. Кроме того, это позволяет избежать переопределений и конфликтов наследования.

Разумный аргумент против — «ведь у нас много параграфов, добавление классов увеличит объём страницы!». Но намного ли? На главной странице kremlin.ru — 23 тега p. Добавив к каждому из них class=base мы увеличим объём страницы на 230 байт. При общем объёме страницы в 56 кб это просто ничтожно малая величина. Так что на этих спичках точно не стоит экономить, лучше удалить переносы строк и пробелы или оптимизировать картинки.

Остаётся только один-единственный аргумент против указания классов всему подряд: «Мне лень везде писать эти дурацкие классы». Но и тут можно найти решение, взяв на вооружение регекспы или zen coding.

Примечание: я специально не ставил кавычки вокруг имении класса для ровного счёта, в реальной жизни так делать нельзя.</div>

Настройка Photoshop для работы со скриншотами

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

Почему так названо

У меня на полке стоят книги по веб-разработке. Среди них — «Ошибки web-дизайна и как их устранить до того, как вы лишитесь посетителей». Книга небольшая, но очень полезная, большинство советов остаются актуальными по сей день, к сожалению.

Не такое и низкое разрешение

Сколько себя помню, экранная графика причислялась к графике с низким разрешением. Вот полиграфия — полиграфия это да, это триста дипиай и всё такое.

Обязательные дополнения к Eclipse

Я долгое время выбирал для себя удобную среду разработки. Перепробовал кучу всего, от Notepad++ до Dreamweaver и IntelliJ Idea, но остановился в итоге на Eclipse. Не потому что она самая лучшая — она и потормозить любит, и поглючить — а потому что работает везде, и дома под виндой, и под линуксом, и на MacOS.

Говорите правильно

В начале этого года Слава Олиянчук опубликовал заметку о том, как правильно писать слово «репозиторий». А теперь позвольте мне влезть на трибуну и очень прочувственно попросить:

Кодировки из коробки

Все проекты, с которыми я работал в последнее время, используют кодировку utf8, и всё было хорошо, пока файлы лежали на сервере. Но в какой-то момент мне надоело из-за любой мелкой правки ползать куда-то там по ssh, да и сетевые задержки иногда утомляли. Тогда я решил в очередной раз поднять локальный сервер.

Вотафак?

Товарищи-вебдванольщики, очень надеюсь на вашу реабилитацию. Сайт-то ведь хороший.

Пиксельная графика в Illustrator

Я уже немного писал про создание макетов сайтов в Adobe® Illustrator. А сегодня случайно набрёл на простой способ создания пиксельной графики.