Diigo Bookmarks 10/22/2018
- UX And HTML5: Let's Help Users Fill In Your Mobile Form (Part 2) -- Smashing Magazine
"In this second part, I want to focus more on mobile-specific capabilities. HTML5, for instance, has brought us a lot of really cool features to help users fill in mobile forms and format their data. We will see in detail how HTML5 attributes can help you with that."
- Flexbox: How Big Is That Flexible Box? -- Smashing Magazine
"I find it really helpful to come back to the fact that, by default, Flexbox is trying to give you the most sensible layout of a bunch of items with varying sizes. If an item has more content, it is given more space. If you and your design don't agree with what Flexbox thinks is best then you can take control back by setting your own flex-basis."
- Brotli Compression - How Much Will It Reduce Your Content? - Paul Calvano
"Many sites are using Gzip compression already, and there are existing tools that will tell you if you are not compressing your content. The tool I created will tell you what Gzip and Brotli compression levels you are most likely using and what is possible for your assets at each compression level."
- Designing the UI of Google Translate - Google Design - Medium
"As a result of the UI changes as well as other technical improvements that made the conversation mode faster, we saw a noticeable increase in the usage of speech translations overall."
- Take A New Look At CSS Shapes -- Smashing Magazine
"In this article, we take a look at CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes. We also discover how the new tools in Firefox make editing shapes easier."
- A brief guide to using WebpageTest - Frontend News #5
"First Interactive is tricky. According to Lighthouse First Interactive tells you "when a page is minimally interactive". This means the browser's main thread is clear at this point. It does not mean the thread will stay clear. We'll learn about "Time to Interactive" in just a minute."