Answer1215

摘要： Most of times, we need 'alt' to the images, so it can tell the screen reader what is this image about. But sometimes, we can leave alt="", make alt to 阅读全文

摘要： For example, when we use checkbox, if we do like this: When we use screen reader, it will lose the semantics meaning, it only say: Instead, we want to 阅读全文

摘要： In this lesson I refactor a React component that utilizes the graphql higher-order component to the new Query render prop component baked into react-a 阅读全文

摘要： Sometime when some component is offscreen, but still get focus when we tab though the page. This can cause users' confusion. One easy to to find out t 阅读全文

摘要： When you developing a complex component by your own, one thing you cannot ignore is Accessibility. Checkout this link. It lists all things you need to 阅读全文

摘要： It is a good pratice to add ref="noopener" <a href="/some/domain" target="_blank" rel="noopener" /> Because when the new page is opened, in the new pa 阅读全文

摘要： http://udacity.github.io/responsive-images/examples/3-08/pictureFullMonty/ 阅读全文

摘要： What if the image won't be displayed at the full viewport width? Then you need something more than srcset, which assumes the image will be full viewpo 阅读全文

摘要： 1. Pure CSS 2. Responsive 3. No need to recalculate on resize or font’s load event 4. Cross browser 阅读全文

摘要： In this lesson we'll explore using setState to synchronously update in componentDidMount. This allows for us to use getBoundingClientRect or other syn 阅读全文