neal mcguire
neal mcguire
PostsComments
KPCKevin Powell - Community
Created by TrickShottasUnited on 8/18/2023 in #front-end
Multiple CSS files or one for websites with multiple pages?
I generally program using the Angular framework. There is an overall CSS stylesheet for those classes that are used across the intire site. Then each component/page has it own stylesheet that is specific to those items. It makes editing and keeping track of CSS styles very easy.
27 replies
KPCKevin Powell - Community
Created by curator on 8/16/2023 in #front-end
Can we bend a straight line to make it a semi circle?
I think this would also work: 
background: rgb(85,148,203);
background: radial-gradient(circle at bottom, rgba(85,148,203,1) 0%, rgba(85,148,203,1) 12%, rgba(0,18,82,1) 12%, rgba(0,16,75,1) 15%, rgba(85,148,203,1) 15%, rgba(85,148,203,1) 21%, rgba(0,16,75,1) 21%, rgba(0,16,75,1) 24%, rgba(85,148,203,1) 24%, rgba(85,148,203,1) 30%, rgba(0,16,75,1) 30%, rgba(0,16,75,1) 33%, rgba(85,148,203,1) 33%, rgba(85,148,203,1) 100%);
background: rgb(85,148,203);
background: radial-gradient(circle at bottom, rgba(85,148,203,1) 0%, rgba(85,148,203,1) 12%, rgba(0,18,82,1) 12%, rgba(0,16,75,1) 15%, rgba(85,148,203,1) 15%, rgba(85,148,203,1) 21%, rgba(0,16,75,1) 21%, rgba(0,16,75,1) 24%, rgba(85,148,203,1) 24%, rgba(85,148,203,1) 30%, rgba(0,16,75,1) 30%, rgba(0,16,75,1) 33%, rgba(85,148,203,1) 33%, rgba(85,148,203,1) 100%);
I didn't play around with the ring spacing. But some some adjustments to the percentage will get the exact rings.
15 replies
KPCKevin Powell - Community
Created by Subi on 8/17/2023 in #front-end
Background-Color won’t cover iPhone notch
I'm not sure that you can. That area is not part of the browser. However, It might be possible to force the browser into full screen mode. That would require a little bit of javascript. The command is Element.requestFullscreen().
11 replies
KPCKevin Powell - Community
Created by pixelcrash on 8/16/2023 in #front-end
Is the font size adjustable for long words?
You can set Hyphens to none. That will prevent all words from being hyphenated. You can also use the hypnenate-limit-char to control the min number of character before and after the hyphen. You may also be able to do this with the new @container. I am thinking if you set the width to max-content and then adjust the font based on the container size. I haven't tested that approached.
4 replies
KPCKevin Powell - Community
Created by curator on 8/16/2023 in #front-end
Can we bend a straight line to make it a semi circle?
Why do you want to "bend" an element? I would do this with a radial gradent on the background. But there are several other possibilities.
15 replies
KPCKevin Powell - Community
Created by Moni on 8/14/2023 in #front-end
Background images
The url needs to be based on the location of the html file. Did you check that?
10 replies
KPCKevin Powell - Community
Created by Chimi on 8/14/2023 in #front-end
Is fluid/responsive typography a good idea, or horrible for accessibility?
I'm trying to remember where, but I saw someone using something like calc(5vw + 1rem).
13 replies