Публикации по теме '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 просмотров

Использование функций импорта и экспорта Javascript ES6 в проектах Codepen
Я пытаюсь использовать функцию импорта/экспорта Javascript ES6 в своем проекте Codepen , и Я думал, что он поддерживается, основываясь на некоторых статьях , которые я читал, но У меня проблемы с тем, чтобы заставить его работать. Я настроил свой...
2874 просмотров

Как мне переместить 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