Как стать автором
Обновить

Разработчики выпустили ИИ-приложение для вёрстки по скриншотам, проверяем его возможности на современных сайтах

Время на прочтение23 мин
Количество просмотров9K

Разработчики выпустили приложение Screenshot to Code, позволяющее трансформировать скриншоты веб-сайтов в код. Для генерации кода и заполняющих изображений используется модель машинного обучения GPT-4 с функцией Vision и DALL-E 3. Информационная служба Хабра проверила, как приложение справляется с вёрсткой современных веб-сайтов.

Читать далее
Всего голосов 37: ↑37 и ↓0+37
Комментарии7

Вышло обновление WebStorm 2023.1

Время на прочтение2 мин
Количество просмотров4.3K

JetBrains выпустила обновление WebStorm 2023.1. Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах. Новая версия среды разработки уже доступна на сайте компании и в JetBrains Toolbox.

Читать далее
Всего голосов 9: ↑7 и ↓2+5
Комментарии0

Выпущена браузерная виртуальная машина с Debian

Время на прочтение6 мин
Количество просмотров14K

В Leaning Technologies создали виртуальную бессерверную среду Linux, которая запускает немодифицированные двоичные файлы Debian в браузере. Подробностями делимся к старту курса по Fullstack-разработке на Python.

Читать далее
Всего голосов 12: ↑11 и ↓1+10
Комментарии8

Mozilla обновила MDN и готовится к запуску MDN Plus

Время на прочтение1 мин
Количество просмотров5.1K

Mozila обновила ресурс MDN (Mozilla Developer Network). Изменили внешний вид веб-портала, улучшили систему поиска и переработали сортировку по темам. Вместе с этим анонсировали премиальную подписку MDN Plus, позволяющую персонализировать документацию под собственные нужды.

Читать далее
Всего голосов 14: ↑14 и ↓0+14
Комментарии3

Cloudflare: библиотеки JavaScript практически никогда не обновляются после установки

Время на прочтение2 мин
Количество просмотров5.2K


Cloudflare, американская компания, которая предоставляет услуги CDN и защиту от DDoS-атак, опубликовала пост на своём сайте с результатами анализа частоты обновления библиотек Javascript, используемых на сайтах. Для этого эксперты компании собрали данные из запросов сети доставки контента CDNJS.
Читать дальше →
Всего голосов 7: ↑5 и ↓2+3
Комментарии8

Mozilla запустила платный сервис MDN Plus

Время на прочтение2 мин
Количество просмотров10K

Mozilla запустила новый платный сервис MDN Plus, который дополнит такие коммерческие инициативы, как Mozilla VPN и Firefox Relay Premium. Стоимость подписки составит $10 в месяц или $100 в год.

Читать далее
Всего голосов 10: ↑10 и ↓0+10
Комментарии15

Chrome будет показывать разработчикам, как их сайты выглядят для пользователей с нарушениями зрения

Время на прочтение1 мин
Количество просмотров5.7K


Браузер Google Chrome запустил новый инструмент, который поможет разработчикам увидеть, как пользователи с различными нарушениями зрения воспринимают их сайты. Видеодемонстрацию нового раздела опубликовал в твиттере сотрудник Google Матиас Байнс.
Читать дальше →
Всего голосов 9: ↑9 и ↓0+9
Комментарии8

Путеводитель по JavaScript Promise для новичков

Время на прочтение7 мин
Количество просмотров135K
image

Этот материал мы подготовили для JavaScript-программистов, которые только начинают разбираться с «Promise». Обещания (promises) в JavaScript – это новый инструмент для работы с отложенными или асинхронными вычислениями, добавленный в ECMAScript 2015 (6-я версия ECMA-262).
Читать дальше →
Всего голосов 14: ↑14 и ↓0+14
Комментарии61

Landing Page как замена всего сайта

Время на прочтение5 мин
Количество просмотров16K


Здравствуйте, уважаемые хабрапользователи! Предлагаю поговорить о landing page. Многие из вас слышали, а, наверняка, большинство знают, что это. Но все равно хотелось бы чуть-чуть заострить на этом внимание.

Landing page (Целевая, посадочная страница) — это возможность для продавца или сервиса за несколько секунд рассказать о своих товарах и услугах самое главное, а для потенциального клиента — убедиться в том, что он попал «точно в цель». Одна из задач создания целевых страниц — формирование положительного восприятия рекламы и замена «стандартного» трюка, основанного на различных импликациях, полноценным информационным блоком.
Читать дальше →
Всего голосов 15: ↑8 и ↓7+1
Комментарии25

Генератор админок

Время на прочтение14 мин
Количество просмотров21K

Кратко суть проблемы: нужно было много админок, написал генератор админок.


Как работает:


  • описали сущности в JSON;
  • сгенерировали схему БД (PostgreSQL);
  • сгенерировали процедуры для БД;
  • сгенерировали сервер (NodeJS или PHP);
  • сгенерировали админку (HTML файл);
  • накатили, задеплоили, скопировали все это;
  • можно приступать к работе;

Содержание:


  • как дошёл до этого;
  • почему не взял готовое решение;
  • что получилось;
  • что НЕ получилось;
  • как оно работает;
  • про UX;
Читать дальше →
Всего голосов 41: ↑39 и ↓2+37
Комментарии13

Сложно о простом: как измерить время открытия страницы и не нажить себе врагов

Время на прочтение12 мин
Количество просмотров16K
Вы разработчик и хотите увидеть, что ваша страница стала быстрее открываться после всех оптимизаций. Или вам нужно доказать начальству, что вы не верблюд и всё действительно ускорили. А, может быть, вы хотите убедиться, что ваши пользователи не будут страдать от медленно открывающихся страниц. Или, как в нашем случае, вы тестировщик, который теперь отвечает за клятую клиентскую производительность, и пропущенные тормоза на продакшен не дают спать по ночам.

Измерять клиентскую производительность – нетривиальная задача. Особенно если у вас в проекте сотни страниц на множестве стендов. Каждая наполнена js кодом, и сотни разработчиков каждый день оптимизируют, меняют, пересоздают их. Нужно спроектировать систему сбора, обработки и хранения данных. Какое хранилище выбрать? Как спроектировать базу, и в какой СУБД? Немало интересных задач, которые меркнут перед лаконичным «сколько времени открывалась страница?». Для нас поиск ответа на этот вопрос вылился в квест с детективными расследованиями, жаркими спорами и поиском истины. Его самые интересные моменты – в этой статье.


Читать дальше →
Всего голосов 25: ↑22 и ↓3+19
Комментарии3

GrabDuck: От Ньютона до вебсайта

Время на прочтение10 мин
Количество просмотров1.4K
Приветствуем вас друзья и недруги сервиса GrabDuck, мы рады вам всем (хотя друзья нам конечно же нравятся больше) и сегодня хотим поговорить о многом: о всеобщей эволюции, интернет сервисах, web 2.0 и конечно же о том, каким же должен быть хороший сервис закладок. Заходите, будет философия, много картинок, и совсем без примеров исходного кода ;-)

image

Читать дальше →
Всего голосов 5: ↑2 и ↓3-1
Комментарии6

Как создать свой VPS-хостинг с нуля и начать на нем зарабатывать (введение)

Время на прочтение6 мин
Количество просмотров90K


Здравствуйте, уважаемые читатели хабра. С данного материала мы начинаем серию публикаций о том, как построить VPS-хостинг с нуля на базе RUVDS White Label API.

В данной вводной публикации мы расскажем, что нужно сделать в первую очередь, чтобы как можно скорее начать получать первую прибыль от вашего собственного VPS-хостинга, как сделать относительно быстро и насколько это целесообразно и выгодно. Если вы решили создать свой VPS-хостинг с нуля, но у Вас нет своей инфраструктуры или нет средств и времени для её создания, добро пожаловать под кат.
Читать дальше →
Всего голосов 37: ↑9 и ↓28-19
Комментарии14

Как создать свой VPS-хостинг с нуля и начать на нем зарабатывать? Простой биллинг с WooCommerce

Время на прочтение7 мин
Количество просмотров9.4K


Здравствуйте, уважаемые читатели хабра. Данная статья является продолжением цикла материалов о том, как построить VPS-хостинг с нуля на базе RUVDS White Label API. В вводной статье цикла мы говорили о том, что в первую очередь нам понадобится сайт и предложили 3 варианта, как его можно создать. Мы детально остановимся на варианте с использованием популярных CMS и плагинов к ним, которые призваны быстро предоставить так необходимую нам функциональность по приему платежей и оплате серверов.

В серии публикаций мы рассмотрим такие популярные CMS, как Wordpress, Joomla и Drupal.
Читать дальше →
Всего голосов 9: ↑4 и ↓5-1
Комментарии3

Насколько хорошо вы знаете CSS? (+ мини-тест)

Время на прочтение13 мин
Количество просмотров32K
image

Отличие между успешным использованием CSS и мучительными попытками справиться с ним, зачастую зависит от мелких деталей. На самом деле, в CSS очень много нюансов. Одна из наиболее часто встречающихся областей, где я часто замечаю такую борьбу — это стилизация макетов. Лично мне нравится изучать CSS-паттерны. Я заметил, что склонен использовать небольшое их количество для решения большинства проблем с макетом. Эта статья про те CSS-паттерны, которые я использую для преодоления проблем в вёрстке. Ситуации будут рассматриваться независимо от используемой CSS-методологии: будь то SMACSS, BEM или даже горячая тема CSS-in-JS, потому что все они сфокусированы на самих CSS-свойствах, а не на архитектуре, организации или стратегии.
Всего голосов 16: ↑15 и ↓1+14
Комментарии18

Gap — светлое будущее для отступов в Flexbox (как в Grid)

Время на прочтение4 мин
Количество просмотров130K


Одна из моих любимых частей спецификации CSS Grid — это grid-gap. Они позволяют легко создавать отступы между элементами внутри сетки.

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

W3C порекомендовала отказаться от свойства grid-gap в пользу простого gap и его использования в Flexbox и Multi-Column.

В этом руководстве мы посмотрим, как добавляли margins в Flexbox раньше и как это делает свойство gap, позволяя нам получить внутренние отступы без дополнительных ухищрений.
Читать дальше →
Всего голосов 14: ↑14 и ↓0+14
Комментарии22

Где и как использовать мультиколонки (CSS Columns)

Время на прочтение7 мин
Количество просмотров25K

При всём ажиотаже вокруг технологий CSS Grid и Flexbox, часто упускается из виду другой метод разметки. В этой статье я хочу рассмотреть многоколоночный макет — часто называемый просто «Multicol» или «CSS Columns». Вы узнаете, для каких задач он подходит и какие нюансы следует учитывать при его использовании.
Читать дальше →
Всего голосов 13: ↑12 и ↓1+11
Комментарии3

Суд ЕС выступил против cookies по умолчанию — предустановленных галочек быть не должно

Время на прочтение3 мин
Количество просмотров5.7K
В Европе решили, что согласие на постановку cookies должно быть явным и запретили заранее устанавливать соответствующие галочки на баннерах. Есть мнение, что решение усложнит веб-серфинг и будет иметь далекоидущие последствия в правовом поле. Разбираемся в ситуации.

Читать дальше →
Всего голосов 13: ↑12 и ↓1+11
Комментарии15

Как CSS Grid меняет представление о структурировании контента

Время на прочтение8 мин
Количество просмотров18K
Каждый, кто хотя бы немного занимался созданием веб-сайтов, знает, что теги <div> — являются важным строительным блоком для контроля над макетом.

HTML5 представил новые семантические элементы, чтобы помочь в этом. И хотя они являются фантастическим дополнением к языку, они немного похожи на украшение к нашему супу из <div> элементов.



С приходом CSS Grid, нам больше не нужно полагаться на элементы <div> для создания структуры страницы или даже более сложного компонента. Структура буквально определяется родительским элементом, а не тем, как расположено содержимое внутри него.

Это значит, что мы можем получить хороший простой макет, который структурирует содержимое, не обращая внимание на то, как оно изначально организовано с помощью элементов <div>.

Всего голосов 22: ↑21 и ↓1+20
Комментарии19

Знакомство с Sass модулями

Время на прочтение12 мин
Количество просмотров38K
Привет, Хабр! Представляю вашему вниманию перевод статьи «Introducing Sass Modules» автора Miriam Suzanne.

Недавно в Sass появилась функциональность, которая вам знакома по другим языкам: модульная система. Это большой шаг вперед для @import, одной из наиболее часто используемых функций в Sass. Несмотря на то, что существующая директива @import позволяет вам подключать сторонние пакеты и разделять ваши стили на поддерживаемые элементы, у неё всё же есть несколько ограничений
Читать дальше →
Всего голосов 24: ↑24 и ↓0+24
Комментарии0