Category "frontend"

dynamic classes with tailwindcss and eleventy

I am using eleventy.js with tailwindcss and postcss. In my setup, postcss does not seem to recognise dynamic classes like md:pl-{{(loop.length-loop.index+1)*2}}

`react-query` mutate onSuccess function not responding

query, I'm making a bulletin board right now. So, I put the values ​​of title, content in the Form information into the react-query function onSucce

TYPO3 frontend-page shows section names

I have trouble with my frontend TYPO3 Site, because it shows the names of the sections. I don't know how to remove this alerts... Thanks for help. UPDATE: I ha

Creating a centered carousel with react-alice-carousel

I have struggled the whole day to create a centered carousel with react-alice-carousel library and the results are those. Link to the library here Basically I a

How to apply media query in nextjs [closed]

Media Query in nextJs Application - I want to apply media query in my website so that that i can make it responsive how can i do it? I want to

fetching json api in vueJs log the results but renders nothing (I'm new with Vue)

I'm new in VueJs, actually coming from react, the problem I'm having is that when i fetch the data with an axios.get the console.log shows a succesfull response

Can I use react native to build a app with another frontend?

Sorry if there is already a similar question with answer and if there is, put the link here so I can reach it. I'm having a difficuty these days... I was told t

Front End First Timer: How do I modify Javascript to accomadate multiple image slides within multiple slides?

I have 0 experience in front end, but going for it anyway. I currently have this Javascript: <script> function openCity(evt, cityName) { //

FontAwesome icons are not showing, Why? (Font-awesome/4.2.0)

Fontawesome icons are not showing up .I want to add them inside the footer .My css and html file's are in the same directory.But the icon's are still invisible.

Metamask - switch to ropsten network using react js

i'm developping a web 3.0 app and i want when users connect there metamask, if the network i not ropsten then metamask ask them to switch it cause my smart cont

How to check in SCSS if a variable exists and ha a value?

I am new in SCSS so bear with me :) I have a use case where a SCSS variable --my-variable can exist and can have a value depending on some settings from the bac

Started fullstackopen for the first time and getting a "favicon.ico" request in the network tab

So I basically started this web dev course by fullstackopen and in one of the steps it says that once you open the Developer Console, and refresh the tab, 2 req

How can I keep the text highlighted with JS?

I'm working on a conceptual project. Text reaveal on selection with highlight. I have to keep the text highlighted once it is selected. <div class="reveal" i

Runtime configs in nextjs

I'm trying to setup my nextjs app to use runtime configurations. Basically, I have an endpoint url that needs to be available trough docker env vars. I configur

Vue.js: How to add static data between fetched data?

For my application I want to add advertisement banners after every 5 items in my data. So when you scroll you see five data items that I fetched, 1 advertisemen

Unexpected use of comma operator React

Line 85:74: Unexpected use of comma operator no-sequences Line 85:153: Unexpected use of comma operator <div className={"card text-white bg-success m

Vue3.js ) Error: Cannot find module 'firebase'

I'm using firebase for the first time in vue.js. After installing firebase using npm, I added it to main.js as follows. //main.js import { createApp } from "vue

Pure JavaScript: set min-height of all product title to the highest of them all

In collection pages of our Shopify site, the VIEW DETAILS buttons in every product card are misaligned because of variable lengths of product title. In order to

How can I set the selected value of a dropdown using a smarty variable

I have a list of suppliers and a defaultSupplier assigned to a template, I add the suppliers to a dropdown and iterate through them using a foreach and I try to

swift Xcode Secure Text Entry Asterisk not show when Screen Mirroring / Recording

I have checked the Secure Text Entry and entered "pwdTextfield.isSecureTextEntry = true" as the code. Therefore, I can see the asterisk well inside password tex