A lot of this material is taken from Get started with variable fontshttps://medium.com/@clagnut/get-started-with-variable-fonts-c055fd73ecd7 and the CSS Fonts Module Level 4https://www.w3.org/TR/css-fonts-4/ > Version 1.8 of the OpenType font format specification introduces an extensive new technology, affecting almost every area of the format. An OpenType variable font is one in which the equivalent of multiple individual fonts can be compactly packaged within a single font file. This is done by defining variations within the font, which constitute a single- or multi-axis design space within which many font instances can be interpolated. A variable font is a single font file that behaves like...
I came across this question in Quorahttps://www.quora.com/What-is-the-fastest-way-to-test-a-website-across-all-browsers-and-browser-version/ and prepared a detailed answer but the more I think about it the more I think it deserves a more elaborate answer because it starts from a false premise, that you must test in all versions of all the browsers available to them. > What is the fastest way to test a website on all browsers and browser version? Quorahttps://www.quora.com/What-is-the-fastest-way-to-test-a-website-across-all-browsers-and-browser-version/ Now with context out of the way onto the answer There are a few things to do before even considering what the fastest way to test is. The first one is to acknowledge...
I know we've jumped all over the place but I want to distill some final thoughts Put the user first > Seamless is a food delivery service that’s incredibly popular on the East Coast. In 2013, they merged with GrubHub, and recently, the two companies combined their backends and released a refreshed user interface. The reaction to these updates was really strong. It was a total “who moved my cheese” scenario, as customers had gotten used to the application’s flow, regardless of its inefficiencies. Customers had already spent the mental energy to get from Point A logging in, searching, placing...
The final empathy area I want to discuss is process and tooling. Who are we doing this for and what tools we're using to develop Who? There are three groups of people we should empathize with: Fellow team members, External developers who use our code and the end users of our product. Our fellow team members are typically the smallest group some times it's just us, but they are most affected by the code we write. Because we share the same context it's easier for us to write code that they can work with easily. If we miss the mark...
Accessibility is like dirty laundry we all know we should worry about it but we never do until we have no choice and I'm the first one to admit that I suck at being proactive about addressing accessibility issues in my projects. Let's take this hypothetical example: Your team close to releasing an application that uses the latest and greatest technologies. It's a progressive web application that uses web components for the front end and Express application to talk to MongoDB and IndexedDB to store data in the user's browser. The app works wonderfully and your team gets a lot...
Another thing to do when looking at what our users do on our site is to see where they come from and what device they are browsing with. I used to not care as much about where users were coming from as much as I cared about what browsers they were using. But then I started looking at the logs and some strange browsers appeared in the logs. Not many and not often enough to warrant making changes but enough to take a look at these funky browsers: Opera Mini and UC browser. Opera Mini and UC browsers are proxy...
Figures 6 and 7, sideways writing modes, will not work on Chrome. If you want to see what they look like, try viewing the page in Firefox. People who I deeply admire and whose work I respect have been working on how to layout languages other than English and Latin languages on the web and how we can combine these languages in the same layout. I will concentrate on direction, writing modes, and text orientation as these are the easiest ones to work with and the ones that will have a big impact on how text appears on your web...
Before we jump into the mechanics of displaying content in languages other than English on the web, we need to take a little detour and speak about character encodings, character sets, code points, ASCII, Unicode and fonts. These definitions have helped me get a better handle on how to work with languages other than English. Character Sets, Code Pages, and Character encodings Information derived from Character sets, coded character sets, and encodingshttps://www.w3.org/International/articles/definitions-characters/charsets Whenever we work with text in a computer we need to worry about the language we're writing in and how will the interpreted and displayed to the user....
Walk a mile in their shoe is more than a platitude. I have to admit I'm the first one who some times takes for granted that the page will load in x seconds because that's how long it takes for the content to load in my laptop with my connection at home or in my phone. Some of the questions I should ask: - What devices do they use to access your content? - What accessibility tools do they use to work with your material? - Does their network connectivity influence how they interact with your content? Your app? -...
> Empathy – the action of understanding, being aware of, being sensitive to, and vicariously experiencing the feelings, thoughts, and experience of another of either the past or present without having the feelings, thoughts, and experience fully communicated in an objectively explicit manner; — -Merriam-Websterhttps://www.merriam-webster.com/dictionary/empathy How many times have we told a teammate or a potential client "that's easy" or "piece of cake" when it comes to doing something like a Wordpress theme or installing a web server from source? Even if you have the data to back up the assertion that it's easy we may still come across as...
