Условный border-radius в CSS
В одной из запрёщенных социальных сетей автор этой статьи нашёл интересное значение border-radius для карточного компонента. Суть в том, что углы элемента настраиваются автоматически в зависимости от размеров экрана с помощью хитрой формулы.
Вот об этой формуле, а также способе её применения и пойдёт речь в этой статье:
https://webformyself.com/uslovnyj-border-radius-v-css/
#фронтенд #css
В одной из запрёщенных социальных сетей автор этой статьи нашёл интересное значение border-radius для карточного компонента. Суть в том, что углы элемента настраиваются автоматически в зависимости от размеров экрана с помощью хитрой формулы.
Вот об этой формуле, а также способе её применения и пойдёт речь в этой статье:
https://webformyself.com/uslovnyj-border-radius-v-css/
#фронтенд #css
👍14😐3❤🔥1🤮1💩1
Ищем человека в команду SMM
Если вы разбираетесь в IT, умеете подавать информацию и хотите попробовать себя в качестве автора Telegram-каналов, то приходите к нам!
Подробности о вакансии, зарплате и тестовое можно посмотреть тут:
http://tprg.ru/bqed
#вакансии #работа
Если вы разбираетесь в IT, умеете подавать информацию и хотите попробовать себя в качестве автора Telegram-каналов, то приходите к нам!
Подробности о вакансии, зарплате и тестовое можно посмотреть тут:
http://tprg.ru/bqed
#вакансии #работа
😐14👍2❤1
Дайджест Python #10: генерация голоса и оценка скорости Mojo
Собрали дайджест из лучших материалов по Python с 15 по 31 мая, которые только смогли найти. Здесь вы найдёте инструкцию по созданию блога на Django, блиц по бэкенду, полезную информацию для фронтендеров и многое другое.
Дайджест включает статьи и видео на русском и английском языках:
https://tproger.ru/articles/dajdzhest-python-10/
#дайджест #python
Собрали дайджест из лучших материалов по Python с 15 по 31 мая, которые только смогли найти. Здесь вы найдёте инструкцию по созданию блога на Django, блиц по бэкенду, полезную информацию для фронтендеров и многое другое.
Дайджест включает статьи и видео на русском и английском языках:
https://tproger.ru/articles/dajdzhest-python-10/
#дайджест #python
👍2👎1
Внимание! Яндекс Практикум разыскивает авторов и наставников на курсы.
Будьте осторожны, эти люди не остановятся ни перед чем, если решат помочь кому-то прокачаться в области IT. Их знания обширны, а желание менять мир к лучшему велико.
Яндекс Практикум предлагает достойную оплату и всего 2-3 часа занятости в день. Если вы знаете этих людей или это вы, то скорее переходите по ссылке:
— Автор на курс «Python-разработчик»;
— Наставник на курс «Go-разработчик».
Будьте осторожны, эти люди не остановятся ни перед чем, если решат помочь кому-то прокачаться в области IT. Их знания обширны, а желание менять мир к лучшему велико.
Яндекс Практикум предлагает достойную оплату и всего 2-3 часа занятости в день. Если вы знаете этих людей или это вы, то скорее переходите по ссылке:
— Автор на курс «Python-разработчик»;
— Наставник на курс «Go-разработчик».
👎12👍10😱3❤1💩1
Интересные трюки HTML, CSS и JS
Ловите подборку нестандартных вариантов использования HTML, CSS и JS. Они позволят вам отследивать поведение пользователей на сайтах конкурентов, хранить состояния в URL, использовать тригонометрию и не только.
Подробнее:
https://habr.com/ru/companies/ruvds/articles/731960/
#фронтенд
Ловите подборку нестандартных вариантов использования HTML, CSS и JS. Они позволят вам отследивать поведение пользователей на сайтах конкурентов, хранить состояния в URL, использовать тригонометрию и не только.
Подробнее:
https://habr.com/ru/companies/ruvds/articles/731960/
#фронтенд
👍19❤2
Топ-7 книг для прочтения веб-дизайнеру
Этот пост пригодится как веб-дизайнерам, так и фронтендерам, которые работают во фрилансе и могут иметь дело с дизайном. Благодаря это подборке книг вы сможете узнать много нового о тенденциях в веб-дизайне, основных правилах, которые актуальны для любого стиля, стандартах и многом другом.
Подробнее:
https://tproger.ru/articles/top-7-knig-dlya-prochteniya-veb-dizajneru/
#дизайн
Этот пост пригодится как веб-дизайнерам, так и фронтендерам, которые работают во фрилансе и могут иметь дело с дизайном. Благодаря это подборке книг вы сможете узнать много нового о тенденциях в веб-дизайне, основных правилах, которые актуальны для любого стиля, стандартах и многом другом.
Подробнее:
https://tproger.ru/articles/top-7-knig-dlya-prochteniya-veb-dizajneru/
#дизайн
👍11
Как стать современным верстальщиком и заработать на этом
Вёрстка с каждым годом становится всё сложнее и требует всё больше знаний и навыков. Что же сегодня должен уметь делать верстальщик, чтобы успешно выполнять свою работу? Умение выравнивать с помощью float явно уже не так актуально, как раньше.
В этой статье рассматриваются современные требования, предъявляемые к верстальщикам:
https://webformyself.com/kak-stat-sovremennym-verstalshhikom-i-zarabotat-na-etom/
#фронтенд
Вёрстка с каждым годом становится всё сложнее и требует всё больше знаний и навыков. Что же сегодня должен уметь делать верстальщик, чтобы успешно выполнять свою работу? Умение выравнивать с помощью float явно уже не так актуально, как раньше.
В этой статье рассматриваются современные требования, предъявляемые к верстальщикам:
https://webformyself.com/kak-stat-sovremennym-verstalshhikom-i-zarabotat-na-etom/
#фронтенд
👎8👍4💩3
Forwarded from Точка входа в программирование
Подборка: Изучаем Git
Git — это распределённая система управления версиями, которую изначально создал Линус Торвальдс. Она позволяет отслеживать и вести историю изменений файлов: откатить свой проект до более старой версии, сравнивать, анализировать или сливать свои изменения в репозиторий.
Делимся шпаргалкой и подборкой полезных материалов по теме:
— Как выучить Git с нуля и где продолжить изучение? В этой подборке вы найдёте всё для уверенного старта в Git с нуля
— Введение в Git — от установки до основных команд
— Learn Git Branching — это интерактивный учебник по Git, направленный на закрепление теории прохождением наглядной практики
#git #шпаргалки
Git — это распределённая система управления версиями, которую изначально создал Линус Торвальдс. Она позволяет отслеживать и вести историю изменений файлов: откатить свой проект до более старой версии, сравнивать, анализировать или сливать свои изменения в репозиторий.
Делимся шпаргалкой и подборкой полезных материалов по теме:
— Как выучить Git с нуля и где продолжить изучение? В этой подборке вы найдёте всё для уверенного старта в Git с нуля
— Введение в Git — от установки до основных команд
— Learn Git Branching — это интерактивный учебник по Git, направленный на закрепление теории прохождением наглядной практики
#git #шпаргалки
👍21❤4
Создание и деплой полнофункционального приложения для обмена сообщениями в чате
В этом видео автор предлагает с нуля создать полноценное приложение для чата с личными и групповыми чатами, эмодзи и реакциями, встроенной поддержкой Gif, возможностью редактировать и удалять сообщения, специализированными командами и многим другим.
Все подробности в видео:
https://www.youtube.com/watch?v=MJzbJQLGehs
#фронтенд #бэкенд #видео
В этом видео автор предлагает с нуля создать полноценное приложение для чата с личными и групповыми чатами, эмодзи и реакциями, встроенной поддержкой Gif, возможностью редактировать и удалять сообщения, специализированными командами и многим другим.
Все подробности в видео:
https://www.youtube.com/watch?v=MJzbJQLGehs
#фронтенд #бэкенд #видео
👍14❤3
Адаптивный тёмный режим на основе настроек ОС
Всё больше пользователей предпочитают просматривать веб-сайты в тёмном режиме, чтобы уменьшить нагрузку на глаза и сэкономить время автономной работы. Для обеспечения наилучшего пользовательского опыта не лишним будет внедрить и на вашем веб-сайте автоматический тёмный режим, который настраивается в соответствии с настройками операционной системы пользователя.
В этом руководстве вы изучите все шаги для достижения этого:
https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/
#фронтенд
Всё больше пользователей предпочитают просматривать веб-сайты в тёмном режиме, чтобы уменьшить нагрузку на глаза и сэкономить время автономной работы. Для обеспечения наилучшего пользовательского опыта не лишним будет внедрить и на вашем веб-сайте автоматический тёмный режим, который настраивается в соответствии с настройками операционной системы пользователя.
В этом руководстве вы изучите все шаги для достижения этого:
https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/
#фронтенд
⚡10👍5❤2
Возможности JavaScript и TypeScript последних лет
В этой статье рассматриваются почти все изменения за последние 3 года в JavaScript и TypeScript. Не все из следующих функций будут актуальны для вас или даже практичны, но зато они позволят углубить ваше понимание этих языков.
Подробнее:
https://my-js.org/blog/js-ts-features/
#javascript #typescript
В этой статье рассматриваются почти все изменения за последние 3 года в JavaScript и TypeScript. Не все из следующих функций будут актуальны для вас или даже практичны, но зато они позволят углубить ваше понимание этих языков.
Подробнее:
https://my-js.org/blog/js-ts-features/
#javascript #typescript
👍17🔥1😐1
Держите подборку сборщиков модулей для приложений Node.js
С их помощью вы сможете эффективно управлять зависимости, а также упростите развертывание ваших приложений. Подробности внутри статьи:
https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/
#js #web
С их помощью вы сможете эффективно управлять зависимости, а также упростите развертывание ваших приложений. Подробности внутри статьи:
https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/
#js #web
👍5❤1
Forwarded from Типичный программист
Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов
— Разбор 30 самых популярных вопросов с собеседованиий.
— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут.
— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд и перевод на русский.
— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями.
#фронтенд #собеседование #javascript #html #веб
— Разбор 30 самых популярных вопросов с собеседованиий.
— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут.
— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд и перевод на русский.
— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями.
#фронтенд #собеседование #javascript #html #веб
👍12
Как работает режим strict в JavaScript
JavaScript — универсальный язык программирования. Однако его гибкость иногда может привести к непредвиденным последствиям, поэтому разработчикам крайне важно писать надежный и удобный для сопровождения код.
Один из способов добиться этого — использовать «строгий режим» JavaScript, или режим Strict. В этой статье мы рассказали об особенностях этого режима:
https://tproger.ru/articles/ponimanie-strogogo-rezhima-javascript/
#javascript
JavaScript — универсальный язык программирования. Однако его гибкость иногда может привести к непредвиденным последствиям, поэтому разработчикам крайне важно писать надежный и удобный для сопровождения код.
Один из способов добиться этого — использовать «строгий режим» JavaScript, или режим Strict. В этой статье мы рассказали об особенностях этого режима:
https://tproger.ru/articles/ponimanie-strogogo-rezhima-javascript/
#javascript
👍4❤3
Рисуем верёвку в формате SVG при помощи JavaScript
Нашли для вас очень необычный кейс. Автор статьи создал инструмент, который превращает простую линию в векторный рисунок верёвки. Вам достаточно задать путь SVG-контура, а JS сам «нарастит» на него рисунок. Останется только выбрать цвет и толщину верёвки.
Здесь находится не только пошаговый обзор этого алгоритма, но и готовое демо, а также код проекта:
https://habr.com/ru/companies/nmg/articles/719822/
#svg #javascript
Нашли для вас очень необычный кейс. Автор статьи создал инструмент, который превращает простую линию в векторный рисунок верёвки. Вам достаточно задать путь SVG-контура, а JS сам «нарастит» на него рисунок. Останется только выбрать цвет и толщину верёвки.
Здесь находится не только пошаговый обзор этого алгоритма, но и готовое демо, а также код проекта:
https://habr.com/ru/companies/nmg/articles/719822/
#svg #javascript
👍8❤1