CSS https://rwt.io/ en Jen Simmons’ Labs site https://rwt.io/resources/website/jen-simmons-labs-site <span>Jen Simmons’ Labs site</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Thu, 08/02/2018 - 13:01</span> <p>Jen Simmons has been speaking about and advocating for better, more thoughtful design on the web for years. Her Labs site is a collection of her experiments, and a constant source of inspiration for me. I learn something new every time, and constantly go back for references and techniques.</p> Website Jen Simmons <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://labs.jensimmons.com">Labs.JenSimmons.com</a> </p> <article> <img srcset="/sites/default/files/styles/max_325x325/public/Screen%20Shot%202018-08-02%20at%2012.59.33%20PM.png?itok=hRRN8VlY 325w, /sites/default/files/styles/max_650x650/public/Screen%20Shot%202018-08-02%20at%2012.59.33%20PM.png?itok=OdhwFgld 650w, /sites/default/files/styles/max_1300x1300/public/Screen%20Shot%202018-08-02%20at%2012.59.33%20PM.png?itok=-LE0OtY1 1300w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" class="image" srcset="/sites/default/files/styles/max_325x325/public/Screen%20Shot%202018-08-02%20at%2012.59.33%20PM.png?itok=hRRN8VlY 325w, /sites/default/files/styles/max_650x650/public/Screen%20Shot%202018-08-02%20at%2012.59.33%20PM.png?itok=OdhwFgld 650w, /sites/default/files/styles/max_1300x1300/public/Screen%20Shot%202018-08-02%20at%2012.59.33%20PM.png?itok=-LE0OtY1 1300w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" src="/sites/default/files/styles/max_325x325/public/Screen%20Shot%202018-08-02%20at%2012.59.33%20PM.png?itok=hRRN8VlY" alt="Jen Simmons&#039; Labs site" /> </article> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/design" hreflang="en">Design</a> <a href="/topics/design-thinking" hreflang="en">Design Thinking</a> <a href="/topics/css" hreflang="en">CSS</a> </div> Thu, 02 Aug 2018 17:01:04 +0000 jpamental 73 at https://rwt.io Rachel Andrew’s Grid by Example https://rwt.io/resources/website/rachel-andrews-grid-example <span>Rachel Andrew’s Grid by Example</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Thu, 08/02/2018 - 11:06</span> <p>Rachel is a long-standing proponent of the CSS Grid specification, and has been instrumental in its formation and adoption. Her site is the first place you should go to learn about this new layout specification and how to use it. Learn from the expert.</p> Website Rachel Andrew <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://gridbyexample.com">Grid by Example site</a> </p> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/css" hreflang="en">CSS</a> <a href="/topics/design-thinking" hreflang="en">Design Thinking</a> </div> Thu, 02 Aug 2018 15:06:52 +0000 jpamental 74 at https://rwt.io