Присоединяйтесь к нам
html
Джуны, налетайте: компания ищет несовершеннолетнего верстальщика на зарплату 2000 грн
Компания выложила на сайт для поиска работы вакансию Junior HTML-верстальщика, тестировщика с зарплатой в 2 тыс. грн.
Появилась образовательная платформа для украинских веб-разработчиков: видеоуроки, подборки сервисов, генераторы мемов
Украинский Trainee Frontend Developer Дмитрий Берестень создал образовательную платформу для украинских веб-разработчиков.
Freshcode запустил бесплатные курсы по HTML и CSS
Учебный центр IТ-компании Freshcode запустил бесплатные курсы по HTML и CSS.
«Хочу быть полезным»: программист с 10-летним опытом готов бесплатно обучать HTML, CSS и JavaScript
Frontend Engineer Миша Малявин предложил украинцам бесплатную помощь в изучении HTML, CSS, JavaScript, TypeScript, RxJS и Angular.
Комментарии в HTML: примеры и особенности
HTML (HyperText Markup Language) — язык для гипертекстовой разметки документов для просмотра веб-страниц в браузере. HTML осваивают с азами программирования, и комментарии HTML — отдельная глава.
Make Web Great again! Отец «паутины» выступил за автономию персональных данных
Автор URI, URL, HTTP, HTML, World Wide Web и многих других технологических новаций Сэр Тимоти Джон Бернерс-Ли обеспокоен проблемой автономии персональных данных пользователей и растущим контролем технологических корпораций.
Как стать фронтенд-разработчиком и получать $3 тыс.? Рассказываем, что он должен уметь и где этому учат
Если вам интересно программирование и вы хотите, чтобы результат вашей работы могли оценить пользователи, обратите внимание на профессию фронтенд-разработчика. Именно он разрабатывает видимую пользователю часть сайта.
Маркетинг, веб-дизайн и JavaScript: топ-33 самоучителя, которые помогут быстро освоить профессию
30 марта 2022 года российские оккупанты отключили интернет и мобильную связь в Херсонской и Запорожской областях.
Бесплатные IT-курсы и воркшопы: PowerCode Academy открыла доступ к своей библиотеке
Онлайн IT-школа PowerCode Academy, которая является обособленным подразделением IT-компании PowerCode, открыла всем желающим доступ к своей библиотеке курсов. Об этом Highload рассказали представители образовательного учреждения. Их цель — помочь тем, кто планировал войти в IT, но из-за войны потерял такую возможность, добиться поставленной цели.
10+ волонтерских вакансий на Djinni для айтишников, которые хотят помочь
Во время войны многие IT-компании перестроили рабочие процессы для разработки продуктов на помощь Украине. В связи с этим ряд компаний нанимает разработчиков на волонтерские проекты. 19 таких, в том числе призванные помочь обычным гражданам, можно найти на портале для поиска работы Djinni. Вот некоторые из них.
Как открыть россиянам глаза на войну — украинцы разработали полезный скрипт, который можно добавить на свой сайт
Журналист Андрей Дегелер и программист Александр Соловьев запустили сайт, целью которого является рассказать жителям России правдивую информацию о том, что на самом деле происходит в Украине. Помочь с информационной поддержкой могут все желающие. Единственное условие — надо иметь собственный сайт.
Списывать можно: 8 шпаргалок с примерами кода для веб-разработчика
Запомнить все свойства и функции для веб-разработки невозможно, а поиск нужной информации в Google отнимает массу времени, уверен фронтенд-разработчик и технический писатель Махеш Патидар. Чтобы облегчить себе работу, он использует шпаргалки, которые способны значительно сэкономить время разработки.
Как создавать и стилизовать чекбоксы: подробный гайд
Чекбокс — это компонент ввода на сайте, который обычно выглядит как пустой квадрат в невыбранном состоянии, а если его выбирают, то он меняет вид — в квадрате появляется галочка.
Верстаем на Grid в CSS: гайд по основным понятиям с примерами
CSS Grid Layout — это модуль CSS, который разделяет веб-страницу на колонки и строки. В получившейся двумерной сетке могут размещаться разные элементы. Управлять их размером и положением можно с помощью свойств CSS Grid. Они помогают отображать элементы на экране по горизонтали и вертикали без внесения изменений в структуру кода.
Как я разгоняю интернет-магазины до сверхзвуковой скорости и вывожу в топ Google: 19 советов бэкендера
Не нам вам объяснять, что оптимизация сайта — это очень важно. От того, насколько качественно она настроена, зависит, понравится ли пользователю взаимодействовать с сайтом. Интернет-магазины с низкой производительностью и медленными страницами получат низкие коэффициенты конверсии в поисковой выдаче. В результате бизнес обгонят конкуренты.
Как использовать функцию jQuery .each(): примеры
jQuery — это фреймворк JavaScript, который был создан, чтобы упростить взаимодействие JS и HTML. Его можно скачать с домашней страницы проекта.
Выполнить код в браузере: 12 онлайн-компиляторов, которые упростят вашу жизнь
Онлайн-компиляторы созданы для того, чтобы упростить проверку кода. Вам не нужно скачивать и устанавливать разные приложения на ноутбук: чтобы использовать компилятор, нужно только подключение к интернету. Вы можете проверить код на работоспособность, увидеть ошибки и результат выполнения программы.
Обфускация JavaScript-кода: способы и отличия от минимизации
В большинстве случаев код JavaScript является общедоступным. Это означает, что исходный код всегда будет подвержен некоторым угрозам:
Модули в JavaScript: основные возможности
Сложные программы обычно содержат сотни строк кода, в которых тяжело ориентироваться. Организовать ваш код в JavaScript помогут модули. Разбираемся, что это такое, как их используют и зачем нужны сборщики модулей.
Переехал в Польшу, потом — в Португалию, а вещи приходилось раздавать: как я разработал собственный маркетплейс
Highload продолжает публиковать истории о pet-проектах, вошедших в топ-20 лучших по итогам голосования наших читателей. Параллельно эти проекты оценивает жюри из опытных разработчиков и инвесторов. Победителей конкурса мы планируем объявить 10 июля.
Самые популярные языки программирования в 2021 году
Что изучать будущему программисту, чтобы быть востребованным на рынке, стало непонятно очень давно. В компании TextMagic подробно изучили эту тему и поделились рейтингом самых популярных языков программирования.
«Не стоит сажать профессионала писать то, что уже миллионы раз написано»: как мы пришли из аутсорсинга в No Code
Украинский стартап Shop-Express помогает предпринимателям и компаниям продавать товары онлайн, создавая функциональные магазины без привлечения разработчиков и дизайнеров. Как это работает, Highload рассказал СEO Shop-Express Алексей Петриченко. Далее — прямая речь.
Повышение квалификации: где пройти продвинутые курсы для разработчиков?
Highload собрал несколько IT-школ, где обучают не только всех подряд с нуля, но и уже вполне профессиональных айтишников. Платные онлайн-курсы, тренинги и марафоны помогут глубже изучить возможности JavaScript, Java, C#, PHP и других языков программирования, а также научат пользоваться фреймворками, в том числе Spring и Laravel. Стоимость курсов варьируется от 2,8 тыс. грн в месяц до 15 тыс. грн за девять дней.
React-JSS — альтернативный способ стилизации компонентов
JSS — это относительно новый инструмент для стилизации компонентов. Вследствие этого JSS еще не так сильно распространен . Но его репозиторий на сайте GitHub собрал уже 6.3k звезд на момент написания статьи. Он использует JavaScript для декларативного способа описания правил CSS, помогает в их переиспользовании и избежании конфликтов. Он может компилироваться в браузере, на стороне сервера или во время сборки в Node.js. Он легко интегрируется в другие JS-фреймворки. React-JSS это его адаптация для библиотеки React.js.
10 основных уязвимостей ПО и способы их устранения
Веб-разработчик Приянши Шарма поделилась в своем блоге на dev.to десятью методами устранения уязвимостей в софте.
Tailwind CSS: за и против
По данным опроса The State of CSS 2020, больше всего разработчиков в мире, использующих CSS-фреймворки, сейчас заинтересованы в изучении и применении Tailwind CSS. Он опережает конкурентов в этом рейтинге уже второй год подряд. Команда Tailwind предлагает альтернативный подход для поддержки и стилизации HTML-разметки, но у него есть и свои противники. Проштудировав статьи и комментарии на таких ресурсах, как Dev.to, Product Hunt и Codeburst, мы собрали наиболее популярные доводы за и против использования этого фреймворка.
Асинхронная загрузка CSS
Асинхронная загрузка CSS позволит быстрее показать Вашу страницу посетителю. Это критично для мобильных устройств, когда канал может быть медленным.
Клиентская оптимизация
Клиентская оптимизация — это набор методик, которые сделают сайт быстрее для пользователя без существенных изменений на серверной стороне. Прирост в скорости может достигать десятикратного улучшения. При этом техники довольно простые.
Что такое Above-the-fold?
Above the fold — это верхняя половина видимой части сайта на первом экране. Т.е. первые полэкрана сайта. Pagespeed уделяет особое внимание оптимизации этого участка, т.к. это позволяет показать посетителю сайт максимально быстро.
Минификация js/css/html
Минификация (minify) — это простой подход для уменьшения размеров файлов css, js и html. В процессе сжатия все комментарии к коду, переносы строк, лишние табы и пробельные символы удаляются. Это позволяет сэкономить 10…20% от оригинального размера файла.
Как минифицировать (minify) HTML?
Быстрый вариант – встроить прямо в PHP скрипт, который будет очищать буфер вывода от всего лишнего:
Сжатие gzip для js/css/html
Современные браузеры поддерживают сжатый контент, т.к. он является частью спецификации протокола HTTP 1.1. Сжатие текстовых форматов (CSS, Javascipt и HTML) может уменьшить их объем на 70%. Работает все очень просто. Перед отправкой ответа сервер сжимает данные. Браузер при получении сжатого ответа разжимает его и показывает результат.
Что такое CSS спрайты?
CSS спрайты — это специальная техника, когда мелкие картинки объединяются в один файл и выводятся не с помощью тега <img>, а с помощью CSS. Допустим, у нас есть большой файл с картинками icons.png. Тогда пример использования выглядел бы так:
Что такое Eliminate render-blocking CSS и как это исправить?
Render-blocking элементы приостанавливают загрузку страницы до того момента, пока не будет загружен какой-то внешний ресурс. Например, загрузка CSS:
HTML compressor
HtmlCompressor — это Java-библиотека для минимизации (minify) HTML страниц. В пакете есть инструмент для командной строки, используется просто:
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: