Особенности –webkit-box или как «подружить» flexbox со старыми Safari

А вы попробуйте, там не так просто как кажется. И если что-то работает неточно — можно всегда исправить и отправить пулреквест.

Особенности –webkit-box или как «подружить» flexbox со старыми Safari

Этот неловкий момент, когда целый пост заменяет Автопрефиксер. Не просто попробуйте в следующем проекте, а переведите текущий и прошлые на поддержке.

.example {
    display: flex;
    transition: all .5s;
    user-select: none;
    background: linear-gradient(to bottom, white, black);
}

.example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}

Как сделать сайдбар за 5 строк кода

Сайдбар за 5 строк кода! *

* плюс 550 КБ скриптов.

Лол.

Третья конференция JavaScript-разработчиков в Одессе «JS Lab» ищет спикеров

Дмитрий, есть такое старое и всем понятное слово «блиц». Слово давно пришло из немецкого и означает что-то быстрое: блиц-доклад, блиц-выступление. Если вы замените неловкое Lightning Talks на блицы, то получится хорошо:

1 день, 12 докладов, 8 блицей

См. блиц (шахматы) в Википедии.

А если без JavaScript?

Поздравляю, вы только что переписали You Might Not Need JavaScript, причём переписали хуже. Сразу после его публикации поднялась дискуссия о том, стоит ли что-то писать на чистом CSS только потому, что можно. Чаще всего таки натужные решения недоступнее, неудобнее и хрупче аналогичных на JavaScript.

SystemJS 0.20 — Совмещая с браузерными модулями

Align — не совмещать, а скорее приводить к соответствию. Мол, появились нативные модули, значит пришло время привести реализацию импортов SystemJS к совместимости с ними.

Понимание критического пути рендеринга

Вы потеряли важную часть термина «Critical Rendering Path», переведя его как «процесс визуализации» — critical. Притом, что слово рендеринг вполне себе существует и общепонятно, что оно значит. Что такое визуализация — наверное, когда что-то становится видимым глазу? Сплошные вопросы.

На GitHub появился странный репозиторий, похожий на исходники движка Opera Presto [закрыто правообладателями]

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

Кнопка или ссылка?

Спасибо за ссылку. Главное из моего доклада:

1. Это всегда <button>
2. Если не хватает, то <a>

А вот слайды: https://pepelsbey.net/pres/push-it/

Список цветовых классов Material Design Lite

Вы уверены, что Хабр — это хорошее место, чтобы дампить листинги классов?

Использование CSS Flexbox для позиционирования блоков на странице

Вы же понимаете, что у вас в CSS будет чудовищный селектор .container .first-child .first-content? Не нужна это вложенность здесь, да нигде она не нужна. Думайте иногда о том, что выдаёт вам Sass.

Браузеры наши меньшие, или Нам нужно серьёзно поговорить

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

Подборка подкастов по программированию на русском и английском языках

Как ведущий, плюсую «Веб-стандарты» ;) Мы кажется обогнали RadioJS по многим показателям, включая регулярность.

Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса

Одна беда: что-то я не видел ни одного адаптивного сервиса Яндекса, кроме лендинга Data Factory, который вы показали. В чём же состоит опыт Яндекса, заявленный в заголовке? Есть ли что-то в работе, кроме лендингов?

«Веб — это самая сложная платформа в истории человечества» — интервью с Вадимом Макеевым из Opera

Как разработчик, я бы не хотел, чтобы вы заходили ко мне на сайт в браузере, который всерьёз обновлялся года 4 назад. Пожалейте разработчиков и смиритесь с прогрессом. Иначе деградантом хочется назвать вас — отказывающимся от развития и прогресса.

«Веб — это самая сложная платформа в истории человечества» — интервью с Вадимом Макеевым из Opera

Речь о том, что не нужно продолжать разрабатывать под H/2, как будто каждый сэкономленный запрос — это абсолютное счастье. Протокол многое делает за вас, поэтому если раньше по умолчанию стоило всё склеить, а потом смотреть, то сейчас можно не склеивать, а потом уже смотреть, где жмёт.

«Веб — это самая сложная платформа в истории человечества» — интервью с Вадимом Макеевым из Opera

Вы ещё можете устроить пикетирование под окнами моего дома с этой цитатой.

Но лучше попробуйте понять: когда я писал этот пост, я транслировал настроения внутри компании и планы действительно были сделать так, чтобы средний пользователь не заметил изменений. Более того, это был перевод и компиляция из оригинального поста моего коллеги Брюса Лоусона, опубликованного на Dev.Opera: 300 Million Users and Move to WebKit

Of course, a browser is much more than just a renderer and a JS engine, so this is primarily an “under the hood” change.

Когда это писалось, мы видели только самые ранние сборки декстопного браузера и мы оперировали все доступной информацией, чтобы объяснить происходящее вам. Оглядываясь на три года назад, я, как и многие пользователи, рад этому переходу и ни о чём не жалею.

Более того, за минувшие 3 года доля Opera принципиально не изменилась, и это при падающих Firefox и IE и растущих Chrome и Яндексе.

«Веб — это самая сложная платформа в истории человечества» — интервью с Вадимом Макеевым из Opera

То, что вас до сих пор бомбит от перехода Opera на Chromium, не делает меня лжецом :)

Опрос: насколько строго вы следуете стандартам и лучшим практикам на фронтенде?

Нужно сразу писать, чтобы ошибок не было

Вы дословно повторили мою любимую шутку: Тесты? Нет у нас тестов, мы сразу без ошибок пишем!.

Пять причин, почему мы отказались от русского перевода конференции “Piter Py”

Молодцы, только вот слово English пишется с прописной.