В вышедшем недавно
Появились ассиметричные (?) модификаторы доступа свойств класса и переопределяемые геттеры/сеттеры (привет, js).
А также наконец, через 30 лет, удобный
#php
PHP 8.4 тем временем небольшая революцияПоявились ассиметричные (?) модификаторы доступа свойств класса и переопределяемые геттеры/сеттеры (привет, js).
А также наконец, через 30 лет, удобный
API для парсинга HTML документов.#php
👍7💩6🔥1
Как приятно выйти на пенсию и заниматься только пет-проектами...
Предпоследний - Библеистика
Фронт в целом занял где-то треть работы. Технически было много интересных моментов, особенно на бэке (сбор данных, нормализация, структурирование, размещение, организация/оптимизация передачи их на фронт, индексация, морфологический поиск и т.п.). Был (и есть) даже вариант, что сайт может быть полностью статичным, без бэка, даже с поиском.
В итоге сайт "сотки" и близко к ним выбивает на
Репозиторий
#pet
Предпоследний - Библеистика
Фронт в целом занял где-то треть работы. Технически было много интересных моментов, особенно на бэке (сбор данных, нормализация, структурирование, размещение, организация/оптимизация передачи их на фронт, индексация, морфологический поиск и т.п.). Был (и есть) даже вариант, что сайт может быть полностью статичным, без бэка, даже с поиском.
В итоге сайт "сотки" и близко к ним выбивает на
PageSpeedРепозиторий
#pet
Библеистика
Изучение Библии по контекстам с помощью Конкорданса Стронга
👎8🔥7❤6👍3💊2💩1🕊1
При рисовании графиков на фронтенде обычно используется два подхода -
Библиотеки для первого (
Если нужны несложные диаграммы, можно использовать
Специальная обертка для
#charts #svg
canvas и svgБиблиотеки для первого (
chart.js, uplot) предлагают больший функционал и детализацию, библиотеки для второго (frappe-charts, chartist) - намного меньший размер пакета и заметно лучшую производительность в браузере.Если нужны несложные диаграммы, можно использовать
SVGСпециальная обертка для
Vue не обязательна - все можно сделать в onMounted() через useTemplateRef().#charts #svg
👍19👎1
Недавно понадобилось сделать график. Вроде простой, но перебрал несколько библиотек и не нашел подходящей - чтобы маркеры горизонтальные были, тултип, расположение по оси Х как надо, растягиваемый и т.п.
В итоге решил сделать сам используя третий подход - на
Времени на создание рабочего варианта (первая картинка) ушло меньше, чем на поиски и пробы готовых графических библиотек (четырёх).
К сведению любителей не изобретать эти чертовы велосипеды.
Ну и дальше можно закастомизировать по красоте как нужно именно тебе.
#charts
В итоге решил сделать сам используя третий подход - на
HTML и CSS. Времени на создание рабочего варианта (первая картинка) ушло меньше, чем на поиски и пробы готовых графических библиотек (четырёх).
К сведению любителей не изобретать эти чертовы велосипеды.
Ну и дальше можно закастомизировать по красоте как нужно именно тебе.
#charts
👍6
Бесплатные, доступные, опенсорсные и self-hosted альтернативы платным приложениям и сервисам
Notion -> Appflowy
Zoom -> Jitsi
Jira -> Plane
Airtable -> NocoDB
Vercel -> Coolify
Heroku -> Dokku
Firebase -> Pocketbase/Appwrite/Convex/Supabase
Shopify -> Prestashop
GitHub -> GitLab
Slack -> Mattermost
Salesforce CRM -> ERPNext
Dropbox -> NextCloud
Mailchimp -> Mautic
Trello -> Wekan
Docusign -> Docuseal
Calendly -> Cal dot com
Datadog -> Prometheus
Google Analytics -> Matomo
Microsoft Office 365 -> LibreOffice
Asana -> OpenProject
#software
Notion -> Appflowy
Zoom -> Jitsi
Jira -> Plane
Airtable -> NocoDB
Vercel -> Coolify
Heroku -> Dokku
Firebase -> Pocketbase/Appwrite/Convex/Supabase
Shopify -> Prestashop
GitHub -> GitLab
Slack -> Mattermost
Salesforce CRM -> ERPNext
Dropbox -> NextCloud
Mailchimp -> Mautic
Trello -> Wekan
Docusign -> Docuseal
Calendly -> Cal dot com
Datadog -> Prometheus
Google Analytics -> Matomo
Microsoft Office 365 -> LibreOffice
Asana -> OpenProject
#software
🔥24👍7
Одно из полезных применений
А тут спросил, и он довольно быстро и точно проанализирует стили и может внести нужные изменения.
#css #ai
AI помощника в IDE - исправление CSS ошибок. Когда что-то не выводится, перекрывается и подобные проблемы, которые могут отнять очень много времени на их решение.А тут спросил, и он довольно быстро и точно проанализирует стили и может внести нужные изменения.
#css #ai
👍5🤮2
Для дебага в девтулзах браузера есть различные варианты, кроме
1.
2.
3.
4.
5. Также браузер позволяет симулировать
Ну и для реактивного
#debug
console.log()1.
debugger в коде остановит выполнение в этом месте2.
debug(funcName) - остановит при выполнении глобальной функции funcName3.
DOM Breakpoints позволят перехватить модификацию элемента4.
XHR Breakpoints - остановится при запросу определенного URL5. Также браузер позволяет симулировать
User Agent и локали.Ну и для реактивного
Vue не забываем про {{ someVar }} в шаблоне#debug
👍18
на vue писать довольно просто
берешь и пишешь, прям вот так
но если бывший ты реактер -
никак
денис любил ужасно пинью
глобальный стейт денис любил
но как-то понял всё и пинью
убил
#literature #creative
берешь и пишешь, прям вот так
но если бывший ты реактер -
никак
денис любил ужасно пинью
глобальный стейт денис любил
но как-то понял всё и пинью
убил
#literature #creative
😁12👎11💩4🔥2🥴2
Media is too big
VIEW IN TELEGRAM
Немного нигерского драм-н-бэйса для разогрева перед следующим постом
BADDADAN
Nobody badder than we
#video #offtop #music
BADDADAN
Yo, walk with the rupa-pum-pum
From a guy diss the programme, shot a slam-slam
Dem say dem a badman, mi haffi arks which one
When we ah fire shot, pull pin and fling bomb
Dem dead, we haffi trample dem like King Kong
Dargs pull up at your foot and none of dem nah sing-song
Balaclava pon face, 'matic inna hand
We nah have time fi waste with the rupa-pum-pum
Shot a slam, we badda dan
Badda dan, badda dan, badda dan
Nobody badder than we
#video #offtop #music
👎11🔥6🤡2💩1🌚1