Size: a a a

Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript

2021 October 09

D•

Dan • Captain in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Telegram
Котики Кодят: Перезагрузка
#котикикодят #дайджест #подкаст #выпуск25

Двадцать пятый эпизод дайджест подкаста «Котики Кодят», от 9 октября 2021 года.
Все главные события недели в мире айти за десять минут!

🖇 Ссылки выпуска:
• Apple зарабатывает деньги на играх, не делая игры
• Сквозное шифрование в Safari
• 6 миллиардов рублей на новые айфоны. В России нет кризиса!
• Facebook объясняет причины своих проблем
• Финансовые потери Facebook
• Люди отвлеклись от соцсетей и стали работать.
• 1,5 миллиарда пользователей Фейсбука продаются в даркнете
• Украли и выложили исходные коды крупнейшего стриминга. сTWITCHили.
• та же новость от VGC
• киберпанк откладывается: рано сдавать биометрию
• Python 3.10.0 !!!
• AMD тормозит под Windows 11
• Наши — чемпионы по программированию ICPC!
• Новые модели для новых вакцин
• Quake в браузере на 12 килобайт!

📡  У Cloud4box появились VPS на NVMe! Только для подписчиков нашего дайджест-подкаста промокод ccoder_12 на 12% скидку! Действует на постоянной основе!

@ccoder
источник
2021 October 13

NK

ID:0 in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
С 19 по 21 ноября пройдет второй оффлайн-хакатон от АО «Россельхозбанк» — AgroCode Hack.

Командам предстоит  решить одну из технологических задач агроиндустрии:

1️⃣ Цифровая ферма: Разработка решения для измерения активности поросят. Предстоит произвести сегментацию и подсчёт животных в производственном станке, а также оценить «активность» каждого животного по обучающей выборке неразмеченных видеороликов.

2️⃣ Маршрут беспилотного трактора. Необходимо создать алгоритм построения непрерывного маршрута движения трактора на поле для различных операций. От участников требуется презентация реализованного MVP, исходного кода, а также трека, сгенерированного системой Trimble.

Участвовать могут frontend- и backend-разработчики, мобильные разработчики, аналитики и дизайнеры.
Заявки принимаются как от готовых команд, так и от индивидуальных участников.

Команды, предложившие лучшие решения, разделят призовой фонд в размере полмиллиона рублей.

Подать заявку можно до 3 ноября на сайте.
источник
2021 October 15

C

CodeAsm in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
а что IE11 в теге img в src нельзя ссылки на картинки с параметрами вставлять? что-то не нашёл такой инфы в инете. сайт должен в ie работать, не мне решать. контент и картинки из CMS прилетает, только недавно ссылки на картинки начали полетать с параметрами. перестали в ie отображаться.
источник

VC

Valera CSS_Junior in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
а как в WebStorm искать не строгим поиском по проекту? регуляркой как-то? например, мне нужно найти слово title и чтоб в этом же файле
использовалось слово id, ну или чтоб id использовалось в районе 20 сииволов перед или после title. как регулярку сделать?
источник
2021 October 21

C

CodeAsm in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Кто-то может разбирается в Storybook? Проект на Реакт. Я попробовал сделать простой стори компонента
у него пропсы такие
TitleComponent.propTypes = {
 titleType: PropTypes.string,
 children: PropTypes.node,
 className: PropTypes.string,
 subtitle: PropTypes.string,
 id: PropTypes.string,
 targetBrowser: PropTypes.string,
};

в стори я так написал
const Template = args => <TitleComponent {...args}>Title Text</TitleComponent>;
export const Primary = Template.bind({});
Primary.args = {
 titleType: "h1",
 subtitle: "",
};

там в Storybook такие поля появились - children, className, id, которые мне нафиг не нужны в стори. От этих
значений отображение компонента не меняется. Их убрать можно или все пропсы должны здесь отображаться?
источник

VC

Valera CSS_Junior in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
а что это за синтаксис в .js файле
exports.unused = {};
? в одном проекте увидел. там разработчик из этого файла импортит jsdoc typdef вот так
/**
* @typedef {import('./File1.js').MyObject1} MyObject1
*/
я пробовал удалить эту строку exports.unused = {}; и тот импорт перестал работать. я понял для этого нужно скорее всего, но интересно что эта строка
exports.unused = {};
вообще делает? как работает?
источник
2021 October 23

D•

Dan • Captain in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник
2021 October 24

C

CodeAsm in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
знаете ли вы open source проект, где классно сделаны Storybook story? я пока нашёл один https://5d28eb5ee163f6002046d6fb-sbbmllgpjg.chromatic.com (сайт БиБиСи), но хотел бы посмотреть больше примеров.
источник
2021 October 29

ДС

Дима Смирнов... in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Всем привет! Ищу начинающих дизайнеров, которые готовы войти в нашу пока небольшую команду по разработке Экосистемы, основным Сервисом которой будет Мессенджер.
В первую очередь нас интересуют логотипы, иконки и бренд в целом.

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

D•

Dan • Captain in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Переслано от Anna Yureva
#Вакансия #Екатеринбург #Россия #Разработчик #Frontend #Angular #офис #удаленка

Всем привет! На связи компания Artsofte https://artsofte.ru

Мы занимаемся разработкой отраслевого ПО для финтеха, застройщиков, авто- и мото-дилеров.

Ищем Front-end разработчика (Angular, JS, TS) в команду Abanking – fintech.

Твоими основными задачами будут:
• писать код в составе команды проекта (тимлид, разработчики, верстальщики, аналитики, проектный менеджер, тестировщик);
• разрабатывать новые фичи платформы Abanking и улучшать уже созданные;
• изучать новые технологии, помогать коллегам, делиться с ними знаниями и опытом.

Условия:
- Белая ЗП: Junior - 40-80, Middle - 100-150 на руки (зависит от пожеланий и уровня знаний);
- Пятидневка с началом дня в 9:00-11:00;
- Просторный open-space в центре Екатеринбурга Малышева 71;
- Возможность удалённой работы;
- ДМС после испытательного срока для тебя и близких.

Контакты для связи, вопросов, резюме:
Телеграмм: @MZdanevich
Почта: m.zdanevich@artsofte.ru
источник
2021 October 31

C

CodeAsm in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Лайтхаус показывает что у нас завышен SEO показатель Совокупный сдвиг макета (CLS) https://ax.digital/measuring-cumulative-layout-shift-cls/ Мне дали задачу найти причину и по возможности исправить. А как можно обнаружить где этот сдвиг при отрисовке страницы происходит?
источник

IM

Ilya Mazyarov in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
обрати внимание на перезаписываемые стили
источник

IM

Ilya Mazyarov in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
обычно дело в них, 1й <link> подгружает один стиль, 2й - перезаписывает его, появляется смещение
источник
2021 November 01

VC

Valera CSS_Junior in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Сделали PWA версию сайта написанного на Реакт. Пока текстим всей  командой в Chrome на смартфонах. Текстим так: удаляем PWA если раньше ставили, удаляем кеш, заходим на наш сайт. Внизу страницы предложение "Добавить приложение 'наш сайт' на главный экран" не у всех появляется. Пункт "Установить приложение" в меню правда у всех появляется. Можете высказать предположение почему предложение внизу страницы в Chrome появляется не у всех?
источник

IM

Ilya Mazyarov in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
"предложение внизу страницы". это сообщение генерируется сайтом или браузером? скорее всего сайтом, значит есть условие по которому оно отображается, копай в эту сторону. Вероятнее всего куки
источник
2021 November 02

VC

Valera CSS_Junior in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
а вы пользовались такой штукой при верстке как здесь https://youtu.be/7ZxhLpTVI24&t=7m50s автор говорит? с одной стороны прикольно, с другой - геморно и я такого ещё не видел, чтоб использовали. Или это обычное дело и часто используют?
источник

IM

Ilya Mazyarov in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
использую srcset и sizes в теге <picture>, а тег в свою очередь использую с webp, чтобы сохранить совместимость под браузеры, не поддерживающие формат
источник

IM

Ilya Mazyarov in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
в обычной жизни не особо полезная штука
источник

VC

Valera CSS_Junior in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
ок. спасибо
источник
2021 November 04

DK

Dmitrii Korotovskii in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Всем привет, ищу дизайнера на проект
источник