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

Веб-разработка *

Делаем веб лучше

Сначала показывать
Порог рейтинга
Уровень сложности

Svelte: Знакомство с рунами

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 2.3K
Обзор
Перевод

В 2019 году Svelte 3 превратил JavaScript в реактивный язык. Svelte - это фреймворк для создания веб-интерфейса, который использует компилятор для превращения декларативного кода компонентов в такой...

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

Новости

Tailwind не только для MVP

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

Всем привет!

Обычно tailwind используют для каких-то MVP/админок/не очень больших проектов, но мне кажется, что tailwind, имеет место быть в средних и крупных проектах. Большинство его минусов решаемы, а плюсы чертовски хороши :)

В этой статье я распишу его плюсы и минусы и как можно минусы превратить в плюсы.

Tailwind больше чем просто MVP
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 20

TypeScript и все что тебе нужно в разработке

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 8.4K
Туториал

Все для работы с продвинутым TS внутри. Generic Types, Mapped Types, Types Guard, Utility Types и многое другое. Шпаргалка с навигацией и примерами.

К изучению
Всего голосов 15: ↑11 и ↓4 +7
Комментарии 8

5 советов разработчику перед стартом своего стартапа. Опыт после 750 000 рублей

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 12K
Мнение

Всем привет! Меня зовут Ростислав, я full-stack разработчик. Последние 3 года у меня есть хобби - доведение пет-проектов до стадии финансово рентабельных IT продуктов. Сейчас я хочу поделиться своими советами о запуске проекта, исходя из своего опыта.

Читать далее
Всего голосов 43: ↑39 и ↓4 +35
Комментарии 40

Истории

API для создания рандомных аватаров пользователей

Уровень сложности Простой
Время на прочтение 1 мин
Количество просмотров 1.1K
Обзор

Аватарки популярны на многих сайтах и позволяют украсить профиль не используя свою реальную фотографию. В статье рассмотрим простые и доступные API для генерации аватарок на свой сайт.

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

Sinuous — JavaScript UI библиотека с небольшим размером

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 2.9K
Обзор

Есть много библиотек и фреймворков, которые помогают преодолеть все препятствия на пути JavaScript разработчика. Если раньше мы использовали ванильный JS, то со временем пришёл jQuery, а затем React и Vue. Каждый год появляется все больше новых библиотек, фреймворков и инструментов. Некоторые из них продолжают развиваться и находят свою аудиторию, в то время как другие исчезают и постепенно забываются. В статье рассмотрим ещё одну библиотеку, которая может быть полезной для разработки небольших и простых пользовательских интерфейсов.

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

Путь веб-мастера в системный анализ: инструменты, кейсы, мысли вслух

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 1.3K
Ретроспектива

Приветствую, уважаемый коллектив Хабр!

В данной статье будет рассмотрен ряд вопросов, включая насущный «насколько далек веб-мастер в начале своего пути от системного аналитика?» и «факторы, способствующие развитию и трансформации в IT-сфере».

Свой путь в IT начал еще с юношеского возраста в 2003 году с разработки первых веб-сайтов на HTML еще во времена популярности narod.ru. Прошел путь разработки более, чем в 100+ веб-проектов, работал инженером сервисной службы, инженером-конструктором в КБ «Салют», прошел путь от первой линии технической поддержки до сетевого инженера и далее до руководителя отдела автоматизации.

Давайте обо всем по порядку.

Читать далее
Всего голосов 13: ↑11 и ↓2 +9
Комментарии 3

Минуты и часы не нужны

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

landing page для наглядности

Нет часов. Нет минут. Нет часовых поясов. До свидания.

Данный счёт времени достался нам по наследию от наших предков. Если говорить грубо, то вероятнее всего какой-то один человек решил, что это будет удобно, если каждая более крупная единица будет равняться 60 мелким. Но нет. Так как мы используем десятичную систему счисления, удобнее, чтобы более крупная единица равнялась числу кратному десяти. Например, как это сделано во всех остальных единицах - по 1000. И даже приставки каждой единицы уже придуманы кило-, мега-, гига-, тера и т.д. Каждая более крупная единица содержит 1000 мелких. Как вариант, это очень удобно и уже давно стандартизировано.

ахаха
Всего голосов 94: ↑44 и ↓50 -6
Комментарии 282

Без ТЗ результат ХЗ? Не думаю

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 4.9K

Привет, меня зовут Антон Фокин, я CEO студии QTIM, занимаемся заказной разработкой. Сайты, приложения, цифровые сервисы, вот это вот всё. Статью мне помогал писать Артём Трушин, наш CPO. Расскажем, как мы выкинули написание ТЗ из наших процессов и сократили среднее время на разработку проектов в 4 раза.

Читать далее
Всего голосов 16: ↑11 и ↓5 +6
Комментарии 90

Встречайте QmlBrowser – маленький, но перспективный принц на балу старых пердунов

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 7.5K
Обзор

HTML стал для нас совершенно естественным способом взаимодействия с аудиторией в интернете. И мы уже даже не задумываемся над тем, так ли он удобен на самом деле, возможны ли более современные и удобные альтернативы? И в то же время мы так или иначе испытываем недовольство от использования HTML приложений, зачастую успокаивая себя мантрой: «Ну это же HTML, что от него ожидать?». Попытке решить эту проблему и найти альтернативу привычному HTML и посвящена эта статья.

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

Как сделать эффект Parallax с помощью CSS

Уровень сложности Простой
Время на прочтение 15 мин
Количество просмотров 2.9K
Перевод


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

В этой статье мы рассмотрим, в каких ситуациях оправдано использование параллакс-скроллинга, разберем, как реализовать его с помощью CSS, и почему для этого стоит использовать именно CSS, а не JavaScript. Приведем несколько примеров CSS-параллакса, варианты его использования и лучшие практики.
Читать далее
Всего голосов 19: ↑16 и ↓3 +13
Комментарии 1

В Go меняется фундаментальная вещь — цикл

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

Если раньше в циклах были проблемы с замыканиями, так как переменная цикла имела скоуп всего цикла, а не одной его итерации, то в 1.22 это поведение поменяют.


проще показать на примере:


 funcs := []func(){}

 for i := 0; i < 5; i++ {
  funcs = append(funcs, func() {
   fmt.Println(i)
  })
 }

 funcs[0]()

Последняя строка примера напечатает 5 в go 1.21, но в go 1.22 будет уже интуитивно понятный 0.

Читать дальше →
Всего голосов 52: ↑50 и ↓2 +48
Комментарии 61

Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT

Время на прочтение 11 мин
Количество просмотров 2K
Туториал
Перевод

Эта статья — отличное подспорье для каждого, кто хочет ускорить процесс разработки с помощью автоматизации. Из нее вы узнаете, как создать веб-приложение, которое преобразует объекты JSON в интерфейсы Typescript с помощью API ChatGPT. Приведенные пошаговые инструкции смогут легко выполнить даже новички.

Читать далее
Всего голосов 6: ↑2 и ↓4 -2
Комментарии 7

Ближайшие события

Yandex Scale
Дата 25 – 26 сентября
Время 17:00 – 18:00
Место Москва Онлайн
Битва пет-проектов
Дата 25 сентября – 30 ноября
Место Онлайн
Business&IT Day: Retail CPG
Дата 28 сентября
Время 09:50 – 14:00
Место Онлайн
XIX конференция разработчиков свободных программ «Базальт СПО»
Дата 29 сентября – 1 октября
Время 10:00 – 19:00
Место Переславль-Залесский Онлайн
Kokoc Hackathon
Дата 29 сентября – 1 октября
Время 19:00 – 21:00
Место Онлайн
Ruby Russia 2023 Online
Дата 30 сентября
Время 11:00 – 21:00
Место Онлайн
PG Boot Camp Russia 2023
Дата 5 октября
Время 10:00 – 17:00
Место Москва Онлайн
Joker
Дата 9 – 14 октября
Время 16:00 – 19:30
Место Санкт-Петербург Онлайн
Питч-сессия pravo (tech) impulse
Дата 19 октября
Время 15:45 – 17:30
Место Москва
Russia Risk Conference 2023 — 19-я конференция по риск-менеджменту
Дата 25 – 26 октября
Время 10:00 – 19:00
Место Москва Онлайн
Онлайн IT HR-конференция HR42
Дата 17 – 18 ноября
Время 10:00 – 14:00
Место Онлайн

Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 1.8K
Туториал

Привет, дорогие пользователи мира IT!

В современной веб-разработке существует множество способов сделать ваш сайт интересным и привлекательным для пользователей. И даже используя простые техники можно добиться высоких результатов!

Предлагаю вам самим создать мини-игру с нуля. И затем, вы сможете использовать её, чтобы оживить и добавить интерактивность любой веб-странице.

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

JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 6.3K

WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.

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

Веб-компоненты в 2023: нужно поговорить

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 6.9K
Мнение

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

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

И с этим я хочу бороться
Всего голосов 13: ↑13 и ↓0 +13
Комментарии 47

Очередной ответ на вопрос: «Зачем нужна семантика?»

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 2.8K
Аналитика

Этот вопрос преследует меня всю мою карьеру, начиная с 2013 года. Одни разработчики отвечают, потому что так правильно. Другие говорят про SEO. Третьи — ничего не говорят. А я считаю, что атрибут role является отличным ответом на этот вопрос!

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

Как мы версию Sanic’а повышали

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 1.7K
Кейс

Приветствую всех читателей, меня зовут Вадим, я — бэкенд-разработчик в компании Домклик. В этой статье я хотел бы поделиться своим интересным опытом мажорного повышения зависимостей в проекте, который свыше пяти лет находится в проде под ежедневной нагрузкой более 2000 RPS. Мне пришлось обновить наш основной фреймворк сразу на несколько мажорных версий. Приглашаю прочесть как именно и зачем я это делал!

Узнать как это было
Всего голосов 23: ↑23 и ↓0 +23
Комментарии 6

Прогрессивный рендер изображений с использованием blurhash

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

Мы уже давно используем адаптивные изображения picture с srcset, но захотелось реализовать ленивую загрузку изображений на проектах, когда юзер видит изображение в плохом качестве, пока загружается основное.

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

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

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

Почему для проекта стоит прибегать к готовым UI-компонентам

Уровень сложности Простой
Время на прочтение 10 мин
Количество просмотров 5.5K
Обзор
Перевод

Мы знаем, как важно для веб-разработчиков создавать качественные пользовательские интерфейсы (UI). Однако, создание собственного пользовательского интерфейса с нуля может быть затруднительным, если у вас ограниченное время и ресурсы. Именно поэтому Sencha разработала для вас компоненты Ext JS. Они существенно облегчают задачу создания идеального дизайна для вашего проекта и позволяют сэкономить множество времени и усилий

При нынешних темпах веб-разработки дизайн пользовательского интерфейса важен как никогда. Люди ожидают хорошо организованного и понятного опыта при использовании веб-приложения, и пользовательский интерфейс может либо улучшить, или испортить его. Таким образом, очень важно выбрать подходящие компоненты пользовательского интерфейса.

Читать далее
Всего голосов 24: ↑10 и ↓14 -4
Комментарии 9

Вклад авторов