​Ничего необычного, просто реализация времени в виде циферблата наручных часов в формате кода с помощью CSS и JavaScript.

Smart watch — Clock object: https://codepen.io/MarkBoots/pen/zYbjaoR

#codepen

​​Состоялся релиз Tempo — библиотеки для работы с датами в JavaScript и TypeScript

Разработчики фреймворка FormKit для создания форм на Vue опубликовали код библиотеки Tempo, предназначенной для работы с датой и временем в JavaScript и TypeScript. Команда проекта акцентировала внимание на простоте использования и минимальном размере.

При создании разработчики вдохновлялись moment.js, day.js и date-fns, но начали проект с нуля, чтобы итоговая библиотека отвечала всем требованиям команды. В коде Tempo используются возможности Intl.DateTimeFormat для извлечения сложных типов данных, к которым относятся форматы дат и смещения часовых поясов:

import { format, parse } from "@formkit/tempo"

const readable = format(new Date(), "full")
// понедельник, 19 февр. 2024 г.

parse(readable, "full")
// Date: 2024-02-18T21:00:00.000Z

Библиотека реализована на языке TypeScript. Установить Tempo можно с помощью пакетных менеджеров pnpm, npm, yarn и bun, а у проекта на гитхабе уже больше 1,2 тыс. звёзд: https://github.com/formkit/tempo

#инструменты #javascript #typescript

*неловкая пауза*




HR: Вы приняты

​​​Создаём калькулятор на чистом 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

#фронтенд #тренды

​​Figma закрыла Dev Mode: пути обхода и их краткий обзор

В июне 2023 года Figma выпустила масштабное обновление: появился режим разработки Dev Mode. Эта функция обеспечивает плавный переход от дизайна к разработке. Такое новшество сразу же пришлось по душе многим.

Однако совсем недавно пропала возможность пользоваться режимом бесплатно. Как быть и какие есть альтернативы — рассказали в статье: https://habr.com/ru/companies/selectel/articles/795621/

#дизайн #figma

​​Если вам были нужны встраиваемые комментарии для сайта, то вот отличный проект на React — Replyke

Replyke — бесплатный, готовый к использованию компонент комментариев, который легко настраивается и интегрируется с существующими React-проектами. Сами комментарии подключаются по системе Plug’n’Play, а настроить их можно прямо на веб-сайте проекта.

#react #инструменты

​​ИИ победил: GitHub Copilot уже может имитировать разработчика уровня сеньор

​Интересных codepen-проектов пост: Solar system — анимация описания планет солнечной системы. Проект реализован с помощью CSS и JavaScript.

Исходники: 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

​​Беспощадные HR-ы...

​Old but gold: 8 CSS-проектов, демонстрирующих мощь теневых эффектов

Настроить тени в 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 #история

Почему элементы в HTML дочерние, а не сыновьи?

Вот в оригинале все понятно: child и parent. А что у нас пошло не так? Как так получилось, что сыновей обделили в IT?

@tproger_web #обсуждение

Шпаргалка по оконным функциям в SQL

В ней вы найдёте информацию о синтаксисе, основных командах, группировании, сокращениях, разнице между оконными и агрегатными функциями.

Шпаргалка в высоком разрешении: https://tprg.ru/UcR6

@tproger_web #бэкенд #sql

​​BulidWith — это платформа для выявления технологий, которыми пользуются различные сайты.

С ее помощью можно определять движки, расширения, технологические стеки и сторонние сервисы, подключенные к веб-ресурсы. Доступна интеграция с CRM: https://builtwith.com/

@tproger_web #инструменты

​Когда к резюме попросили приложить пример лично написанной программы:

@tproger_web

Интересный codepen-проект: Cookie Factory

Это игра, реализованная с помощью CSS и JavaScript.

Исходники: https://codepen.io/vsueiro/pen/abaZzGo

@tproger_web #codepen