Blog

Solving Sticky Hover States with @media (hover: hover)

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

Monica Dinculescu:

Details

Centering a div That Maintains Aspect-Ratio When There’s Body Margin

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

In the video embedded below, Jen Simmons explains how to improve image loading by using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser. Then it needs to repaint the page after that which pushes all the content around. I’ve definitely seen this problem a lot on big news … Read article “Do This to Improve Image Loading on Your Website”

Details

Same HTML, Different CSS

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

I generally prefer to superscript the number myself, like:… Read article “Footnote Characters”

Details

Understanding Web Accessibility Color Contrast Guidelines and Ratios

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

¹ ² ³ ? ? ? ? ? ?

Details

monica.css

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

There are special superset number characters that are sometimes perfect for footnotes. Here they are:

Details

Do This to Improve Image Loading on Your Website

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

Seen by Indeed is a matching service for software engineers, product managers and other tech pros that sorts through thousands of companies — like Twilio, Overstock, VRBO, and PayPal — and matches tech talent like you to the role that’ll take you further. Not only does Seen by Indeed match on things like skills, experience and salary, but we’re with … Read article “Seen by Indeed”

Details

Footnote Characters

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

Are you looking for a tech job where you clock in, or for a career where you’ll be seen?

Details

Seen by Indeed

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

Most SVG assets allow styling to be applied in predictable ways. For instance, this circle has a hover state … Read article “Add Background Colors to SVGs Using the “rect” Element”

Details

Add Background Colors to SVGs Using the “rect” Element

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

The advantages of using SVGs in web development are well known. SVGs are small in size, can be made quite accessible, are scalable while maintaining their quality, and can be animated. Still, there is a learning curve. Things, like the syntax of SVG, can be a little tricky and having to hand-alter SVG code sometimes isn’t out of the question.

Details

A Guide to Console Commands

Latest technologies, software applications, UI / UX layout, UncategorizedBy adminAugust 25, 2020

Fixed headers have a nasty habit of hiding the element you’re trying to link to. … Read article “Fixed Headers and Jump Links? The Solution is scroll-margin-top”

Details