unicode-range
The unicode-range property in CSS is used by the @font-face to define the characters that are supported by the font face.…
Screen Readers and CSS: Are We Going Out of Style (and into Content)?
The big takeaway in this post is that screen readers do not always read content the way it is styled in CSS. Toss in the fact that not all screen readers speak or read markup the same way and that …
For the love of God, please tell me what your company does
Kasper Kubica goes on a humorous rant about the way companies describe themselves on their websites:
…More and more often, upon discovering a new company or product, I visit their website hoping to find out what it is they do,
Breaking the Grid
If you thought CSS Grid solves issues where overflowed content escaping the confines of a horizontal layout, then think again. Dave Rupert writes up two ways he unintentionally broke outside the grid and how he wrangled things back into place.…
When Design Becomes Part of the Code Workflow
I recently did an experiment where I created the same vector illustration in three different applications, exported the illustration as SVG in each application, then wrote a post comparing the exported code.
While I loved the banter and insights that …
Custom Elements Everywhere
Custom Elements Everywhere is a site created by Rob Dodson. It displays the results of a set of tests that check JS frameworks that use Custom Elements and Shadow DOM for interoperability issues.…
:any-link
The :any-link pseudo-class in CSS provides a method for selecting elements that are the source anchor of a hyperlink.
If the term source anchor lost you, that’s a fancy name for the href attribute on the HTML elements <a>, …
:dir()
The :dir() pseudo-class in CSS allows elements to be selected based on the direction of the language, as determined in the HTML markup. There are really only two directions language can flow in a document, which are left-to-right and right-to-left. …
text-justify
The text-justify property in CSS is a companion to the text-align property that is used to set the justification method of text when text-align is set to the justify value.
p {
text-align: justify;
text-justify: inter-word;
}A Personal Journey to Fix a Grunt File Permissions issue
I was working on a personal project this past week and got a weird error when I tried to compile my Sass files. Unfortunately, I did not screenshot the exact error, but was something along the lines of this:
Failed One Illustration, Three SVG outputs
Let’s say we draw the same vector graphic in different design applications and export each one as SVG for use on the web. Should we expect the same SVG file from each application?…