Логово верстальщика – Telegram
Логово верстальщика
8.02K subscribers
996 photos
48 videos
4 files
1.71K links
Канал для верстальщиков с инфой о HTML и CSS, а так же JavaScript на уровне верстальщиков.

Канал на бирже - https://telega.in/c/webdevlair

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
​​❤️ Активация с первого взгляда: как влюбить пользователя в продукт

В этой статье расскажем, как повысить активацию пользователей, отличить ее от aha-момента и использовать эти знания для кратного роста количества активных пользователей.

Читать...
​​🤔Тутор: как нажать на кнопку. Продвинутые техники работы с веб-элементами для Selenium

В этой статье мы рассмотрим ошибки, которые могут возникнуть при работе с Selenium, и способы их решения.

Читать...
​​🪄Магия CSS на практике: советы по вёрстке от гика

В этой статье автор рассмотрит стиль написания медиа-запросов, позволяющий сократить количество правил, и альтернативный способ центрирования элемента без свойства transform.

Читать...
​​🌳Дизайн экосистем

В этой статье автор рассмотрит концепции экосистемы и ее применения в цифровых продуктах, а также основные принципы иconsiderations дизайна для создания успешных экосистем.

Читать...
​​😈XSS в Sappy (частичный writeup)

В этой статье я рассмотрю web task с недавно прошедшего Google CTF, который называется "Sappy".

Читать...
​​🌐 Загрузка es-модулей в браузерные приложения

В этой статье мы рассмотрим концепцию загрузки модулей ES (ESM) в браузерных приложениях и преимущества прямой загрузки их без сборки в единый файл.

Читать...
​​🌀Разбираемся, зачем нужен и как выбрать оптимальный загрузочный экран для вашего веб-продукта

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

Читать...
​​🎛 Плагины для VS Code, которые стоит использовать в 2024 году

В этой статье расскажем расскажем о нескольких полезных плагинах для VS Code, которые облегчают и упрощают работу специалиста.

Читать...
👩‍💻 10 незаменимых плагинов для VS Code в 2024 году

Visual Studio Code популярен благодаря возможности расширения функциональности с помощью плагинов. В этой статье мы рассмотрим 10 полезных расширений, которые упростят работу с кодом и повысят вашу продуктивность.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Какие JS-библиотеки использовать для анимаций на сайте в 2024 году

JS-библиотек более тысячи — они постоянно обновляются, а многие из них создаются сообществом. Рассказываем о наиболее актуальных для разработки анимаций на сайте.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Альтернативные фреймворки JavaScript: есть ли жизнь за пределами большой тройки?

Мы разберем не такие известные, но довольно часто используемые инструменты JavaScript, которые помогут облегчить жизнь веб-разработчика. Необязательно зацикливаться только на трех основных фреймворках.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
​​👤Кратко про основные техники кеширования в браузере

В этой статье мы поговорим о крайне важной, но порой недооцененной теме — кешировании в браузере.

Читать...
👩‍💻 Как меня чуть не уволили за выбор React для корпоративного приложения

Грустная история о том, как неправильный выбор библиотеки привел к большим проблемам в разработке приложения.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
​​Бесплатный мастер-класс ― «Тестировщик с нуля: как им стать и найти первую работу?»

Когда: 11 июля в 19:00 (мск).

✔️Расскажем про навыки и знания для трудоустройства, грейды в тестировании и перспективы роста зарплат в профессии.
✔️На практике протестируете простую форму, в рамках которой разберете базовые техники тест-дизайна и тест-кейсы, составите первый баг-репорт.
✔️Узнаете, как составить привлекательное резюме и где его разместить, чем наполнить портфолио новичку и как правильно откликаться на вакансии.

🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего тестировщика!

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8KbDGk
🤔 Числа, но только римские

Напишите функцию, которая принимает в качестве аргумента римскую цифру и возвращает ее значение в виде десятичного целого числа.

Римские числа:

I — 1
V — 5
X — 10
L — 50
C — 100
D — 500
M — 1000

Пример:

solution('XXI') => 21
solution('I') => 1
solution('IV') => 4
solution('MMVIII') => 2008
solution('MDCLXVI') => 1666


Решение задачи 👇


function romanToInt(roman) {
const romanNumerals = {
'I': 1,
'V': 5,
'X': 10,
'L': 50,
'C': 100,
'D': 500,
'M': 1000
};

let result = 0;

for (let i = 0; i < roman.length; i++) {
if (romanNumerals[roman[i]] < romanNumerals[roman[i + 1]]) {
result += romanNumerals[roman[i + 1]] - romanNumerals[roman[i]];
i++;
} else {
result += romanNumerals[roman[i]];
}
}

return result;
}
Please open Telegram to view this post
VIEW IN TELEGRAM
⚙️ Гайд по верстке HTML странички. Объяснение принципов, а не примеров

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

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Крутые расширения VSCode для React-разработчиков

Недавно я вернулся к личному проекту на React, который забросил в прошлом году. В ходе работы я нашел несколько расширений VSCode, которые значительно повысили мою продуктивность.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👀 Энтузиаст запустил сайт с миллионом чекбоксов, которые можно активировать или выключать онлайн.

По первым оценкам на сайте было около 500 000 игроков одновременно, ссылочка на сайт.
Please open Telegram to view this post
VIEW IN TELEGRAM
Как работают короткие ссылки на TinyURL и Bit.ly?

Полное руководство по проектированию систем с ручными расчетами. Мы рассмотрим функциональность, архитектуру, проблемы, масштабируемость, системные API-интерфейсы, производительность и оценку ресурсов, опираясь на данные реальных проектов.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Weather Widgets

Анимированный виджет погоды. Сделан на SVG, SCSS и TypeScript.

Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM