https://github.com/quansight/quirkshop-css

https://github.com/quansight/quirkshop-css

Last synced: 11 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/quansight/quirkshop-css
• Owner: Quansight
• Created: 2020-08-13T22:40:40.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-08-18T17:32:56.000Z (almost 6 years ago)
• Last Synced: 2025-08-19T07:07:30.460Z (11 months ago)
• Language: Jupyter Notebook
• Size: 360 KB
• Stars: 0
• Watchers: 4
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Personalizing JupyterLab with CSS

[Tuesday August 18 @ 6 PM EST on Youtube Live](https://www.youtube.com/watch?v=aXjGtcamb_0&feature=youtu.be)

[![](https://img.shields.io/badge/%F0%9F%92%BE-github-black)](https://github.com/Quansight/quirkshop-css)

this quirkshop is an education and exploration into css.

it uses the jupyterlab web framework as a medium for learning

and interacting with css.

a general understanding of css is a general skill.

to designers css is a design language and to data scientists

css is a query language.

> There are a few ways to participate.

>

> 1. Code along on [![binder](https://img.shields.io/badge/💻-binder-purple)](https://gke.mybinder.org/v2/gh/Quansight/quirkshop-css/master?urlpath=git-pull%3Frepo%3Dhttps%253A%252F%252Fgithub.com%252FQuansight%252Fquirkshop-css%26urlpath%3Dlab%252Fworkspaces%252Fcss%253Fjvc%253Dcss%26branch%3Dmaster)

> 2. Get some 🍿 and 👀 on [![youtube](https://img.shields.io/badge/📺-youtube-green)](https://www.youtube.com/watch?v=aXjGtcamb_0)

> 3. Join [![jitsi](https://img.shields.io/badge/📠-jitsi-blueviolet)](https://meet.jit.si/quansight-quirkshopcss)

 to chat with your class mates

> _jitsi attendees please remember this workshop is filmed in front of a live internet audience._

> youtube and jitsi load quickly while binder has a little overhead.

![peter griffin sucking at blinds is the css experience](https://media1.tenor.com/images/614c9b4639a2588383f47e138177da81/tenor.gif?itemid=12014506)

## Agenda

* [readme](readme.md)

* [intro](/quirkshop-css/intro-to-css.ipynb)

* [outfits](/quirkshop-css/john-waters.ipynb)

* [lab styling](/quirkshop-css/lab-styling.ipynb)

* [art school with wes anderson](/quirkshop-css/wes.ipynb)

* [logo](/quirkshop-css/logo.ipynb)

* [exit survey](https://docs.google.com/forms/d/e/1FAIpQLSdj8hAreHlqkfKQli07Kz3O_rydw7m3kAx-fffm6m3--Bo1Gw/viewform)

### What we will do

* Say the letters __C__, __S__, and __S__ a lot.

* Scratch the surface of CSS.

* Some questionable hacks.

* Talk about feelings

### What we won't do

* Make Fine Art

[![diana smith css art](https://video-images.vice.com/_uncategorized/1525378711169-Screen-Shot-2018-05-03-at-42148-PM.png)](https://www.vice.com/en_us/article/9kgx7p/painting-made-with-code-html-pure-css-browser-art-diana-smith)

* [Make complex queries](https://learn.shayhowe.com/advanced-html-css/complex-selectors/)

* [Make too many animations...](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations) from [MDN](https://developer.mozilla.org/en-US/) 😿