Tutorials – Computer Scripting & Styling Monterey Bay

A Bit of UX: Adobe XD workshop with Elizé Todd

<img width="1920" height="1080" src="https://cssmb.dev/wp-content/uploads/2021/02/Welcome-We-will-begin-at-6_32pm..png" class="img-responsive wp-post-image lazyload lazyload" alt="A Bit of UX: Adobe XD workshop with Elizé Todd" decoding="async" srcset="https://cssmb.dev/wp-content/uploads/2021/02/Welcome-We-will-begin-at-6_32pm..png 1920w, https://cssmb.dev/wp-content/uploads/2021/02/Welcome-We-will-begin-at-6_32pm.-300x169.png 300w, https://cssmb.dev/wp-content/uploads/2021/02/Welcome-We-will-begin-at-6_32pm.-1024x576.png 1024w, https://cssmb.dev/wp-content/uploads/2021/02/Welcome-We-will-begin-at-6_32pm.-768x432.png 768w, https://cssmb.dev/wp-content/uploads/2021/02/Welcome-We-will-begin-at-6_32pm.-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />

CSSMB Hosts Adobe XD Workshop with Elizé Todd

CSSMB hosted Elizé Todd to lead an Adobe XD Workshop for our first event of the Spring 2021 semester. Students learned more about UX design, then followed along with designing… Read more

FigmaBasics

<img width="1066" height="718" src="https://cssmb.dev/wp-content/uploads/2020/11/FigmaBasics.png" class="img-responsive wp-post-image lazyload lazyload" alt="FigmaBasics" decoding="async" loading="lazy" srcset="https://cssmb.dev/wp-content/uploads/2020/11/FigmaBasics.png 1066w, https://cssmb.dev/wp-content/uploads/2020/11/FigmaBasics-300x202.png 300w, https://cssmb.dev/wp-content/uploads/2020/11/FigmaBasics-1024x690.png 1024w, https://cssmb.dev/wp-content/uploads/2020/11/FigmaBasics-768x517.png 768w" sizes="(max-width: 1066px) 100vw, 1066px" />

Introduction to Prototyping Tutorial

CSSMB provided a brief tutorial of getting started with prototyping, and using Figma as a prototyping tool. We will be using Figma in one of our upcoming club projects! Follow… Read more

hangman screenshot

<img width="878" height="244" src="https://cssmb.dev/wp-content/uploads/2020/10/Screen-Shot-2020-09-30-at-7.50.25-PM.png" class="img-responsive wp-post-image lazyload lazyload" alt="hangman screenshot" decoding="async" loading="lazy" srcset="https://cssmb.dev/wp-content/uploads/2020/10/Screen-Shot-2020-09-30-at-7.50.25-PM.png 878w, https://cssmb.dev/wp-content/uploads/2020/10/Screen-Shot-2020-09-30-at-7.50.25-PM-300x83.png 300w, https://cssmb.dev/wp-content/uploads/2020/10/Screen-Shot-2020-09-30-at-7.50.25-PM-768x213.png 768w" sizes="(max-width: 878px) 100vw, 878px" />

Creating a Hangman Game Using JavaScript

During our meeting on September 30, we walked through a fun tutorial on creating a Hangman game using JavaScript basics. Follow along with the video or view our presentation slides… Read more

Gomez_IntroPage

<img width="1798" height="972" src="https://cssmb.dev/wp-content/uploads/2020/02/Gomez_IntroPage.png" class="img-responsive wp-post-image lazyload lazyload" alt="Gomez_IntroPage" decoding="async" loading="lazy" srcset="https://cssmb.dev/wp-content/uploads/2020/02/Gomez_IntroPage.png 1798w, https://cssmb.dev/wp-content/uploads/2020/02/Gomez_IntroPage-300x162.png 300w, https://cssmb.dev/wp-content/uploads/2020/02/Gomez_IntroPage-1024x554.png 1024w, https://cssmb.dev/wp-content/uploads/2020/02/Gomez_IntroPage-768x415.png 768w, https://cssmb.dev/wp-content/uploads/2020/02/Gomez_IntroPage-1536x830.png 1536w" sizes="(max-width: 1798px) 100vw, 1798px" />

Tutorial: Introducing You! Creating a Page in HTML & CSS

Introduce yourself to the club by making your own page in HTML and CSS.