Как посещать веб-сайты в 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: конференция Эскобара

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

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

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

Интересный онлайн-блог о UX и маркетинговых фишечках для удобных и продающих вебсайтов, на английском – ссыль 📎

Интересные и малоизвестные типографические фичи CSS – OpenType Features ✍️

​​Я в PHP никогда не ходил ,но в этот раз точно пойду на Laravel программировать. Фреймворк от народа!

Маленькая передистория: пришел клиент с определенными техническими требования, среди которых было написание сервера на PHP. Хоть я и не сильный любитель PHP, но так вышло.

Именно тогда вместе с разработчиками мы остановили выбор на Laravel и не пожалели. Это ахуительно, на самом деле: обширная документация, приятная интеграция фронта и бэка, elixir, защита от атак "с коробки", шаблонизатор, кэширование страниц и еще много чего.
При всем этом – производительность отличная. Серьёзно, если приходится\нравится юзать PHP и нужен производительный и заебатый вебсайт, то Laravel это лучший выбор.

Больше можно вычитать на официальном вебсайте Laravel. И как бонус – перевод эпизода со создателем Laravel на тему:
"Можно ли использовать Laravel для больших Enterprise-решений?"

А вы юзали\слышали об Laravel?
👍 – Да
👎 – Нет

#backend #laravel #php

Кхм... Выгодное предложение 🤔