December 15, 2024

By Web Designers for Web Designers

SASS

CSS

Concise CSS Framework for Lightweight Web Development

Jake RocheleauOctober 20, 2015

Conferences

SassConf in Austin runs from November 11th-14th

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 19, 2015

Tools

Find Sass Compatibility with this Nifty Webapp

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 13, 2015

CSS News

Zurb releases Motion UI Sass Library as Open Source

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 9, 2015

Tools

SassDoc is your local built-in Documentation Creator

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 5, 2015

CSS Web Development

Sass Guidelines can make you a Pro at Sass/SCSS

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 1, 2015

Resources Web Design Web Development

Free Tutorials by Level Up for Web Designers & Developers

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 1, 2015