Аппаратное ускорение для ваших перделок

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

will-change говорит браузеру о том, что пользователь, скорее всего, будет использовать эту анимацию и готовит девайс к её рендерингу.

Узнать больше о will-change можно здесь.

​​Ахуенные дэсигнеры с 2004

Каким же надо быть осталым дерьмоедом чтобы такое нарисовать, соболезную верстале. Повтыкать можно здесь, нужен LinkedIn

Я был простым парнем, без амбиций, и принимал все как есть, у меня никогда было какой-то возвышенной цели стать кем-то важным, знаменитым или властным. Проще говоря, я был простым как изнутри, так и внешне.

Таких в нашем городе тысячи. Я был пчелой, без имени и названия, заполняя чьи-то соты свои граммом меда. Короче, я был никем, и может быть стать хоть кем-то меня заставляло менять места.

Постепенно я свыкся с мыслью о том, что я проработаю всю жизнь на заводе, буду полжизни выплачивать ипотеку и, выплатив её, умру.

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

Откопал заебатый кодепэн с различными возможностями pointer-events.

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

​​Короче говоря, попал на интересную книгу...

Эта обложка так и манит почитать эту ёбень, прям вернулся в 90-ые, прямиком в утробе матери. Сама книжка 2012-ого года, а дизайн обложки про пиздец. А встречают, как говорится, по одежке.

Народная мудрость

При создании js-плагина сначала дайте ему пиздатое название и добавьте ".js" в конце. И только тогда приступайте к придумыванию ему функционала.

Хорошим примером будет pneumonoultramicroscopicsilicovolcanoconiosis

• Нет, я не умер
• Да, я хотел подготовить кое-что крутое, но оно опять оттягивается из-за тонны работы
• «Гы, держи найс css-перделку»

Тем кто не знает, тем кто забыл – полностью пьюр респонсив скваре для имаге, см. кодэпэн

#css

То чувство когда Google проиграл в appearance, сиризли?

Сказочный долбоёб

Как посещать веб-сайты в 2018 году: 10 простых шагов:

• Открываешь сайт
• Отказываешься от пуш-уведомлений
• Закрываешь уведомление о кукисах
• Закрываешь попап с предложением подписки
• Закрываешь онлайн-чат
• Закрываешь окошко «Ваш город ...?»
• Закрываешь окошко «Не нашли что искали? Оставьте телефон, мы сразу перезвоним»
• Закрываешь попап «Подпишитесь на наши соцсети»
• Отказываешься от скидки новым клиентам
• Вспоминаешь, зачем открыл этот сайт

пиздец житейский прикол, снимаю шляпу

​​Длина имеет значение

А вы знали что от длины названия класса зависит производительность? Бэнч показал то, что чем длинее имя класса – тем дольше время обработки. И да, конечно же, проблема в том, что код JS интерпретируется браузером.

Поэтому не забывайте минифицировать свой код перед продакшном, если не используете webpack, gulp и прочие радости бояр. Конечно же, разницу вы не почувствуете, ибо современные ПК позволяют забивать хуй на мелкий перфомэнс, но ваш продукт получит на одно зёрнышко "оптимизации" больше.

Детальнее, с возможностью проверить самому на своем устройстве: бэнчмарк

​​Ахуительная логика браузера

Что вы знаете о безысходности? Ваш браузер знает – то ли это явный пример расизма со стороны разрабов, то ли дефолтными цветами занимался дальтоник

Лайв пример: кодэручка

Слишком сильный украинский прїкол, осторожно

Газетный грид в массы

Очень многие вебсайты хуярят огромные полотна контента в одну массу, которую грех не проскроллить. Ибо нехуй.

Если на выходе от сервера мы имеем динамический контент (статику лучше разбить на колонки ручками, имхо) – то его можно разбить на несколько колонок и сделать отображение контента приятнее. Благо, поддержка браузерами приятная – 95-99%.

Смотреть лайв-пример 🦆

​​До сих пор делаешь макеты в фотошопе? Поздравляю – ты уёбок. [Ахтунг, баттхёрт-пост]

Ненавижу, блядь, этих мудаков. Они суют своё дерьмо в пыезде-формате и радуются. Они говорят «Гы, держи» заказчикам, разработчикам и другим планктонам проекта. А они же, в свою очередь, качают эти сотни мегабайт мусора и слоев и открывают это дерьмо ТОЛЬКО в фотошопе. А во всем виноват уёбок-дизайнер. Конечно же, есть всякие Zeplin'ы для частичного превращения этого дерьма в что-то съедобное, но это чисто до пизды: ни растр, ни вектор вы не стащите адекватно, дизайнеру сбрасывать её отдельно.

Именно поэтому умные люди создали Figma, которая заставляет дизайнеров и разрабов, от одного упоминания, истекать вовсю. Это просто заебатый и ахуительный инструмент для разработки макетов веб-сайта или приложения с кучей плюшек:
◦ Делать макеты можно с любой ОС, хоть с браузера. Показывать заказчикам можно также – тупо бросив ссылку на проект;
◦ Командная работа – в макете может одновременно работать команда дизайнеров, пиля это все добро онлайн;
◦ Контроль версий – нативный способ откатить изменения без каких-либо проблем;
◦ Комментарии позволяют разобрать каждый пиксель макета без уебищных поисков места обсуждения;
◦ Ахуительная работа с векторами – вообще пушка, это нужно потыкать-попробывать;
◦ Еще множество плюшек, во время создания статьи вдохновился этой статьей – можете почитать

Вдохновился написанием этой статьи от своего лапочки-дизайнера, который ведет свой канал по UI/UX – UI/UX Journal🤘. Он работает в Фигме, он делает крутой и приятный дизайн, он начал вести свой канал. Чем не повод подписаться?

#ux #ui #figma

Ахуенные анимации для гамбургера с возможностью дебага

«undefined, спасибо за регистрацию!
Для продолжения регистрации подтвердите ваш e-mail: ([object Object]). Осталось времени: NaN:NaN» 🤔

​​Дайджест интересных и полезных статей:

◦ Google о производительности веб-страниц: текущие и будущие решения ​​ ›

◦ UX + HTML5 – полезные заметки об input'ах​​ ›

◦ Возможности background-blend-modes на практике ›

◦ Руководство по веб-дизайну для разработчиков ›

◦ Зарплаты ИТ-специалистов на середину 2018 года ›

#дайджест