Creative Coding with CSS Grid

[ UUID ] 7cb72238-3dbb-4038-8c9f-5a0f2334cd72

[ Session Name ] Creative Coding with CSS Grid [ Primary Space ] Web Literacy [ Secondary Space ] Youth Zone

[ Submitter's Name ] Daniel Harding [ Submitter's Affiliated Organisation ] Keele University

What will happen in your session?

During this session, participants will use some of CSS Grid's main features to design and build their own pieces of art. This will be achieved by introducing CSS Grid via a short presentation, followed by offline design using pre-prepared grid worksheets, and finally transferring them to an online space using free, openly available tools. The ambition is to finish the session with a gallery of HTML/CSS creations that can be shared with a wider audience as MozFest artifacts to inspire others who may be interested in creative coding. The session assumes no prior knowledge of coding.

What is the goal or outcome of your session?

The goal of the session is for participants to leave with a basic understanding of CSS Grid and to demonstrate the benefits of learning frontend development concepts through practical, creative means. Also, the process will highlight the importance of prototyping/wireframing and how this can help to avoid problems when building for the web. As a personal goal, the opportunity to facilitate this session would consolidate my own knowledge of CSS Grid and begin to realise my ambition of teaching these types of skills in a fun and engaging way.

If your session requires additional materials or electronic equipment, please outline your needs.

I will provide my own laptop and worksheets, but it would be helpful to have pens and extra paper available for participants.

Time needed

60 mins