​​Filepond — это небольшая JavaScript библиотека для загрузки файлов. Она предлагает несколько вариантов загрузки: drag'n'drop, CTRL+V, через файловую систему или с помощью API. Библиотека весит всего 21KB.

Демо | GitHub

#js #file

​​Windows XP написаный на React

Демо | GitHub

#js #react

Футер всегда должен «прилипать» к низу страницы — это негласное правило дизайна веб-сайтов. Для начинающих верстальщиков оно может превратиться в головоломку. Как растянуть контейнер, если контента в нем мало, но при этом избежать переполнения при большом количестве текста?

Липкий футер. CSS-эффекты.

#css #tips

Навыки, которые IT-специалисты применяют в работе, делятся на два типа — hard skills и soft skills. Первые — это профессиональные умения, которыми инженеры пользуются, решая технические задачи. Это, например, владение Java или знание Big Data-стека.

А что насчет вторых? Soft skills — это комплекс неспециализированных навыков, которые не менее важны в работе. Что это за умения, зачем они нужны айтишнику, как их развивать, почему инженеры с прокаченными «гибкими навыками» становятся все более востребованными.

Зачем инженеру Soft Skills

#soft #skills #article

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

Исповедь фуллстека. Профессия, религия, мечты.

#fullstack #article #skills

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

Увеличение изображений при наведении

#css #tips

Такое часто случается с проектами, доставшимися «по наследству» от предыдущих разработчиков. Вам уже нужно писать новые блоки, а в старой базе over 9 000 строк кода. Как быстро освоиться и не утонуть юному падавану?

Советы для быстрого понимания чужого кода

#tips #programming

Vanilla JavaScript не типизирован по своей натуре. Можно даже назвать его «умным», поскольку он способен вычислить, что является числом, а что строкой.

Это упрощает запуск JavaScript кода в браузере или при работе Node.js. Однако он уязвим для многочисленных ошибок во время исполнения (рантайм), которые могут испортить ваш пользовательский опыт использования.

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

Как система типов улучшает ваш код на JavaScript

#js #article

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

Так происходит, потому что изменение размера шрифта может быть причиной уязвимости! Если CSS сможет изменить размер шрифта, я могу сказать посещали ли Вы pornhub.com. Но как?

Почему нельзя установить размер шрифта у посещенной ссылки

#css #security

​​Inter — шрифт, который сделал Rasmus Andersson, он не шрифтовой дизайнер, он больше про UX/UI, стоял у истоков Spotify, а сейчас в Figma. Но шрифт получился классный и хорошо проработанный. Кириллица есть! И он бесплатный!

rsms.me/inter

#font #ui #ux #design

Эффект параллакса в веб-дизайне очень популярен: он может здорово оживить страницу при прокрутке. При этом параллакс изображение CSS будет оставаться фиксированным несмотря на перемещение контента.

Как создать эффект параллакса

#css #tips #article

JavaScript, несмотря на его многочисленные недостатки, возможно, является самым лучшим языком программирования для начинающих разработчиков, и лучшим языком, с которым могут повозиться дети. Так это или нет?

JavaScript - лучший язык программирования для начинающих

#js #article

Если вы хотите быстро добавить вашему веб-сайту популярный «ночной режим», обратите внимание на CSS фильтры invert и hue-rotate. В статье рассказывается, как ими пользоваться.

Мгновенный ночной режим

#css #tips

​​Пользователи GitHub смогут финансово поощрить разработчиков — для этого компания добавит кнопку «спонсировать». В течение первого года работы сервиса разработчики смогут забирать себе всю сумму пожертвований, затем GitHub начнёт брать процент за приём платежей.

Кроме того, в первый год GitHub будет удваивать сумму каждого пожертвования. Для этого компания запустила фонд объёмом $5000 на разработчика.

​​Google обновила дизайн поискового сервиса для мобильных устройств. Теперь в карточках поисковой выдачи будут отображаться заголовки, а рядом — логотипы сайтов.

#news #design #google

Специалисты «Собаки Павловой» рассказывают, как сделали дизайн сайта «Электронного города».

Новосибирский интернет-провайдер «Электронный город» помешан на качестве клиентского обслуживания. Да, это редкость! Сайт получился такой же — не модный, не впаривающий, а отвечающий на вопросы клиентов.

Сайт амбициозного регионального провайдера

#article #promo

Обсуждение в чате. @webb_chat

До CSS3 обрезать изображения было очень непросто, если помните. Но теперь у нас есть два отличных свойства: object-fit и object-position. С их помощью можно изменять размеры изображения, не влияя на соотношение его сторон.

Анимация кадрирования фото

#css #tips #article

Если вы работали с Photoshop, то знаете, насколько мощным инструментом могут быть режимы смешивания цветов. Оказывается, большинство из них могут быть использованы и для создания различных CSS-эффектов.

Режимы смешивания

#css #tips #article