How to learn HTML/CSS/JavaScript in order to build projects
Hello guys, sorry to disturb you all; I need to learn HTML, CSS and JavaScript for my module. I'm using MDN docs to have a good fundamentals but the thing is I need to go faster because I have courseworks to do and I can't take too much time... going fast will mean skipping important concepts but I want to learn everything well and deeply because for sure I will use them later on but I don't know what to do... if I learn them deeply, it will take me too much time and I'm not even sure to finish...
Slow render glitching issue?
https://captainsuds.com.au/
When scrolling up/down on this site does anyone notice a large section is completely white before it renders in slower than would be expected? I suspect the large cloud background might be slow to load?...
🚀 Time for a Change! 🚀
If you've ever doubted your abilities, it's time to stop. You’re more powerful than you think, and together we can achieve something truly extraordinary! 💡
I have an idea that could be groundbreaking, but I can’t do it alone. With the right partner, it’s 100% possible. If you're confident in your English skills and ready to make an impact, I want to hear from you. Let's team up and make this happen.
only US, UK, EU citizen please who is more than 28 years old...
Unexpected horizontal scrollbar
Someone's sent me https://www.riverflow.studio/ and I'm trying to work out why it has a horizontal scrollbar. HTML element is entire viewport width if I force vertical scroll off with overflow-y hidden, and slightly smaller if not, so it is accounting for scrollbar width - just, badly?
"margin: 0 auto" won't center the <a> tag
Hi guys I have styled an anchor tag which looks like a button. I'm trying center it in the container but it won't happen. Does anyone know how to solve this ?
React Props Error
I wrote a react js code with the syntaxt props but it was showing error in the props.name , props.img and prop.tel please what is the correct syntax for the props
is it possible to set the scroll on a table and not its container ?
hi all,
https://jsfiddle.net/n0x8e5L6/
in this example, i have a container with a table & a button. my button is hidden since my table is too long. is it possible to set a scroll on the table so my button is always visible ? i don't want to add an other container just for the table......
javascript questions
Hey, I have a few questions about Javascript:
1) what is the main difference between arrow functions and normal functions? Is there any benefits to using one over the other?
2) what do constructors such as
let x = new Function()
or let x = new Map()
mean? Using the second example, is this just a different way of writing x.map(.. => {…})
? ...Can`t center vertically a Flexbox item .
So i am trying to make a header in react, (but focus on HTML and CSS in this point).
i have a DIV container in which all the header elements are placed:
```css...
Select input Color
So guys, the color on desktop is blank (no color) but on mobile it's grey when I didn't specify any color for it. What could be the issue?
https://rebornay.github.io/ASSIGNMENT-4/...
How to Replicate svg designs for a react app
Hey guys,I’m following a design where I need to add these “color waves” into the app.
1) is there a way/tool I can use in order to replicate these svg designs and then add them to my components using the ‘svg’ element?
2)is it good practice to just import the svg files and then use them in image tags?...
Please I need your review
The form loads fine on desktop but it takes time to load on mobile, what could be the issue?
https://rebornay.github.io/ASSIGNMENT-4...
SwiperJS Assistance
Hello, is anyone here familiar with SwiperJS?
I seem to be unable to find any way to update "freeMode" after initialization.
I'm able to do this for "mousewheel" with swiper.mousewheel.disable(). yet there seems to be no equivelant for freeMode....
javascript questions
Hey, i have a couple questions about js,
1) what's the logic behind putting conditions in brackets in if statements and loops? e.g.
```js
if (a === b) {...
design issue
i want to make both the image and the text box in the same line from buttom .
the code
.main {
width: 600px;
padding: 10px 20px;...
fix border layout on hover
help me solving this out i had a flex container and the buttons as the flex items i had applied padding on that it is fine for now , i had gave the styles on the hovering where the border change to 2px , now my problem is when i start hovering due to increase of the border to 2px it readjusting the width of the element for this i applied the box-sizing to border box but the issue still persists
here is my codepen link https://codepen.io/GOPI-CHAND-SADINENI/pen/NWQqKyB...
here is my codepen link https://codepen.io/GOPI-CHAND-SADINENI/pen/NWQqKyB...
Responsive pinterest like gallery
so i need to create this and i have some what succeeded in creating it for desktop but can't seem to be able to convert this to mobile, don't wanna use extra code so can't copy it, even if i do copy it the images are not correctly resizing themselves and the alignment is off in both mobile and desktop, can anyone help me with this one?
Reference images (both desktop and mobile):
https://imgur.com/a/ZxBC3ci
...
AOS isn't working for child scroll elements
Someone ever have issues with aos (https://github.com/michalsnik/aos)
i have element inside body and my body have 100% height and child 100svh
so AOS doesnt listen other elements. how can i solve it...
how to add border radius for background image in div block
I have a background image with text on it. i am adding border radius for it. its working. but i see image not filling fully. I tried a lot. unable to fix this. Someone please help me with it.
CodeSandbox link: https://codesandbox.io/p/sandbox/awesome-moon-w3sldj?file=%2Fsrc%2FApp.js%3A27%2C2...
Performance Issue
How could I solve these issues?
https://github.com/hamzafrontend/bento-grid
https://hamzafrontend.github.io/bento-grid/...