Todays post is totally not a blog ! It is something like a personal note that I find very useful when developing some sites , Well not really, was useful back in the old days when I used to make personal portfolio and stuffs. But the following notes will be useful for those who wants to gets useful tips on web stuffs !
- Breakpoints – The specific screen widths where a responsive layout “breaks” and needs to change in order to accommodate the screen.
- @media – Media queries use the @media CSS rule to define conditions of the browser medium. In other words, it allows for CSS styling to only be included if certain conditions are met, such as a specific browser width.
- Cross-Browser – The idea of a website or app working on most popular browsers. Typically during the development of a website, cross-browser testing is conducted to help create a consistent experience regardless of the user’s choice of web browser.
- The W3C Markup Validation Service
- The W3C CSS Validation Service
- BrowserStack – Cross Browser Testing Tool
- Treehouse Blog: 3 Simple Design Tests to Improve Your Aesthetics
You may encounter validation errors when using the W3C validators. For example, in this project, the vertical pipes in a Google Font URL might cause an error because they’re not escaped using HTML entities. It’s a good idea to fix as many errors as possible, because more errors can mean increasingly unpredictable cross-browser results.