В десятиминутном ролике Наталья Гремитских ходит по сайту и рассказывает, что ей нравится и не нравится, а в конце отвечает на главный вопрос — позвала бы она KOTELOV в тендер или нет.
Разработка веб-сайтов *
Делаем веб лучше
Новости
UI. Интерфейс не должен отвлекать
Стараюсь сделать хороший редактор блок-схем. Вот что получается.
Человек может одновременно держать в памяти 7 элементов: 7 цифр, 7 слов. Если в меню 7 пунктов - это удобно. Если больше - нужно разбивать на блоки. Так сделано во всех программах.
Новый перспективный веб-фреймворк Cample.js. Реактивность без VDOM
Всем привет! В данной статье я бы хотел рассказать о таком фреймворке как Cample.js.
На сегодняшний момент (версия 3.0.1), фреймворк является активно поддерживаемым в разработке нового функционала. Есть поддержка работы с данными, которые благодаря реактивности без виртуального DOM отображаются крайне быстро. Пример тестов.
Ural Digital Weekend 2023 — программа и спикеры конференции
Привет! На связи Spectr.
Остался всего месяц до Ural Digital Weekend 2023. Рассказываем, что вас ждет на одном из самых масштабных диджитал-событий этого года! Под катом — подробности о программе и спикерах конференции.
Истории
Скажи что-нибудь на разрабском, Figma
Привет! С вами Виктор 👺, тэнгу‑хранитель одной из дизайн‑систем Ozon.
В июне 2023 года Figma выкатила мощное обновление, во многом ориентированное на разработчиков. Точнее на поиск общего языка между проектировщиком и программистом. Я давно занимаюсь дизайн‑системами и знаю как тесно связан дизайн и код. Насколько взаимопонимание между дизайнером и разработчиком ускоряет доставку продукта до пользователя.
Однако, кое‑где у нас порой, отношения дизайнера и разраба токсичны и контрпродуктивны. Связано это, как всегда, с непониманием. Разный взгляд, незнакомый язык, непохожие ценности. Кроме вариантов решения продуктовой задачи, дизайнер видит ритм отступов, гармонию сочетания цветов, всякие золотые сечения и правила внутреннего и внешнего. Ну, должен видеть. А разработчик смотрит на сложность реализации, на переиспользуемость компонентов, отображение на разных размерах экрана, поведение при переполнении или отсутствии данных.
Помогут ли новые фишки Figma наладить общение?
Как в разы сократить время поиска респондентов для исследований и получать 35-40 заявок в месяц от кандидатов?
Помните поговорку: «Не имей 100 рублей, а имей 100 друзей»? В рекрутинге респондентов в сложных IT-продуктах такой же принцип — с помощью профессионального сообщества собираешь контакты по сусекам. Но в какой-то момент чаты скудеют, знакомства заканчиваются, а подбор агентств не подходит. Наступает время креативных решений.
Привет! Меня зовут Маша, я UX-проектировщик. В работе часто участвую в пользовательских исследованиях и сталкиваюсь со сложным подбором респондентов. В тексте расскажу, как мы решили изменить процесс рекрута и провели эксперимент: создали страницу Selectel.Мнения и собрали свою базу участников. Поделюсь стартовыми гипотезами и результатами.
Пишем хорошие компоненты, которые захочется переиспользовать, а плохие — не пишем
Обсудили с Антоном Крыловым, фронтенд-разработчиком Авито, как нужно и не нужно писать компоненты. Поговорили про характеристики компонентов и коснулись Dependency Injection и DSL-like подхода в React.
Разработка фронтенда ИТ-продукта: какой подход выбрать исходя из задач бизнеса
Подход к разработке фронтенда в продукте – уже давно не прихоть разработчика, а инструмент для решения бизнес-задачи. В статье простыми словами о том, почему это так, как выбор подхода зависит от назначения продукта, а также примеры использования подходов.
8 полезных библиотек React, которые упрощают жизнь разработчику
Для React разработано большое количество библиотек, которые позволяют без проблем работать даже с очень сложной анимацией, да и не только с ней. В подборку мы постарались добавить те из них, что способны в разы повысить скорость и эффективность работы специалиста. В статье собраны далеко не все библиотеки, которые заслуживают внимания, поэтому, если у вас есть собственный «фаворит», расскажите об этом инструменте в комментариях. Что же, приступим!
Роль архитектуры в ПО
Понимание того, чем является архитектура и способность оценить её качество - разные вещи. Зачастую она воспринимается, как нечто неотделимое от ПО, присущее ему. Как следствие, зачастую, сама роль и ее задачи ускользают от разработчика.
В этой проблеме поможет разобраться Роман Хаимов. Он занимается разработкой ПО в практике Frontend “Рексофт”, компании, которая более 30 лет занимается разработкой ПО на заказ для российских и международных компаний. Сегодня Роман расскажет про главную задачу (или роль) любого структурного элемента в приложении. Вместе с ним мы посмотрим на простых примерах, на что влияет архитектура проекта, а также поймем, что может изменить ситуацию к лучшему.
Введение в View Transitions API
Новый View Transitions API, что можно перевести как "интерфейс переходов отображения", предлагает легкий способ анимирования перехода между двумя состояниями DOM — даже между загрузками страниц. Это прогрессивное улучшение, которое можно реализовать уже сегодня.
Есть 14 языков для хранения данных… Или как появился IEML
Велась как-то работа на одним движком для создания GUI, некоторого подобия Qt. Выделялся он тем, что конечный пользователь мог этот интерфейс кастомизировать с помощью конфига до самых мелочей.
Изначально в качества такого конфига был взят YAML, звучало разумно, простой для обывателя формат, справится, если не бабушка, то хотя бы слегка прошаренный геймер.
В процессе интеграции обнаружилось, что нам этого формата не хватает, да и некоторые другие его минусы стали проявляться. В итоге было решено создать свой формат.
Развлечения с хеш-коллизиями
Мой друг и коллега по цеху, блоггер Сэм, недавно опубликовал своё третье иллюстрированное руководство, темой которого стало хеширование. Нет острой необходимости читать его руководство перед прочтением моей статьи, но я очень рекомендую вам это сделать. Хотя бы ради того, чтобы посмотреть на восхитительные анимации, от которых невозможно оторваться. Честно — они просто потрясающие. Тут, к сожалению, анимаций вы не найдёте, поэтому насмотритесь на них в той статье, а потом возвращайтесь сюда. Здесь вы сможете немного позабавиться поиском коллизий алгоритма хеширования MurmurHash3.
Сразу хочу отметить, что этот материал я писал исключительно ради развлечения. Ничто из того, что я тут покажу, не предназначено для продакшн-кода. И вот, как всегда, ссылка на GitHub-репозиторий, в котором можно найти код к этой статье.
Идея этого поста возникла после того, как меня попросили помочь с поиском коллизий. Тогда меня охватило непреодолимое желание узнать о том, сколько хешей в секунду я смогу выжать из доступного мне железа. Собственно, тут я расскажу о поиске хеш-коллизий MurmurHash3 на скорости 200 гигахешей в секунду.
Fastapi 0.100.0-beta1: ещё быстрее
На прошлой неделе вышла бета-версия нового FastAPI 0.100-beta1, а это значит что? Правильно, пришло время performance-тестов!
Ключи Passkeys — начало постпарольной эпохи? Не так быстро…
В мае 2023 года компания Google присоединилась к общему тренду отказа от паролей — и выкатила passkeys (ключи доступа), которые позволяют войти в аккаунт без пароля, а по пальцу, лицу, локальному пинкоду или аппаратному ключу. То есть авторизоваться в Google тем же методом, которым вы авторизуетесь в операционной системе (на смартфоне или ПК). Ранее об отказе от паролей заявила Microsoft.
По своей природе парольные ключи невозможно «потерять». Ими не может воспользоваться злоумышленник. Разработчики заявляют, что такие ключи надёжнее обычных паролей и даже надёжнее, чем 2FA через SMS, поскольку SMS легко перехватить.
Хотя некоторые говорят о начале постпарольной эпохи, всё-таки подобный оптимизм кажется слегка чрезмерным.
Сравнение тяжеловесности популярных библиотек UI компонент для Vue 3
Библиотеки UI компонент популярны и удобны в некоторых случаях, но у них тоже есть обратные стороны. Одно дело, когда делаешь админку и используешь десятки компонент, другое - когда тебе надо всего пару компонент.
Было проведено исследование - взяты три HTML элемента: Button, Input и Select, и проверено, насколько увеличатся js и css бандлы если использовать для них одну из 10 распространенных UI библиотек для Vue 3.
Приручаем Liquibase. Как скормить базе данных список из 10К офисов, чтобы потом не писать костыли?
Привет! Меня зовут Михаил, я Java Backend Developer в Simbirsoft. В этой статье хочу поделиться своим опытом создания миграций файлов с большим списком данных при помощи Liquibase. Cтолкнувшись с такой задачей на проекте, я был сильно удивлен тому, как мало материалов написано по этой теме, даже на английском. Поэтому описал то, что удалось собрать и проверить на собственном опыте.
Как делать резервные копии сайтов и серверов?
Это горящий дата центр крупнейшего хостинг провайдера Европы - OVH. После пожара некоторые проекты так и не восстановились, другие долго зализывали раны. И чтобы такого не произошло - надо делать регулярные резервные копии. О том как, с какой периодичностью и что в них включать мы сегодня и поговорим.
Цифровые аватары: эволюция визуального представления в онлайн-мире
Привет, Хабр! Меня зовут Александр Михалюк, я директор по продуктам beeline cloud. Возможно, вы уже знаете, что недавно у нас произошел масштабный ребрендинг, — ранее мы уже рассказывали о нем в статье про ASCII-арт. Сегодня речь пойдет о другой концепции, которую мы задействовали в нашем фирменном стиле. Эксперты beeline cloud получили цифровые аватары — посмотреть, как они выглядят, можно на сайте компании.
В этой статье я хочу рассказать, как развивалась идея цифровых аватаров и как нам удалось воплотить ее в брендинге beeline cloud. Надеюсь, будет интересно!
Как рассказывать про кейсы агентства, чтобы читатель не умер со скуки
Когда отсутствуют кейсы для студии или агентства — это не такая большая проблема по сравнению с тем, что агентства не могут рассказать про уже существующие достижения. В этой статье разберем что делать, если кейс обложен NDA или если говорить про него можно, но нормально не получается.