Channel: Веб-страница
Интерактивный гайд по CSS Container Queries
Отличная возможность для того, чтобы попробовать относительно новую фичу без необходимости создавать свою песочницу: https://ishadeed.com/article/css-container-query-guide
#инструменты #css
Отличная возможность для того, чтобы попробовать относительно новую фичу без необходимости создавать свою песочницу: https://ishadeed.com/article/css-container-query-guide
#инструменты #css
Forwarded from Точка входа в программирование
20 игр, которые научат программированию
Подходов к обучению много, но через игры учиться не так скучно. Ловите целую подборку таких игр. Вот лишь некоторые из них:
— CodeCombat — RPG, где нужно использовать различные ЯП, чтобы проходить уровни, головоломки и сражаться с врагами.
— Ruby Warrior — игрок управляет воином, который проходит различные уровни. Управлять персонажем можно только на Ruby.
— Untrusted — управляете персонажем и решаете головоломки через Java.
— Check IO — здесь предлагается решать различные задачки с помощью Python или TypeScript. Тут также есть возможность соревноваться с другими игроками.
— Dungeons & Developers — здесь нужно путешествовать по пещерам и выполнять задания, связанные с HTML, CSS и JavaScript.
Ещё больше игр в подборке.
@prog_point
Подходов к обучению много, но через игры учиться не так скучно. Ловите целую подборку таких игр. Вот лишь некоторые из них:
— CodeCombat — RPG, где нужно использовать различные ЯП, чтобы проходить уровни, головоломки и сражаться с врагами.
— Ruby Warrior — игрок управляет воином, который проходит различные уровни. Управлять персонажем можно только на Ruby.
— Untrusted — управляете персонажем и решаете головоломки через Java.
— Check IO — здесь предлагается решать различные задачки с помощью Python или TypeScript. Тут также есть возможность соревноваться с другими игроками.
— Dungeons & Developers — здесь нужно путешествовать по пещерам и выполнять задания, связанные с HTML, CSS и JavaScript.
Ещё больше игр в подборке.
@prog_point
Как побороть прокрастинацию?
Наверняка каждый разработчик сталкивался с прокрастинацией. Особенно это актуально в эту двухдневную рабочую неделю.
Как вам удаётся побороть прокрастинацию? Благовония, лоуфай, наушники с шумоподавлением, пробежка с утра или послеобеденный сон? Что вам помогает снова вернуться в «поток»? А может, вы за то, чтобы не сопротивляться психике — и если не работается, просто не работаете?
Расскажите, как это происходит у вас.
#обсуждение
Наверняка каждый разработчик сталкивался с прокрастинацией. Особенно это актуально в эту двухдневную рабочую неделю.
Как вам удаётся побороть прокрастинацию? Благовония, лоуфай, наушники с шумоподавлением, пробежка с утра или послеобеденный сон? Что вам помогает снова вернуться в «поток»? А может, вы за то, чтобы не сопротивляться психике — и если не работается, просто не работаете?
Расскажите, как это происходит у вас.
#обсуждение
This media is not supported in your browser
VIEW IN TELEGRAM
Гайд: создаём полноценную браузерную игру на TypeScript
Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s
#typescript #gamedev
Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s
#typescript #gamedev
Интуитивно понятный интерфейс, предусматривающий все незапланированные ситуации использования, и пользователь:
10 CSS-однострочников для преобразования веб-приложения
CSS позволяет создавать красивые и отзывчивые веб-дизайны. Однако написание кода CSS может отнимать много времени и сил, особенно если вы не знакомы с новейшими методиками и лучшими практиками.
Есть несколько однострочников, помогающих оптимизировать CSS-код и создавать более эффективные проекты. В этой статье представлены 10 CSS-однострочников — блоков кода, сжатых до одной строки. Их использование преобразит проект и поможет без проблем создавать потрясающие веб-дизайны: https://nuancesprog.ru/p/20883/
#css
CSS позволяет создавать красивые и отзывчивые веб-дизайны. Однако написание кода CSS может отнимать много времени и сил, особенно если вы не знакомы с новейшими методиками и лучшими практиками.
Есть несколько однострочников, помогающих оптимизировать CSS-код и создавать более эффективные проекты. В этой статье представлены 10 CSS-однострочников — блоков кода, сжатых до одной строки. Их использование преобразит проект и поможет без проблем создавать потрясающие веб-дизайны: https://nuancesprog.ru/p/20883/
#css
Нужна ди двухфакторная аутентификация и насколько она эффективна как норма безопасности?
Кража данных компании в сети — один из самых популярных видов мошенничества. Урон от таких инцидентов может измеряться не только в миллиардах рублей, но и в репутации, честном имени фирмы и ее ответственности перед клиентами и партнерами.
Двухфакторная аутентификация (2FA) является технологией контроля доступа в два этапа, обеспечивая защиту информации от внутренних и внешних угроз.
В статье рассказали, какие виды 2FA есть, плюсы минусы и рекомендации по использованию каждой: https://tproger.ru/articles/odin-raz-nedostatochno--dvuhfaktornaya-autentifikaciya-kak-norma-bezopasnosti
#безопасность
Кража данных компании в сети — один из самых популярных видов мошенничества. Урон от таких инцидентов может измеряться не только в миллиардах рублей, но и в репутации, честном имени фирмы и ее ответственности перед клиентами и партнерами.
Двухфакторная аутентификация (2FA) является технологией контроля доступа в два этапа, обеспечивая защиту информации от внутренних и внешних угроз.
В статье рассказали, какие виды 2FA есть, плюсы минусы и рекомендации по использованию каждой: https://tproger.ru/articles/odin-raz-nedostatochno--dvuhfaktornaya-autentifikaciya-kak-norma-bezopasnosti
#безопасность
GRT Calculator — подбираем размер шрифта на основе золотого сечения
Да, подход не самый обычный. Однако, он позволяет выбрать шрифт, который будет лёгок для чтения и идеально вписываться в дизайн вашего сайта. Достаточно выбрать шрифт, указать его размер и ширину содержимого, а калькулятор покажет, как она будет выглядеть на сайте и подскажет, что стоит поменять, чтобы достичь идеального результата.
Подробнее: https://grtcalculator.com/
#фронтенд #инструменты
Да, подход не самый обычный. Однако, он позволяет выбрать шрифт, который будет лёгок для чтения и идеально вписываться в дизайн вашего сайта. Достаточно выбрать шрифт, указать его размер и ширину содержимого, а калькулятор покажет, как она будет выглядеть на сайте и подскажет, что стоит поменять, чтобы достичь идеального результата.
Подробнее: https://grtcalculator.com/
#фронтенд #инструменты
А вы знали, что в 1995 году Маск написал стек веб-программ для Zip2 на C и C++?
Многие воспринимают Маска как скандального управленца, ставя под сомнение его технический бэкграунд. Оказывается, на его счету был ещё один успешный проект.
В конце апреля 2024 года Илон Маск рассказал, что в 1995 году он сам написал стек веб-программ для Zip2 на C и C++. Эту картографическую компанию он основал вместе с братом Кимбалом, а затем успешно продал.
«Не использовал “веб-сервер” для экономии ресурсов процессора (просто прочитайте порт 8080 напрямую). Не мог позволить себе маршрутизатор Cisco T1, поэтому написал эмулятор на основе технического документа», — поделился бизнесмен.
Слова Маска подтверждает первое интервью с ним на канале CBS, которое вышло в 1998 году. Самому предпринимателю тогда было 27 лет, а компания Zip2 просуществовала уже три года: https://www.youtube.com/watch?v=zfwK5BvZrY4
Zip2 предлагала электронные путеводители по американским городам. Разработка Масков напоминала онлайн-версию телефонного справочника «Жёлтые страницы», совмещённую со встроенной картой. В 1999 году Маски продали компанию Compaq Computer Corp.
#история
Многие воспринимают Маска как скандального управленца, ставя под сомнение его технический бэкграунд. Оказывается, на его счету был ещё один успешный проект.
В конце апреля 2024 года Илон Маск рассказал, что в 1995 году он сам написал стек веб-программ для Zip2 на C и C++. Эту картографическую компанию он основал вместе с братом Кимбалом, а затем успешно продал.
«Не использовал “веб-сервер” для экономии ресурсов процессора (просто прочитайте порт 8080 напрямую). Не мог позволить себе маршрутизатор Cisco T1, поэтому написал эмулятор на основе технического документа», — поделился бизнесмен.
Слова Маска подтверждает первое интервью с ним на канале CBS, которое вышло в 1998 году. Самому предпринимателю тогда было 27 лет, а компания Zip2 просуществовала уже три года: https://www.youtube.com/watch?v=zfwK5BvZrY4
Zip2 предлагала электронные путеводители по американским городам. Разработка Масков напоминала онлайн-версию телефонного справочника «Жёлтые страницы», совмещённую со встроенной картой. В 1999 году Маски продали компанию Compaq Computer Corp.
#история
Наконец-то действительно рабочие советы по борьбе с прокрастинацией, а не эти ваши: «определите цель», «найдите мотивацию» и «разбейте задачи на подзадачи»
This media is not supported in your browser
VIEW IN TELEGRAM
Яндекс приглашает на Young Con — первый фестиваль о карьере в IT и современных технологиях
— 6000 участников.
— 10+ часов приключений и нетворкинга.
— 30 топ-менеджеров Яндекса, которые поделятся личным опытом и расскажут про возможности, которые дает работа в крупной IT-компании.
— Секреты технологий.
— И не только!
Прямо во время ивента начинающие разработчики смогут пройти экспресс-собеседование, чтобы затем попасть на стажировку в компанию. Это хороший шанс построить карьеру в Яндексе, ведь более половины стажёров, по статистике, затем получают оффер.
Гостей Young Con ждёт ещё одно событие: финал «Баттла вузов» — турнира по программированию среди студентов с призовым фондом 1 млн рублей. Выигрыш участники команды-победителя разделят между собой. Завершится фестиваль выступлением хедлайнеров The Hatters и ХЛЕБ.
Young Con пройдёт 27 июня на Live Arena в онлайн- и офлайн-формате.
Зарегистрироваться и узнать подробности можно здесь.
Это #партнёрский пост
— 6000 участников.
— 10+ часов приключений и нетворкинга.
— 30 топ-менеджеров Яндекса, которые поделятся личным опытом и расскажут про возможности, которые дает работа в крупной IT-компании.
— Секреты технологий.
— И не только!
Прямо во время ивента начинающие разработчики смогут пройти экспресс-собеседование, чтобы затем попасть на стажировку в компанию. Это хороший шанс построить карьеру в Яндексе, ведь более половины стажёров, по статистике, затем получают оффер.
Гостей Young Con ждёт ещё одно событие: финал «Баттла вузов» — турнира по программированию среди студентов с призовым фондом 1 млн рублей. Выигрыш участники команды-победителя разделят между собой. Завершится фестиваль выступлением хедлайнеров The Hatters и ХЛЕБ.
Young Con пройдёт 27 июня на Live Arena в онлайн- и офлайн-формате.
Зарегистрироваться и узнать подробности можно здесь.
Это #партнёрский пост
Состоялся релиз минималистичного веб-браузера Dillo 3.1.0 спустя 9 лет перерыва в разработке проекта
Код Dillo написан на языке С/C++ с использованием библиотеки FLTK. Браузер отличается небольшим размером (исполняемый файл около мегабайта при статической сборке) и минимальным потреблением памяти, наличием графического интерфейса с поддержкой вкладок и закладок, поддержкой HTTPS и базового набора веб-стандартов (есть поддержка HTML 4.01 и CSS, но нет JavaScript). Функциональность Dillo может расширяться через плагины.
В 2016 году умер один из ключевых разработчиков проекта, а с 2017 года разработка Dillo полностью остановилась. Предыдущая стабильная версия Dillo 3.0.5 вышла в июне 2015 года. Релиз Dillo 3.0 состоялся в 2011 году.
В январе 2024 года была предпринята первая попытка возрождения проекта, результаты которой как раз представлены в составе этого обновления. Исходный код решения опубликован на GitHub под лицензией GPLv3: https://github.com/dillo-browser/dillo
#интернет #история
Код Dillo написан на языке С/C++ с использованием библиотеки FLTK. Браузер отличается небольшим размером (исполняемый файл около мегабайта при статической сборке) и минимальным потреблением памяти, наличием графического интерфейса с поддержкой вкладок и закладок, поддержкой HTTPS и базового набора веб-стандартов (есть поддержка HTML 4.01 и CSS, но нет JavaScript). Функциональность Dillo может расширяться через плагины.
В 2016 году умер один из ключевых разработчиков проекта, а с 2017 года разработка Dillo полностью остановилась. Предыдущая стабильная версия Dillo 3.0.5 вышла в июне 2015 года. Релиз Dillo 3.0 состоялся в 2011 году.
В январе 2024 года была предпринята первая попытка возрождения проекта, результаты которой как раз представлены в составе этого обновления. Исходный код решения опубликован на GitHub под лицензией GPLv3: https://github.com/dillo-browser/dillo
#интернет #история
Для всех искателей Java-приключений
Миру срочно нужны рыцари Java для эпического квеста по созданию новой технологической платформы. Полная свобода выбора инструментов с приличной наградой за подвиги.
Ваш ждут благородные дела:
— Участие в полном цикле разработки
— Проектирование/разработка back-end и API
— Обеспечение чистоты кода, тестирование, код-ревью, релизы
— Анализ и оптимизация производительности.
Вознаграждения:
— 13 зарплат за 12 месяцев
— Одни из лучших условий работы
— ДМС для тебя и твоих близких
Начни с письма о себе здесь
Это #партнёрский пост
Миру срочно нужны рыцари Java для эпического квеста по созданию новой технологической платформы. Полная свобода выбора инструментов с приличной наградой за подвиги.
Ваш ждут благородные дела:
— Участие в полном цикле разработки
— Проектирование/разработка back-end и API
— Обеспечение чистоты кода, тестирование, код-ревью, релизы
— Анализ и оптимизация производительности.
Вознаграждения:
— 13 зарплат за 12 месяцев
— Одни из лучших условий работы
— ДМС для тебя и твоих близких
Начни с письма о себе здесь
Это #партнёрский пост
Мегагайд: культура работы с Git
Git — это не только (и не столько!) знание самой технологии и конкретных команд, но и определённая культура взаимодействия, практики, подходы, договорённости. Всё это помогает участникам команды лучше понимать друг друга и работать быстрее и чётче.
В статье — как раз об этом. В ней раскрыли, что формирует культуру работы с Git: от конвенций именования коммитов и до практик работы в пуллреквесте. В конце статьи — полезные ссылки на интерактивные обучалки, шпаргалки и гайды: https://habr.com/ru/companies/yandex_praktikum/articles/812139/
#git #шпаргалки
Git — это не только (и не столько!) знание самой технологии и конкретных команд, но и определённая культура взаимодействия, практики, подходы, договорённости. Всё это помогает участникам команды лучше понимать друг друга и работать быстрее и чётче.
В статье — как раз об этом. В ней раскрыли, что формирует культуру работы с Git: от конвенций именования коммитов и до практик работы в пуллреквесте. В конце статьи — полезные ссылки на интерактивные обучалки, шпаргалки и гайды: https://habr.com/ru/companies/yandex_praktikum/articles/812139/
#git #шпаргалки
Стилизация участков текста с помощью CSS Custom Highlight API
В этой статье рассказали, как с помощью CSS Custom Highlight API можно стилизовать выделенные диапазоны текста, а также разберу теорию на практическом примере: https://tproger.ru/articles/css-custom-highlight-api
#css
В этой статье рассказали, как с помощью CSS Custom Highlight API можно стилизовать выделенные диапазоны текста, а также разберу теорию на практическом примере: https://tproger.ru/articles/css-custom-highlight-api
#css
HTML Embed Code: