fieldset & legend
Hey, i have a couple of questions:
1) is the
fieldset tag simply just used for grouping inputs and labels within a form or is there more to it?
2) is the legend tag used to simply label the fieldset, or is it used for a question like in the example image?
3) what makes the legend tag sit on top of the fieldset border (see image). Is this just built in functionality since there isn't anything in the user agent style sheet that could place it there, such as position: absolute? Is there a way to move it?...
White space between rows when using flex: wrap
Am trying to make a navbar, but when I use flex: wrap and the navbar shrinks, there is a lot off space between the first row and the second row (see image). Here you is my html and css https://codepen.io/lccua/pen/OJKXRPZ
Color contrast checker, automatic suggestion?
what do u guys use to check for color contrasts? like this but that it automatically finds the matching opposite color? If a site like that even exists?
How Supported Is Supported Enough?
This is a two part question.
1) What % on
can i use is enough for you to use something in a production project?
2) What is the difference here? One is 70 and one is 90% but I'm not sure on the distinction....
Prototype in JavaScript
Hello guys, can someone explain roughly about what prototype is in JavaScript please; I just had a look at it, from what I've understood, prototype deals with about what properties/methods are inherited from the class/constructor our object is being instantiated of.
But I'm having a bit of difficulties to understood the diagram... can someone explain it please... also, was that correct to say that we can create an instance of an object using a constructor?...
Any AI tools for this?
I want a mobile visual representation of this desktop design although i don't have access to the Figma file. Any help, please?
use strict & data storage
Hey, i have a couple of questions:
1) I understand
"use-strict"; is used to prevent mistakes and stop bad code from having a chance of running. Does anyone have any examples of something that is considered bad code running without the use of use-strict and then it not working when you add it?
2) let's say you have a tab system (see image for example). When you click on a different tab, the html changes to content relevant to the tab. Where is an appropriate place to store the data (text, image etc.) before inserting it to the page? I'm aware you may do this by changing .innerText/.innerHTML values and the value of the src attribute for the image, but storing them in variables or something doesn't quite feel right, though i may be wrong....
Does `aria-labelledby` work if the id is on a parent element?
I have a unique use case where I have a
{{ heading }} twig expression that renders markdown. So {{ heading }} will evaluate to something like <h2>Lorem ipsum</h2>.
Therefore, I need to put the id on a parent element (see attached). Will this still be accessible? I'm trying to provide a name to my section...
Creating a triangle connecting a div and a point on an image
I'm trying to sort out the best way to create the lower opacity triangles you see that connect the boxes with the names of the deltas on the left with their locations on the right. The solution only needs to work on larger viewports (once the elements stack the triangles aren't necessary).
My default idea is finding a way to get three points with JS (top and bottom right of the box and then a rough estimation of the point on the map), then create a shape from those three points (somehow). I feel like there might be a way to do it with pseudo elements, but I'm not sure that's actually possible. What's the right approach here?
If it matters, it's setup using grid, and it goes 1 (white boxes), 2 (map), 3 (colored boxes) so that it will stack in the right order on narrower viewports....
Following "infinite horizontal scroll animation" tutorial from Kevin on Youtube; not working (help!)
So, I was following everything in this video: https://www.youtube.com/watch?v=iLmBy-HKIAw&t=530s&ab_channel=KevinPowell
And everything was working right until the javascript part came in, where for some reason the "data-animated" attribute isn't being added. Here's screenshots of my code as I followed it from the tutorial:...
