Публикации по теме 'codepen'
«Мастер игры: пошаговое руководство по кодированию настольной игры на ванильном JavaScript»
Разблокируйте свои навыки программирования и создайте собственную настольную игру с помощью Vanilla JavaScript — подробное руководство
Готовы ли вы поднять свои навыки JavaScript на новый уровень? Вы когда-нибудь хотели создать настольную игру на JavaScript? В этой статье я поделюсь своим опытом и знаниями в программировании настольных игр, проведя вас через этапы создания шахматного клона в ванильном JavaScript.
Как опытный разработчик, я создал множество игр, таких как аквариум и..
Front End News #1: сбой дополнения Mozilla, новые функции MS Edge, тенденции JS в 2019 году и многое другое
Всем привет и добро пожаловать в первый выпуск Front End News. Я начинаю эту серию статей (и видео), чтобы собрать воедино самые важные события, повлиявшие на индустрию фронтенд-разработки за последнюю неделю.
Сегодняшняя главная история — продолжение сбоя надстройки Mozilla 3 мая. Мы продолжим с более подробной информацией о функциях, встроенных в новый браузер Edge на основе Chromium, мы увидим, каковы тенденции JavaScript на 2019 год, есть новости и обновления от CodePen, и у нас..
100 дней кода: день 39
Весь прогресс сегодня! Я смог поработать и закончил два проекта по кодированию, которые я надеялся получить в эти выходные. Первый заключался в том, чтобы заставить стили для моей машины случайных цитат работать правильно, когда она стала отзывчивой. Потребовалось много времени и много терпения, но я наконец смог заставить их работать правильно. Пришлось работать с сеткой в свою пользу, чтобы получить то, что мне нужно. Следующим было завершение моего второго проекта для моего..
Вертикальное центрирование текста над изображениями в React Native с Flexbox
Вертикальное и горизонтальное центрирование - одна из тех вещей, которые всегда возникают в дизайне, и, к счастью, в последние пару лет мы начали улучшать ее решения.
В Интернете для меня обычной практикой было использовать абсолютное позиционирование текста с
left: 50%, top: 50%, transform: translate(-50%,-50%)
стиль, чтобы он располагался по центру изображения.
Однако, если вы не используете одну из последних версий react native, у вас нет доступа к процентам, и, скорее всего, вы..
Вопросы по теме 'codepen'
Динамически устанавливать connectWith при перетаскивании сортируемого jQuery
У меня есть один список, который должен быть связан с другим списком, но для каждого элемента в списке целевой список меняется.
я использую
connectWith: '.valid'
А затем в моей функции on('sortstart') (во время перетаскивания элемента) я...
1055 просмотров
schedule
07.04.2023
Использование функций импорта и экспорта Javascript ES6 в проектах Codepen
Я пытаюсь использовать функцию импорта/экспорта Javascript ES6 в своем проекте Codepen , и Я думал, что он поддерживается, основываясь на некоторых статьях , которые я читал, но У меня проблемы с тем, чтобы заставить его работать. Я настроил свой...
2874 просмотров
schedule
23.02.2023
Как мне переместить div после уменьшения ширины?
Моя проблема в том, что я хочу переместить красный div из черного наложения после уменьшения ширины, например: когда ширина составляет 500 пикселей, красный div должен появиться в зеленом поле (тело).
Я пытался использовать display: none; и...
45 просмотров
schedule
17.06.2022
элементы div, начинающиеся с nth-child(2) вместо nth-child(1) только на CodePen
Вот ручка:
https://codepen.io/Blue_5/pen/pLKzmX?editors=0100
CSS:
.colors {
position: absolute;
top: 25px;
height: 25px;
width: 25px;
border-radius: 100%;
}
.colors:nth-child(2) {...
23 просмотров
schedule
25.04.2023
Как использовать DateFNS в CodePen? (dateFns не определен)
Мне нужно использовать DateFNS в CodePen, но я не могу заставить его работать. Ошибка:
"[Vue warn]: Ошибка в data (): 'ReferenceError: dateFns is not defined' (находится в‹ Root> »
Вот мой пример CodePen:...
1270 просмотров
schedule
28.07.2023
codepen - почему не запускается мое базовое приложение для реагирования
Я пытаюсь настроить простое приложение для реагирования с помощью codepen. Я создал очень минимальное приложение с голыми костями.
Однако приложение не показывает ожидаемый результат. Когда приложение выполняется успешно, ожидается, что вывод...
330 просмотров
schedule
04.08.2022
CodePen не показывает компонент ReactJS
HTML
<div id="p1"> </div>
JS (Babel)
function MyFunct () {
return (
<div>
<h1>Tanzeel</h1>
<p>Hello World</p>
</div>
);
}
ReactDOM.render(< MyFunct />,...
449 просмотров
schedule
16.10.2022
Ширина неверна для flex внутри flex
Взгляните на следующий фрагмент кода
*,
*:after,
*:before {
box-sizing: border-box;
}
body,
html {
height: 100%;
}
.container {
display: flex;
height: 100%;
justify-content: center;
align-items: center;...
19 просмотров
schedule
21.02.2024
Нажмите селектор для нескольких вопросов с переключателями
Я пытаюсь провести викторину, напишите здесь: https://codepen.io/stdobrescu/pen/xxbMbLK
И прямо сейчас у меня есть
var score = 0;
var scoreInt = 0;
$("#score").html(score);
$("input[type='radio']").click(function(){
scoreValue =...
140 просмотров
schedule
21.04.2023
Запуск функции javascript при нажатии кнопки и остановка при повторном нажатии
Итак, я хочу добавить эффект плавающих частиц на свой веб-сайт. Наткнулся на этот codepen, который делает то же самое - https://codepen.io/OliverKrieger/pen/EjLEVX .
Я пытался немного изменить его, чтобы частицы срабатывали только при...
63 просмотров
schedule
02.02.2023