Article 1:
Great Responsive Web Design is a Matter of Process
This article talks about how responsive (flexible layouts) has changed the approach to traditional design.
- Design for Content not for Devices.
- Designers need to retrain their brains to stop focusing on widths and start focusing on fluid elements.
- Adaptive Web = Adaptive Process
New workflow approach to RWD might look like this:
- Develop a design system
- The New Mockup is based on content hierarchy. Because a mobile device is narrow, it forces the content to be presented in a single column.
- Designers give numerical values to elements of content that correlate to where those items might appear in a stacked column layout. This way, design is less constrained, but the content is always presented in the best way possible.
Article 2:
The most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS changes the font-size— as well as the line-height—based on a specific element’s width. This allows for a perfect character count per line at any screen width. The font-size thresholds will stop FlowType.JS from resizing the text beyond certain font-sizes. The user has full control over the base font-size and line-height ratios, so that you can set the typography perfectly.
Article 3:
Comparing and contrasting ins,del, and s
Article goes delves deeper into <ins> and <del> and also compares and contrasts <del> and <s>
<ins> and <del> can be used to:
- Record changes to an official document
- Note changes to an article
- Indicate the changes between two versions of a document
The <s> element is for indicating information that is no longer relevant or accurate, but still provides some value, and is generally used to create a document with both old and new
The best thing I learned from the chat is the Codrops Collective site. I found the site to be quite useful. There are a lot of tools available that can make developing sites more efficient.