Реализуем генератор паролей на сайте
Чтобы точно быть уверенным в том, что пользователь не будет устанавливать простой для перебора пароль и ставить свой аккаунт под угрозу взлома, нужно упростить создание такого пароля.И вот один из неплохих проектов.
Random Password Generator — вкладка генератора паролей, созданная с помощью CSS и JavaScript. Исходники: https://codepen.io/dev_loop/pen/vYYxvbz
#codepen
Чтобы точно быть уверенным в том, что пользователь не будет устанавливать простой для перебора пароль и ставить свой аккаунт под угрозу взлома, нужно упростить создание такого пароля.И вот один из неплохих проектов.
Random Password Generator — вкладка генератора паролей, созданная с помощью CSS и JavaScript. Исходники: https://codepen.io/dev_loop/pen/vYYxvbz
#codepen
Forwarded from Представляешь,
разработчик выпустил утилиту, которая уродует код
Она называется Shittier — в противовес утилите Prettier.
Shittier форматирует код так, что он становится почти нечитаемым, но при этом остаётся рабочим. Утилита добавляет пробелы, табы и разрывы строк в структуру кода JS, меняет регистр букв.
Разработчик, конечно, добавил дисклеймер, что утилита сделана веселья ради и забавы для, лучше не использовать её на продакшн-коде.
Но вообще, так и любой джун может...
Она называется Shittier — в противовес утилите Prettier.
Shittier форматирует код так, что он становится почти нечитаемым, но при этом остаётся рабочим. Утилита добавляет пробелы, табы и разрывы строк в структуру кода JS, меняет регистр букв.
Разработчик, конечно, добавил дисклеймер, что утилита сделана веселья ради и забавы для, лучше не использовать её на продакшн-коде.
Но вообще, так и любой джун может...
5 новых функций CSS, которые вы обязаны знать в 2024 году
Рассказали о 5 новых функциях в CSS: о cелекторе :has(), запросах к контейнерам, вложенности CSS, text-wrap:balance и :focus-visible: https://tproger.ru/articles/5-novyh-funkcij-css--kotorye-vy-obyazany-znat-v-2024-godu
#css #тренды
Рассказали о 5 новых функциях в CSS: о cелекторе :has(), запросах к контейнерам, вложенности CSS, text-wrap:balance и :focus-visible: https://tproger.ru/articles/5-novyh-funkcij-css--kotorye-vy-obyazany-znat-v-2024-godu
#css #тренды
...после того, как узнала, что в Tinder с ней общался не настоящий парень, а СhatGPT
Уверены, что знаете CSS Flexbox достаточно хорошо?
CSS Flexbox — это инструмент для создания гибких и адаптивных макетов в веб-разработке. Он позволяет расположить элементы в контейнере так, чтобы они могли гибко реагировать на размер экрана или окна браузера.
Сделали тест, в котором можете проверить, насколько хорошо вы понимаете концепции и свойства Flexbox, которые делают его таким мощным инструментом: https://tproger.ru/articles/css-flexbox-test
#css
CSS Flexbox — это инструмент для создания гибких и адаптивных макетов в веб-разработке. Он позволяет расположить элементы в контейнере так, чтобы они могли гибко реагировать на размер экрана или окна браузера.
Сделали тест, в котором можете проверить, насколько хорошо вы понимаете концепции и свойства Flexbox, которые делают его таким мощным инструментом: https://tproger.ru/articles/css-flexbox-test
#css
Если бы создатели онлайн-калькуляторов для сайтов делали реальные приложения
Angular 17: что нового?
Разбор обновлений Angular 17, в котором рассказали о новых фичах фреймворка и изменениях в синтаксисе и рендеринге: https://tproger.ru/articles/angular-17--chto-novogo
#angular
Разбор обновлений Angular 17, в котором рассказали о новых фичах фреймворка и изменениях в синтаксисе и рендеринге: https://tproger.ru/articles/angular-17--chto-novogo
#angular
Тренды и новинки в мире CSS и веб-дизайна
Нейросети, no-code, потребность в «пересборке» взаимодействия веб-дизайнеров с заказчиками и другие технологические и организационные факторы обозначили себя в 2023 и продолжат оказывать влияние на отрасль в наступившем году.
Чтобы быть в тренде, сохраняйте себе статью, в которой рассказали о трендах в CSS и веб-дизайне в 2024 году. Статья поможет разобраться в том, что нужно знать, какие скиллы имеет смысл качать и какие инструменты использовать: https://tproger.ru/articles/trendy-i-novinki-v-mire-css-i-veb-dizajna
#дизайн #тренды
Нейросети, no-code, потребность в «пересборке» взаимодействия веб-дизайнеров с заказчиками и другие технологические и организационные факторы обозначили себя в 2023 и продолжат оказывать влияние на отрасль в наступившем году.
Чтобы быть в тренде, сохраняйте себе статью, в которой рассказали о трендах в CSS и веб-дизайне в 2024 году. Статья поможет разобраться в том, что нужно знать, какие скиллы имеет смысл качать и какие инструменты использовать: https://tproger.ru/articles/trendy-i-novinki-v-mire-css-i-veb-dizajna
#дизайн #тренды
Дорожная карта по DevOps
Если планируете полноценно прокачаться в девопсе, то рекомендуем обратить внимание на этот план обучения.
С его помощью структурируете свои текущие знания, найдёте в них пробелы и поймёте, куда стоит расти дальше:
https://roadmap.sh/devops
#devops
Если планируете полноценно прокачаться в девопсе, то рекомендуем обратить внимание на этот план обучения.
С его помощью структурируете свои текущие знания, найдёте в них пробелы и поймёте, куда стоит расти дальше:
https://roadmap.sh/devops
#devops
Фронтендеры: Это ошибки бэкенда.
Бэкендеры: На нашей стороне нет ошибок, ищите у себя.
Тем временем где-то в серверной:
Бэкендеры: На нашей стороне нет ошибок, ищите у себя.
Тем временем где-то в серверной:
Создаём генератор персонажа
Этот codepen-проект Kodama Generator показывает необычную стороны возможностей CSS и JavaScript для создания персонажей с рандомизацией некоторых деталей.
Исходники: https://codepen.io/pavlovsk/pen/rNYwKeo
#codepen
Этот codepen-проект Kodama Generator показывает необычную стороны возможностей CSS и JavaScript для создания персонажей с рандомизацией некоторых деталей.
Исходники: https://codepen.io/pavlovsk/pen/rNYwKeo
#codepen
codepen.io
Kodama Generator
...
Оператор cache: в поиске Google перестанет работать в ближайшее время
Оператор cache: нужен, чтобы найти кэшированную версию страницы, генерируемую Google, даже если не удаётся перейти на сайт.
Дэнни Салливан, представитель Google SearchLiaison, рассказал об удалении возможности просмотреть кэшированную версию страницы через добавление «cache:» к URL-адресу в поиске.
Как отмечает Салливан, оператор cache: — одна из старейших функций Google, необходимая, чтобы пользователи не теряли доступ к данным, когда сайт недоступен. Сейчас таких ситуаций практически не происходит, поэтому было решено от функции отказаться.
Салливан надеется, что в будущем Google договорится с Internet Archive об интеграции ссылок на копии сайтов из The Wayback Machine в раздел «Об этом результате». А пока будет так.
#интернет #google
Оператор cache: нужен, чтобы найти кэшированную версию страницы, генерируемую Google, даже если не удаётся перейти на сайт.
Дэнни Салливан, представитель Google SearchLiaison, рассказал об удалении возможности просмотреть кэшированную версию страницы через добавление «cache:» к URL-адресу в поиске.
Как отмечает Салливан, оператор cache: — одна из старейших функций Google, необходимая, чтобы пользователи не теряли доступ к данным, когда сайт недоступен. Сейчас таких ситуаций практически не происходит, поэтому было решено от функции отказаться.
Салливан надеется, что в будущем Google договорится с Internet Archive об интеграции ссылок на копии сайтов из The Wayback Machine в раздел «Об этом результате». А пока будет так.
#интернет #google
Как научиться анимациям в CSS за 20 минут?
В CSS существует два способа создания анимаций: переходы (transitions) и анимации (animations). В статье рассказываем, на что способен каждый из них: https://tproger.ru/articles/kak-nauchitsya-animaciyam-v-css-za-2-minut
#css
В CSS существует два способа создания анимаций: переходы (transitions) и анимации (animations). В статье рассказываем, на что способен каждый из них: https://tproger.ru/articles/kak-nauchitsya-animaciyam-v-css-za-2-minut
#css
У Гарри Поттера был Дамблдор, у Люка Скайуокера — мастер Йода.
Этих мудрых наставников объединяет благородная миссия передачи знаний, сыгравшая ключевую роль в становлении их учеников.
Если вас тоже вдохновляет эта цель, у нас хорошая новость — в Яндекс Практикуме открыты роли наставников и авторов курсов.
Наградой за ваш обширный опыт станет:
— Образовательная миссия, статус эксперта Яндекс Практикума;
— Гибкий график, удалёнка и дополнительный заработок;
— Команда единомышленников для совместной разработки креативного контента;
— И полная свобода в реализации смелых идей и экспериментов.
Улучшить жизнь людей и поделиться опытом можно тут:
— Наставник на курс Go-разработчик
— Наставник на курс Системный администратор
— Автор курса «Системный администратор»
— Наставник на курс Специалист по инфобезопасности
— Автор курса «Информационная безопасность»
#вакансии #работа
Этих мудрых наставников объединяет благородная миссия передачи знаний, сыгравшая ключевую роль в становлении их учеников.
Если вас тоже вдохновляет эта цель, у нас хорошая новость — в Яндекс Практикуме открыты роли наставников и авторов курсов.
Наградой за ваш обширный опыт станет:
— Образовательная миссия, статус эксперта Яндекс Практикума;
— Гибкий график, удалёнка и дополнительный заработок;
— Команда единомышленников для совместной разработки креативного контента;
— И полная свобода в реализации смелых идей и экспериментов.
Улучшить жизнь людей и поделиться опытом можно тут:
— Наставник на курс Go-разработчик
— Наставник на курс Системный администратор
— Автор курса «Системный администратор»
— Наставник на курс Специалист по инфобезопасности
— Автор курса «Информационная безопасность»
#вакансии #работа