Создаём калькулятор на чистом HTML и CSS
В статье подробно описывается процесс создания калькулятора, начиная от структуры HTML до стилей CSS, необходимых для его работы. Этот проект может быть интересен как начинающим, так и опытным веб-разработчикам, которые хотят улучшить свои навыки в создании веб-страниц без использования JavaScript.
https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html
#html #css
В статье подробно описывается процесс создания калькулятора, начиная от структуры HTML до стилей CSS, необходимых для его работы. Этот проект может быть интересен как начинающим, так и опытным веб-разработчикам, которые хотят улучшить свои навыки в создании веб-страниц без использования JavaScript.
https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html
#html #css
9 главных трендов в разработке фронтенда
Рост популярности TypeScript, PWA, микрофронтендов, использование ИИ на всех этапах разработки и другие тренды 2024 года — в статье: https://proglib.io/p/9-glavnyh-trendov-v-razrabotke-frontenda-v-2024-godu-2024-01-16
#фронтенд #тренды
Рост популярности TypeScript, PWA, микрофронтендов, использование ИИ на всех этапах разработки и другие тренды 2024 года — в статье: https://proglib.io/p/9-glavnyh-trendov-v-razrabotke-frontenda-v-2024-godu-2024-01-16
#фронтенд #тренды
Figma закрыла Dev Mode: пути обхода и их краткий обзор
В июне 2023 года Figma выпустила масштабное обновление: появился режим разработки Dev Mode. Эта функция обеспечивает плавный переход от дизайна к разработке. Такое новшество сразу же пришлось по душе многим.
Однако совсем недавно пропала возможность пользоваться режимом бесплатно. Как быть и какие есть альтернативы — рассказали в статье: https://habr.com/ru/companies/selectel/articles/795621/
#дизайн #figma
В июне 2023 года Figma выпустила масштабное обновление: появился режим разработки Dev Mode. Эта функция обеспечивает плавный переход от дизайна к разработке. Такое новшество сразу же пришлось по душе многим.
Однако совсем недавно пропала возможность пользоваться режимом бесплатно. Как быть и какие есть альтернативы — рассказали в статье: https://habr.com/ru/companies/selectel/articles/795621/
#дизайн #figma
Если вам были нужны встраиваемые комментарии для сайта, то вот отличный проект на React — Replyke
Replyke — бесплатный, готовый к использованию компонент комментариев, который легко настраивается и интегрируется с существующими React-проектами. Сами комментарии подключаются по системе Plug’n’Play, а настроить их можно прямо на веб-сайте проекта.
#react #инструменты
Replyke — бесплатный, готовый к использованию компонент комментариев, который легко настраивается и интегрируется с существующими React-проектами. Сами комментарии подключаются по системе Plug’n’Play, а настроить их можно прямо на веб-сайте проекта.
#react #инструменты
ИИ победил: GitHub Copilot уже может имитировать разработчика уровня сеньор
Интересных codepen-проектов пост: Solar system — анимация описания планет солнечной системы. Проект реализован с помощью CSS и JavaScript.
Исходники: https://codepen.io/DeyJordan/pen/NWOoEOg
#codepen
Исходники: https://codepen.io/DeyJordan/pen/NWOoEOg
#codepen
Если пропустили, тут Максим Дунин, один из ключевых разработчиков Nginx, форкнул проект, чтобы развивать его независимо как freenginx!
Nginx — веб-сервер, который работает под капотом подавляющего большинства сайтов и веб-сервисов. Это разработка российского инженера Игоря Сысоева. 4 года назад её купил американский F5, но в 2022 году московский офис компании закрыли, а Максим как один из основных разработчиков, остался в России и работал над проектом как волонтер.
Но сейчас Максим решил развивать проект самостоятельно после того, как у него возникли разногласия с компаниией F5. По его словам, недавно в F5 появилось несколько новых нетехнических менеджеров, которые решили, что они лучше знают, как запускать проекты с открытым исходным кодом.
Максим топит за то, что кодом пользуются люди и они имеют право знать, чего ожидать. freenginx должен стать проектом, свободным от корпоративного контроля.
Пока что ничего менять не нужно, nginx, скорее всего, будет развиваться так же, как и раньше. А вот за проектом Максима понаблюдать интересно: https://freenginx.org/pipermail/nginx/2024-February/000007.html
#nginx
Nginx — веб-сервер, который работает под капотом подавляющего большинства сайтов и веб-сервисов. Это разработка российского инженера Игоря Сысоева. 4 года назад её купил американский F5, но в 2022 году московский офис компании закрыли, а Максим как один из основных разработчиков, остался в России и работал над проектом как волонтер.
Но сейчас Максим решил развивать проект самостоятельно после того, как у него возникли разногласия с компаниией F5. По его словам, недавно в F5 появилось несколько новых нетехнических менеджеров, которые решили, что они лучше знают, как запускать проекты с открытым исходным кодом.
Максим топит за то, что кодом пользуются люди и они имеют право знать, чего ожидать. freenginx должен стать проектом, свободным от корпоративного контроля.
Пока что ничего менять не нужно, nginx, скорее всего, будет развиваться так же, как и раньше. А вот за проектом Максима понаблюдать интересно: https://freenginx.org/pipermail/nginx/2024-February/000007.html
#nginx
Old but gold: 8 CSS-проектов, демонстрирующих мощь теневых эффектов
Настроить тени в CSS сегодня проще простого: одна строчка и тень готова. Но можно пойти дальше и сделать тень не просто элементом дизайна, но и фичей, добавив анимацию и некоторые хитрости.
В этой статье собрали 8 проектов, которые демонстрируют разные возможности теней и необычные вариаты применения: https://speckyboy.com/css-snippets-shadow-effects/
@tproger_web #css #codepen
Настроить тени в CSS сегодня проще простого: одна строчка и тень готова. Но можно пойти дальше и сделать тень не просто элементом дизайна, но и фичей, добавив анимацию и некоторые хитрости.
В этой статье собрали 8 проектов, которые демонстрируют разные возможности теней и необычные вариаты применения: https://speckyboy.com/css-snippets-shadow-effects/
@tproger_web #css #codepen
Разработчик React рассказал, как создали фреймворк на самом деле: чинили баг, но проблема оказалась в DNS где-то в Индии.
В 2013 году в Facebook Chat часто появлялся баг: уведомление о сообщении приходило, а самого сообщения не было.Как считали разработчики, это происходило из-за ужасного императивного кода.
Было решено создать фреймворк, который бы решил эту проблему, а заодно дал высокую скорость разработки, простоту и масштабируемость. И хотя с последними задачами он справился неплохо, проблему, с которой все начиналось, он так и не решил.
Как рассказывает один из разработчиков Adam Wolff, немного позже оказалось, что проблема на самом деле была в неправильных настройках DNS где-то в Индии. Эту проблему обнаружили, DNS починили, проблема ушла, а React остался.
Даже страшно становится, когда понимаешь, сколько всего в IT создано благодаря индийцам.
@tproger_web #react #история
В 2013 году в Facebook Chat часто появлялся баг: уведомление о сообщении приходило, а самого сообщения не было.Как считали разработчики, это происходило из-за ужасного императивного кода.
Было решено создать фреймворк, который бы решил эту проблему, а заодно дал высокую скорость разработки, простоту и масштабируемость. И хотя с последними задачами он справился неплохо, проблему, с которой все начиналось, он так и не решил.
Как рассказывает один из разработчиков Adam Wolff, немного позже оказалось, что проблема на самом деле была в неправильных настройках DNS где-то в Индии. Эту проблему обнаружили, DNS починили, проблема ушла, а React остался.
Даже страшно становится, когда понимаешь, сколько всего в IT создано благодаря индийцам.
@tproger_web #react #история
Почему элементы в HTML дочерние, а не сыновьи?
Вот в оригинале все понятно: child и parent. А что у нас пошло не так? Как так получилось, что сыновей обделили в IT?
@tproger_web #обсуждение
Вот в оригинале все понятно: child и parent. А что у нас пошло не так? Как так получилось, что сыновей обделили в IT?
@tproger_web #обсуждение
Шпаргалка по оконным функциям в SQL
В ней вы найдёте информацию о синтаксисе, основных командах, группировании, сокращениях, разнице между оконными и агрегатными функциями.
Шпаргалка в высоком разрешении: https://tprg.ru/UcR6
@tproger_web #бэкенд #sql
В ней вы найдёте информацию о синтаксисе, основных командах, группировании, сокращениях, разнице между оконными и агрегатными функциями.
Шпаргалка в высоком разрешении: https://tprg.ru/UcR6
@tproger_web #бэкенд #sql
BulidWith — это платформа для выявления технологий, которыми пользуются различные сайты.
С ее помощью можно определять движки, расширения, технологические стеки и сторонние сервисы, подключенные к веб-ресурсы. Доступна интеграция с CRM: https://builtwith.com/
@tproger_web #инструменты
С ее помощью можно определять движки, расширения, технологические стеки и сторонние сервисы, подключенные к веб-ресурсы. Доступна интеграция с CRM: https://builtwith.com/
@tproger_web #инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Интересный codepen-проект: Cookie Factory
Это игра, реализованная с помощью CSS и JavaScript.
Исходники: https://codepen.io/vsueiro/pen/abaZzGo
@tproger_web #codepen
Это игра, реализованная с помощью CSS и JavaScript.
Исходники: https://codepen.io/vsueiro/pen/abaZzGo
@tproger_web #codepen
Как изменится веб-дизайн в 2024 году и что стоит изучить веб-дизайнерам, чтобы остаться востребованным специалистом
Дизайнеры — одни из первых, кто следит за трендами, создает их и следует им. Веб-дизайнеры — не исключение. Всем хочется быть на волне, создавать качественные иллюстрации и актуальные сайты. Поэтому следовать за тенденциями — это уже необходимость, которая позволяет стать востребованным специалистом.
С веб-дизайнером Activica digital production, компании-эксперта в веб-разработке, Марией Симоновой обсудили, как изменится веб-дизайн в 2024 году и о чём следует помнить дизайнерам: https://tproger.ru/articles/kak-izmenitsya-veb-dizajn-v-2024-godu-i-chto-stoit-izuchit-veb-dizajneram--chtoby-ostatsya-vostrebovannym-specialistom
#тренды #дизайн
Дизайнеры — одни из первых, кто следит за трендами, создает их и следует им. Веб-дизайнеры — не исключение. Всем хочется быть на волне, создавать качественные иллюстрации и актуальные сайты. Поэтому следовать за тенденциями — это уже необходимость, которая позволяет стать востребованным специалистом.
С веб-дизайнером Activica digital production, компании-эксперта в веб-разработке, Марией Симоновой обсудили, как изменится веб-дизайн в 2024 году и о чём следует помнить дизайнерам: https://tproger.ru/articles/kak-izmenitsya-veb-dizajn-v-2024-godu-i-chto-stoit-izuchit-veb-dizajneram--chtoby-ostatsya-vostrebovannym-specialistom
#тренды #дизайн
Подборка актуальных вакансий
— Разработчик 1С ЗУП
Где: удалённо
Опыт: от 1 года
— Методолог МСФО
Где: Москва
Опыт: от 3 лет
— Middle Data engineer [Digital ITSM]
Где: Москва
Опыт: от 2 лет
— Ведущий инженер (SIEM + PAM)
Где: удалённо
Опыт: от 3 лет
— Эксперт по информационной безопасности
Где: удалённо
Опыт: от 2 лет
— Senior Fullstack Developer/ Фулстек разработчик (.net/react)
Где: удалённо
Опыт: от 5 лет
— Senior DevOps
Где: удалённо
Опыт: от 3 лет
#вакансии #работа
— Разработчик 1С ЗУП
Где: удалённо
Опыт: от 1 года
— Методолог МСФО
Где: Москва
Опыт: от 3 лет
— Middle Data engineer [Digital ITSM]
Где: Москва
Опыт: от 2 лет
— Ведущий инженер (SIEM + PAM)
Где: удалённо
Опыт: от 3 лет
— Эксперт по информационной безопасности
Где: удалённо
Опыт: от 2 лет
— Senior Fullstack Developer/ Фулстек разработчик (.net/react)
Где: удалённо
Опыт: от 5 лет
— Senior DevOps
Где: удалённо
Опыт: от 3 лет
#вакансии #работа