html

Истории - 3 недели назад

Культ «Корпорации добра»: как я строю бесплатную систему кол-трекинга на Google Apps Script

Данил Бурыкин

Основатель Top-Rated Team, автор Free Call Tracking

Культ «Корпорации добра»: как я строю бесплатную систему кол-трекинга на Google Apps Script

Идея моего проекта возникла случайно. Я вел диалог с центром бизнес-тренингов о внедрении новой CRM. По итогу стал пытаться реализовать решение на базе горячо любимых Google-табличек. В свое оправдание могу сказать, что причина не только во вполне распространенном случае регресса или карго-культа в отношении «Корпорации добра». Дело в том, что мне представилась счастливая возможность побывать контрактором Google в Барселоне и Лиссабоне, о чем рассказал MC.Today.

Инструменты - 3 недели назад

Обфускация JavaScript-кода: способы и отличия от минимизации

В большинстве случаев код JavaScript является общедоступным. Это означает, что исходный код всегда будет подвержен некоторым угрозам: 

Теория - 1 месяц назад

Модули в JavaScript: основные возможности

Сложные программы обычно содержат сотни строк кода, в которых тяжело ориентироваться. Организовать ваш код в JavaScript помогут модули. Разбираемся, что это такое, как их используют и зачем нужны сборщики модулей. 

Истории - 2 месяца назад

Переехал в Польшу, потом — в Португалию, а вещи приходилось раздавать: как я разработал собственный маркетплейс

«Много переезжал и не знал, куда девать вещи»: как я разработал собственный маркетплейс

Highload продолжает публиковать истории о pet-проектах, вошедших в топ-20 лучших по итогам голосования наших читателей. Параллельно эти проекты оценивает жюри из опытных разработчиков и инвесторов. Победителей конкурса мы планируем объявить 10 июля.

Мониторинг - 2 месяца назад

Самые популярные языки программирования в 2021 году

Что изучать будущему программисту, чтобы быть востребованным на рынке, стало непонятно очень давно. В компании TextMagic подробно изучили эту тему и поделились рейтингом самых популярных языков программирования.

Истории - 2 месяца назад

«Когда разработчиков и так не хватает, не стоит сажать профессионала писать то, что уже миллионы раз написано»: как мы пришли из аутсорсинга в No Code, и почему это одна из самых перспективных ниш

Украинский стартап Shop-Express помогает предпринимателям и компаниям продавать товары онлайн, создавая функциональные магазины без привлечения разработчиков и дизайнеров. Как это работает, Highload рассказал СEO Shop-Express Алексей Петриченко. Далее — прямая речь.

Подборки - 3 месяца назад

Повышение квалификации: где пройти продвинутые курсы для разработчиков?

Highload собрал несколько IT-школ, где обучают не только всех подряд с нуля, но и уже вполне профессиональных айтишников. Платные онлайн-курсы, тренинги и марафоны помогут глубже изучить возможности JavaScript, Java, C#, PHP и других языков программирования, а также научат пользоваться фреймворками, в том числе Spring и Laravel. Стоимость курсов варьируется от 2,8 тыс. грн в месяц до 15 тыс. грн за девять дней.

Front-end - 4 месяца назад

React-JSS — альтернативный способ стилизации компонентов

JSS — это относительно новый инструмент для стилизации компонентов. Вследствие этого JSS еще не так сильно распространен . Но его репозиторий на сайте GitHub собрал уже 6.3k звезд на момент написания статьи. Он использует JavaScript для декларативного способа описания правил CSS, помогает в их переиспользовании и избежании конфликтов. Он может компилироваться в браузере, на стороне сервера или во время сборки в Node.js. Он легко интегрируется в другие JS-фреймворки. React-JSS это его адаптация для библиотеки React.js.

Подборки - 4 месяца назад

10 основных уязвимостей ПО и способы их устранения

Веб-разработчик Приянши Шарма поделилась в своем блоге на dev.to десятью методами устранения уязвимостей в софте.

Front-end - 5 месяцев назад

Tailwind CSS: за и против

По данным опроса The State of CSS 2020, больше всего разработчиков в мире, использующих CSS-фреймворки, сейчас заинтересованы в изучении и применении Tailwind CSS. Он опережает конкурентов в этом рейтинге уже второй год подряд. Команда Tailwind предлагает альтернативный подход для поддержки и стилизации HTML-разметки, но у него есть и свои противники. Проштудировав статьи и комментарии на таких ресурсах, как Dev.to, Product Hunt и Codeburst, мы собрали наиболее популярные доводы за и против использования этого фреймворка.

Highload - 6 месяцев назад

Асинхронная загрузка CSS

Асинхронная загрузка CSS позволит быстрее показать Вашу страницу посетителю. Это критично для мобильных устройств, когда канал может быть медленным.

Highload - 6 месяцев назад

Клиентская оптимизация

Клиентская оптимизация — это набор методик, которые сделают сайт быстрее для пользователя без существенных изменений на серверной стороне. Прирост в скорости может достигать десятикратного улучшения. При этом техники довольно простые.

Highload - 7 месяцев назад

Что такое Above-the-fold?

Above the fold — это верхняя половина видимой части сайта на первом экране. Т.е. первые полэкрана сайта. Pagespeed уделяет особое внимание оптимизации этого участка, т.к. это позволяет показать посетителю сайт максимально быстро.

Highload - 10 месяцев назад

Минификация js/css/html

Минификация (minify) — это простой подход для уменьшения размеров файлов css, js и html. В процессе сжатия все комментарии к коду, переносы строк, лишние табы и пробельные символы удаляются. Это позволяет сэкономить 10…20% от оригинального размера файла.

Highload - 11 месяцев назад

Как минифицировать (minify) HTML?

Быстрый вариант – встроить прямо в PHP скрипт, который будет очищать буфер вывода от всего лишнего:

Highload - 1 год назад

Сжатие gzip для js/css/html

Современные браузеры поддерживают сжатый контент, т.к. он является частью спецификации протокола HTTP 1.1. Сжатие текстовых форматов (CSS, Javascipt и HTML) может уменьшить их объем на 70%. Работает все очень просто. Перед отправкой ответа сервер сжимает данные. Браузер при получении сжатого ответа разжимает его и показывает результат.

Highload - 1 год назад

Что такое CSS спрайты?

CSS спрайты — это специальная техника, когда мелкие картинки объединяются в один файл и выводятся не с помощью тега <img>, а с помощью CSS. Допустим, у нас есть большой файл с картинками icons.png. Тогда пример использования выглядел бы так:

Highload - 1 год назад

Что такое Eliminate render-blocking CSS и как это исправить?

Render-blocking элементы приостанавливают загрузку страницы до того момента, пока не будет загружен какой-то внешний ресурс. Например, загрузка CSS:

Highload - 1 год назад

HTML compressor

HtmlCompressor — это Java библиотека для минимизации (minify) HTML страниц. В пакете есть инструмент для командной строки, используется просто:

Highload - 2 года назад

Server-Sent Events

SSE — технология отправки уведомлений сервера к браузеру. Клиент как бы подключается к стриму обновлений и автоматически получает оповещения в случае новых событий.