Канал: Alanna Risse

Valkyries heat 1 June 8th 2023

Valkyries heat 1 June 8th 2023

Simple Homepage Code

Simple Homepage Code

How to Make a desktop site using flexbox into a mobile friendly site

How to Make a desktop site using flexbox into a mobile friendly site

HTML5 Semantic Tags: A div is just a div

HTML5 Semantic Tags: A div is just a div

CSS Absolute Position and Animation: Make a clock

CSS Absolute Position and Animation: Make a clock

homework 1 five page narrative - basic html

homework 1 five page narrative - basic html

Up and Running the Abridged fast talking all in one version

Up and Running the Abridged fast talking all in one version

Up and Running Part 3 css start

Up and Running Part 3 css start

Up and Running Part 4 good css habits

Up and Running Part 4 good css habits

Up and Running with HTML and CSS Part 1 setup

Up and Running with HTML and CSS Part 1 setup

Up and Running with HTML and CSS Part 2 html intro

Up and Running with HTML and CSS Part 2 html intro

Using Auto Layout for a social media icons menu – Figma v 116

Using Auto Layout for a social media icons menu – Figma v 116

Generate a responsive, static blog in html and css using ChatGPT

Generate a responsive, static blog in html and css using ChatGPT

User Test Script for Paper Prototype

User Test Script for Paper Prototype

Chat GPT Personas

Chat GPT Personas

Using ChatGPT to generate UX User Stories for an app

Using ChatGPT to generate UX User Stories for an app

Dan Donald visits Interactive Media I

Dan Donald visits Interactive Media I

Round Navigation and mouse follow

Round Navigation and mouse follow

Basic site template part 2 with logo

Basic site template

Basic site template

How to get a full screenshot of your website in chrome

How to get a full screenshot of your website in chrome

Why does my github repo get a 404 error? AKA How to turn on GitHub Pages on a new repository.

Why does my github repo get a 404 error? AKA How to turn on GitHub Pages on a new repository.

Animate.css the easiest animation library ever!

Animate.css the easiest animation library ever!

Upswell visits PSU nov 1 2022

Upswell visits PSU nov 1 2022

Word rotating code

Word rotating code

Software Setup2: Setting up for homework and new folders in VS Code, Github Desktop and git.com

Software Setup2: Setting up for homework and new folders in VS Code, Github Desktop and git.com

Software Setup 1: Github.com username, GitHub Desktop, and Visual Studio Code

Software Setup 1: Github.com username, GitHub Desktop, and Visual Studio Code

Jquery Fun with Swapping Animal Pictures Part 1 of ?

Jquery Fun with Swapping Animal Pictures Part 1 of ?

Text fill with background image

Text fill with background image

Aimée Reed on UX Product Design and a winding career path

Aimée Reed on UX Product Design and a winding career path

hello to my channel from me and violet

hello to my channel from me and violet

part 2.2 of the magic fortune project

part 2.2 of the magic fortune project

Magic Fortune Project

Magic Fortune Project

Random Message Generator with HTML, CSS, JavaScript and JQuery

Random Message Generator with HTML, CSS, JavaScript and JQuery

SVG Animated flower demo from illustrator to html/css

SVG Animated flower demo from illustrator to html/css

MLK Speech using css animation

MLK Speech using css animation

Media Queries - Desktop First Version of Responsive Design

Media Queries - Desktop First Version of Responsive Design

Animate it

Animate it

Changing images on hover using css and JQuery

Changing images on hover using css and JQuery

Animating objects falling into a box using css animations and layered pngs

Animating objects falling into a box using css animations and layered pngs

lightbox.js demo with image gallery

lightbox.js demo with image gallery

Creating a simple drop down menu using JQuery, CSS, and HTML

Creating a simple drop down menu using JQuery, CSS, and HTML

Homework 1 - 5 page narrative

Homework 1 - 5 page narrative

Media Queries Part 3: Adding Media Queries

Media Queries Part 3: Adding Media Queries

Media Queries Part 2: From design comp to mobile first coding.

Media Queries Part 2: From design comp to mobile first coding.

Media Queries Part 1: Going from final digital wireframe to design comp

Media Queries Part 1: Going from final digital wireframe to design comp

DES342 Project 2 brief

DES342 Project 2 brief

Project 2 intro

Project 2 intro

Whirlwind Flexbox Tour

Whirlwind Flexbox Tour

How to Start coding a project

How to Start coding a project

Why to use one css stylesheet per site and how to get the most from it.

Why to use one css stylesheet per site and how to get the most from it.

Cropping an image using css

Cropping an image using css

Adding media queries to your homepage DES342 assignment 3

Adding media queries to your homepage DES342 assignment 3

Flexbox with Meyer Rest file demo!

Flexbox with Meyer Rest file demo!

Using TinyPNG – Compress PNG images while preserving transparency

Using TinyPNG – Compress PNG images while preserving transparency

Google Font Pairing Websites and how to use them

Google Font Pairing Websites and how to use them

Alanna Risse Portfolio

Alanna Risse Portfolio

Add more repositories to GitHub.com for more projects!

Add more repositories to GitHub.com for more projects!

Absolutely Positioning things in HTML+CSS! Part 1

Absolutely Positioning things in HTML+CSS! Part 1

Using font files on your website using the @font-face css tag

Using font files on your website using the @font-face css tag

Wednesday Oct 28 341 Afternoon class

Wednesday Oct 28 341 Afternoon class

Wednesday Oct 28th 341 class

Wednesday Oct 28th 341 class

Oct 26, 2020 Afternoon Class

Oct 26, 2020 Afternoon Class

Oct 26, morning class

Oct 26, morning class

Oct 21, 2020 Morning 341 class

Oct 21, 2020 Morning 341 class

Oct 21, 2020 Afternoon 341 Class

Oct 21, 2020 Afternoon 341 Class

Wednesday Morning DES341 Oct 7th, 2020

Wednesday Morning DES341 Oct 7th, 2020

DES341 October 7 class

DES341 October 7 class

Part 4: HTML+CSS Flexbox

Part 4: HTML+CSS Flexbox

Project 1, Part 1: gathering content

Project 1, Part 1: gathering content

Tips for fixing broken images on github.com that work locally

Tips for fixing broken images on github.com that work locally

Part 2: Space!... In HTML and CSS

Part 2: Space!... In HTML and CSS

Part 1: Space! ...in HTML and CSS

Part 1: Space! ...in HTML and CSS

A former student asked: Where can I host my websites?

A former student asked: Where can I host my websites?

Wednesday September 30th, 2020 des 341 Morning class

Wednesday September 30th, 2020 des 341 Morning class

Instructions on sharing your design journals

Instructions on sharing your design journals

Part 3: HTML+CSS Background images using unsplash and tinypng

Part 3: HTML+CSS Background images using unsplash and tinypng

Part 2: HTML+CSS adding google fonts to your homepage

Part 2: HTML+CSS adding google fonts to your homepage

Part 1: HTML+CSS adding a clickable image to the homepage.

Part 1: HTML+CSS adding a clickable image to the homepage.

Part 0: HTML+CSS - Start Here! All the set up info you need for the interactive media classes

Part 0: HTML+CSS - Start Here! All the set up info you need for the interactive media classes

Monday September 28th DES 341 Morning class

Monday September 28th DES 341 Morning class

September 28th, 2020 DES 341 afternoons

September 28th, 2020 DES 341 afternoons

Homework 1 - how to publish your project

Homework 1 - how to publish your project

Homework 1 getting started

Homework 1 getting started

Day One: Github.com, Github Desktop, VS Code, making a page live on github.com

Day One: Github.com, Github Desktop, VS Code, making a page live on github.com

Welcome to Fall 2020 DES 341!

Welcome to Fall 2020 DES 341!

Javascript Scope tutorial on codecademy

Javascript Scope tutorial on codecademy

Javascript Functions on Codecademy Part 2

Javascript Functions on Codecademy Part 2

Javascript Functions on Codecademy Part 1

Javascript Functions on Codecademy Part 1

Cargo Collective Intro to Custom templates

Cargo Collective Intro to Custom templates

JQuery Waypoints Part 2

JQuery Waypoints Part 2

Jquery _ Waypoints Part 1

Jquery _ Waypoints Part 1

JQuery Intro Part 1

JQuery Intro Part 1

Special Guest Tatiana Mac

Special Guest Tatiana Mac

git github ghdesktop Part2take2

git github ghdesktop Part2take2

git github ghdesktop Part4

git github ghdesktop Part4

git github ghdesktop Part3

git github ghdesktop Part3

git, github, github desktop, Part 1

git, github, github desktop, Part 1

Add a new project to GitHub Desktop and push it to github.com

Add a new project to GitHub Desktop and push it to github.com

HTML/CSS Refresher (now with JQuery!) Part Five

HTML/CSS Refresher (now with JQuery!) Part Five

HTML/CSS Refresher Part Four - Color, css grid mini demo, and absolute positioning.

HTML/CSS Refresher Part Four - Color, css grid mini demo, and absolute positioning.

HTML/CSS Refresher Part Three

HTML/CSS Refresher Part Three

HTML/CSS Refresher Part 2, CSS general

HTML/CSS Refresher Part 2, CSS general

HTML/CSS Refresher for DES342

HTML/CSS Refresher for DES342

Audrey Nav Emma S v1

Audrey Nav Emma S v1

Haley Contact form Part 2

Haley Contact form Part 2

option two home icon hover for jenna's dogs

option two home icon hover for jenna's dogs

SVG Animation part 1

SVG Animation part 1

Animating a button

Animating a button

Slide down text thing. Watch me first.

Slide down text thing. Watch me first.

circle text for multiple items

circle text for multiple items

Checking in homework assignments through Github Desktop using Sublime Text

Checking in homework assignments through Github Desktop using Sublime Text

Change your default browser in Sublime Text 3.

Change your default browser in Sublime Text 3.

HTML and images for DES 341 Jan 2020

HTML and images for DES 341 Jan 2020

Harrison p2 issues

Harrison p2 issues

Slick.js Demo on how to get it working.

Slick.js Demo on how to get it working.

Creating a favicon.ico file from an svg

Creating a favicon.ico file from an svg

Videos in a popup with a screenshot as a "button" using lity.js

Videos in a popup with a screenshot as a "button" using lity.js

Typewriter javascript demo

Typewriter javascript demo

Jack on the net CSS Animate it Demo

Jack on the net CSS Animate it Demo

Getting Thom's carousel code to work.

Getting Thom's carousel code to work.

Getting started coding mobile first

Getting started coding mobile first

using the figure tag and copy-pasting similar code snippets

using the figure tag and copy-pasting similar code snippets

why renaming images is worth the time

why renaming images is worth the time

Hamburger Menu for Mobile with swooshy close button.

Hamburger Menu for Mobile with swooshy close button.

DeeDee and the Dolphins: Make me a sandwich

DeeDee and the Dolphins: Make me a sandwich

Renaming your repository name in Github.com

Renaming your repository name in Github.com

Publishing your github repository so it's a live site.

Publishing your github repository so it's a live site.

Committing and pushing local changes to github.com

Committing and pushing local changes to github.com

First intro to Media Queries

First intro to Media Queries

Project One - getting the template into GitHub Desktop

Project One - getting the template into GitHub Desktop

Google Fonts into html and css using standard

Google Fonts into html and css using standard

Fork and get a repository from github.com.

Fork and get a repository from github.com.

Add Projects to Github Desktop and Github.com

Add Projects to Github Desktop and Github.com

Removing folders within directories in git.

Removing folders within directories in git.

Reseting origin on local repositories that are linked to the wrong remote.

Reseting origin on local repositories that are linked to the wrong remote.

Portland Skyline - Mr Shaw

Portland Skyline - Mr Shaw

Javascript Factory Function

Javascript Factory Function

Adding git repositories to your main GitHub Pages repo

Adding git repositories to your main GitHub Pages repo

Up and Running with React

Up and Running with React

Local git push to remote repository on GitHub with conflicts

Local git push to remote repository on GitHub with conflicts

Create a local git repository and push it to github

Create a local git repository and push it to github

Forking and doing a Pull Request from a GitHub Repository

Forking and doing a Pull Request from a GitHub Repository

Cracking open a coconut

Cracking open a coconut

Pepper’s projects: gingerbread house

Pepper’s projects: gingerbread house

Peppers projects borax crystal

Peppers projects borax crystal

The Not Sorries - Stolen Succulents

The Not Sorries - Stolen Succulents

walking in circles

walking in circles

slomo511

slomo511

I made it all up

I made it all up

This is bs

This is bs

Smartworks puppet theatre 4-6

Smartworks puppet theatre 4-6

Someone tell me why...

Someone tell me why...

eating carrots

eating carrots

Someone Else

Someone Else

Egg protector

Egg protector

Beats to Punks - Art Films of San Francisco

Beats to Punks - Art Films of San Francisco

outhouse infomercial

outhouse infomercial

Whoa

Whoa

Devil dog

Devil dog

Juniper now enjoys throwing things in the trash. Greeeeaaat.

Juniper now enjoys throwing things in the trash. Greeeeaaat.

Juniper walking

Juniper walking

Smoothie - juniper 1 year

Smoothie - juniper 1 year

Mo Philips at Woodlawn swap n play

Mo Philips at Woodlawn swap n play

rapture - Alanna Risse Senior Show CCA Spring 2008

rapture - Alanna Risse Senior Show CCA Spring 2008