Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Атрибут autofocus
2. Тег <time>
3. Как создать репозиторий на GitHub
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик
2. HTML-верстальщик
3. Frontend-разработчик Метр квадратный
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер Alpaca Dev Studio
2. Web-дизайнер Red Krab
3. UI/UX дизайнер ООО Мой Класс
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Атрибут autofocus
2. Тег <time>
3. Как создать репозиторий на GitHub
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик
2. HTML-верстальщик
3. Frontend-разработчик Метр квадратный
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер Alpaca Dev Studio
2. Web-дизайнер Red Krab
3. UI/UX дизайнер ООО Мой Класс
#лучшеезанеделю
👍3❤1
JS Вопрос:
Какой способ вставки элементов на страницу является более современным и быстрым?
Какой способ вставки элементов на страницу является более современным и быстрым?
Anonymous Quiz
22%
insertAdjacentHTML
36%
innerHTML
7%
innerText
23%
appendChild
12%
Посмотреть ответы
🔥7
Задача на JavaScript:
У вас есть массив чисел, который представляет собой незавершенную арифметическую прогрессию. Нужно написать функцию, которая принимает этот массив и возвращает недостающее число, которое должно быть следующим в прогрессии.
Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.
Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.
Одно их решений в комментариях
#домашка
У вас есть массив чисел, который представляет собой незавершенную арифметическую прогрессию. Нужно написать функцию, которая принимает этот массив и возвращает недостающее число, которое должно быть следующим в прогрессии.
Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.
Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.
Одно их решений в комментариях
#домашка
👍1
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Все про тег img
2. insertAdjacentHTML
3. Методология SMACSS
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик МОЙ ГЕКТАР
2. Frontend-разработчик
3. HTML-верстальщик Articul
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер Гиперпк
2. UI/UX дизайнер Здоровый Отдых
3. Web-дизайнер Shtabkin Pro
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Все про тег img
2. insertAdjacentHTML
3. Методология SMACSS
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик МОЙ ГЕКТАР
2. Frontend-разработчик
3. HTML-верстальщик Articul
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер Гиперпк
2. UI/UX дизайнер Здоровый Отдых
3. Web-дизайнер Shtabkin Pro
#лучшеезанеделю
👍1
Задача на JavaScript:
Необходимо создать программу, которая будет переводить заданный текст на "Роботский язык". Роботский язык - это модифицированный алфавит, в котором все гласные буквы заменяются на "о" и после каждой согласной буквы, кроме "р" добавляется "p" . Например, слово "Программирование" будет переведено на "Пррогрромрмроровронроо".
Задача:
Напишите функцию, которая принимает на вход текстовую строку и возвращает этот текст, переведённый на Роботский язык. Убедитесь, что ваша функция учитывает регистр букв, и сохраняет оригинальную пунктуацию и пробелы.
Пример использования:
#домашка
Необходимо создать программу, которая будет переводить заданный текст на "Роботский язык". Роботский язык - это модифицированный алфавит, в котором все гласные буквы заменяются на "о" и после каждой согласной буквы, кроме "р" добавляется "p" . Например, слово "Программирование" будет переведено на "Пррогрромрмроровронроо".
Задача:
Напишите функцию, которая принимает на вход текстовую строку и возвращает этот текст, переведённый на Роботский язык. Убедитесь, что ваша функция учитывает регистр букв, и сохраняет оригинальную пунктуацию и пробелы.
Пример использования:
console.log(robotLanguage("Программирование")); // выводит "Пррогрромрмроровронроо"
console.log(robotLanguage("Привет, мир!")); // выводит "Прровротр, мрор!"#домашка
👍4
Как сделать круговой текст?
Попробуем реализовать эту задачу при помощи svg.
Формат SVG поддерживает отображение текста вдоль любого пути, в том числе и дуги окружности. Легче всего поместить текст в элемент textPath внутри элемента text, который ссылается на элемент path, определяющий форму пути.
Добавляем стили, цвет текста в данном случае будет задаваться через свойство fill:
#полезности
Попробуем реализовать эту задачу при помощи svg.
Формат SVG поддерживает отображение текста вдоль любого пути, в том числе и дуги окружности. Легче всего поместить текст в элемент textPath внутри элемента text, который ссылается на элемент path, определяющий форму пути.
<svg class="circle-text" viewBox="0 0 100 100">
<path id="circle-text" d="M 0,50 a 50,50 0 1,1 0,1 z" />
<text>
<textPath xlink:href="#circle-text">
Круговой текст
</textPath>
</text>
</svg>
Добавляем стили, цвет текста в данном случае будет задаваться через свойство fill:
.circle-text {
display: block;
overflow: visible;
width: 100px;
font-size: 28px;
fill: red;
}
.circle-text path {
fill: none;
}#полезности
🔥9👍1
Как управлять растяжением textarea?
Для этого есть css свойство resize. Значения:
- resize: none – полностью запрещает растягивание элемента.
- resize: vertical – разрешает менять только высоту элемента.
- resize: horizontal – позволяет менять только ширину элемента.
- resize: both – позволяет менять ширину и высоту элемента.
Растягивание также можно ограничить указав минимальные и максимальные значения высоты и ширины.
Например - есть форма шириной 400px с текстовым полем внутри. Чтобы поле нельзя было растянуть шире формы, просто указываем максимальную ширину в 100% или любой другой необходимый вам размер.
#полезности
Для этого есть css свойство resize. Значения:
- resize: none – полностью запрещает растягивание элемента.
- resize: vertical – разрешает менять только высоту элемента.
- resize: horizontal – позволяет менять только ширину элемента.
- resize: both – позволяет менять ширину и высоту элемента.
Растягивание также можно ограничить указав минимальные и максимальные значения высоты и ширины.
Например - есть форма шириной 400px с текстовым полем внутри. Чтобы поле нельзя было растянуть шире формы, просто указываем максимальную ширину в 100% или любой другой необходимый вам размер.
<form>
<textarea></textarea>
</form>
form {
width: 200px;
}
textarea {
width: 100%;
max-width: 100%;
}#полезности
👍8❤2🔥1