Just enough CSS (and Sass) for data scientists

a hands-on workshop for data scientists looking to add a little pizzazz to their web pages

NCEAS
Quarto
CSS
Author
Affiliation

Samantha Csik

The National Center for Ecological Analysis and Synthesis

Published

August 3, 2023

slides source code

Abstract

While many of us in the broader data science community may not consider ourselves web developers, tools like Quarto and GitHub have made it more approachable than ever before to create, publish, and share HTML web pages. The default styling of these web pages is pretty sleek – but knowing even just a little bit of CSS can help you transform your reports, websites, blog posts, presentation slides, etc. into personalized and stand-out web products.

In this workshop-style Roundtable, we’ll first introduce and interact with some HTML and CSS, the building blocks of all web pages. We’ll then learn about how Sass extends CSS features to help simplify our stylesheets. Finally, we’ll practice writing Sass and CSS to style a Quarto Markdown (.qmd) report.

Audience

This workshop was delivered to NCEAS residents and staff during the monthly Roundtable seminar. Roundtable is a series of informal presentations and discussions on a wide variety of topics related to current work happening at NCEAS. Sign up for the Google Group to receive announcements of upcoming Roundtables.