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

При создании 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 года ›

#дайджест

Институт Дизайна и Новых Технологий. 2018

Как же доставляют такие сайты сверх-современных институтов, которые позиционируют себя как менторы в мире IT 🤣

ссыль на институт

​​Чем отличается фронтендер от дилера? Он толкает закладки, но только внутри браузера. Бадамс-с!

сильно.

​​Frontend Conf 2018: конференция Эскобара

Вобщем, наткнулся на статью с Хабра о конференции по фронтенду. Зашел, посмотрел видосики докладов в фоне, пока делал свои делишки.

Двоякое чувство – вроде совсем куча дичи для новичков и хуеты, но мелкую крошку полезной информации таки сумел вытащить.

Сама статья с Хабра