
Change the aspect ratio of an image using CSS
24/09/2021In this post I'll show you how to change the aspect ratio of an image or element using CSS, and explain why this is important.
Since I started making web components I’ve come across a few use cases for checking for valid HTML elements.
It turns out that this is fairly easy to do. By creating an element and then converting it to a string representation we can match against “[object HTMLUnknownElement]” to check whether an element has been registered to customElements or exists by default.
function validHTML(element) {
return document.createElement(element.toUpperCase()).toString() != "[object HTMLUnknownElement]";
}
validHTML('div') // returns true
validHTML('dog') // returns false
validHTML('registeredComponent') // returns true
For example, if we remove the boolean operator and just return the string we would get the following:
validHTML('div') // returns [object HTMLDivElement]
validHTML('dog') // returns [object HTMLUnknownElement]
validHTML('registeredComponent') // returns [object HTMLElement]
In this post I'll show you how to change the aspect ratio of an image or element using CSS, and explain why this is important.
Here is how you can fix node incompatibility error, using "Node Sass does not yet support your current environment" as an example.
Need to make a directory in PHP? No Problem! mkdir has you covered... Need to recursively make directories in PHP? mkdir has you covered, too!
Learn how to regenerate and update WordPress media and image sizes both programmatically (without plugin), and also with a handy plugin.
Ever seen constants like __DIR__ and __FILE__ being used in PHP? These are 'Magic Constants', and this is how we can use them.
Learn how to use event listeners to detect and handle single and multiple keypress events in JavaScript. Add modifier keys to your application!
“>alert(“XSS”)