Last Rose Studios Dev Blog

For many years the most I did with text-decoration was to set it to either underline or none. I never really explored it more that that. Recently I stumbled accross the ability to set far more than just that. Some of these are more recent properties. Most of these are...

:Visited can’t use css variables After spending some time to figure out why I couldn’t get my :visited link styles to work, I looked at the specifications. It turns out that the only properties that are allowed on visited links are color, background-color, border-color and it’s positional varients, column-rule-color, outline-color,...

HTML Dialog Element The JS alert is being depricated, but not to fear, HTML has a native dialog element that is triggered with javascript. to use it <button id="dialog-open">Open Dialog</button> <dialog> <h2>This is a dialog</h2> <p>Dialog Element</p> <button id="dialog-close">Close Dialog</button> </dialog> const dialog = document.querySelector('dialog'); const open = document.querySelector('#dialog-open'); const...

New Units for CSS Ever try to use width: 100vw and get a horizontal scrollbar? Have you ever experienced the 8 million dollar bug? The new CSS units that add to vh and vw might be the answer. Large Viewport lvh|lvw|lvmin|lvmax Small Viewport svh|svw|svmin|svmax Dynamic Viewport dvh|dvw|dvmin|dvmax Have been added....

New CSS Properties Inline and Block inline and block flow relative values (indicating that it has to do with the flow of content and not to be confused with an inline or block level element) have been introduced as a way of targeting the start, sides and end of a...