#таклучше — Public Fediverse posts

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉