Skip to content
Snippets Groups Projects
Commit 0d9958c8 authored by Jennifer Mankoff's avatar Jennifer Mankoff
Browse files

Merge branch 'UACCESS-23fa' of...

Merge branch 'UACCESS-23fa' of gitlab.cs.washington.edu:teaching-materials/undergrad-accessibility-website into week4-changes
parents a598cb16 2e720f85
No related branches found
No related tags found
3 merge requests!12Accessibility website jen summer work,!9Q access 24 sp,!8Q access 24 sp
...@@ -213,24 +213,6 @@ Easy to split this up among a group ...@@ -213,24 +213,6 @@ Easy to split this up among a group
`<link href=“style.css” rel=“stylesheet” />` `<link href=“style.css” rel=“stylesheet” />`
- Great example is [CSS Zen Garden](http://www.csszengarden.com/) - Great example is [CSS Zen Garden](http://www.csszengarden.com/)
<!-- --- -->
<!-- # CSS -->
<!-- .left-column50[ -->
<!-- - Files consist of one or more rule sets -->
<!-- - Each rule set has a selector which chooses which HTML elements you want to style -->
<!-- - Style properties are set with rules which are property/value pairs -->
<!-- - Syntax is important -->
<!-- - More on [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) -->
<!-- ] -->
<!-- .right-column50[ -->
<!-- ![:img CSS rules description, 100%, width](https://code.makery.ch/library/html-css/part3/css-rule.png) -->
<!-- From [W3Schools](https://code.makery.ch/library/html-css/part3/) -->
<!-- ] -->
--- ---
# Layout in CSS # Layout in CSS
...@@ -256,7 +238,6 @@ fortunately there is CSS [Flexbox](https://courses.cs.washington.edu/courses/cse ...@@ -256,7 +238,6 @@ fortunately there is CSS [Flexbox](https://courses.cs.washington.edu/courses/cse
] ]
--- ---
# Document Object Model (DOM) (2/3) # Document Object Model (DOM) (2/3)
...@@ -315,17 +296,17 @@ linkStyle default stroke: black,stroke-width:8px ...@@ -315,17 +296,17 @@ linkStyle default stroke: black,stroke-width:8px
**Interface Programmers** combine *library elements* (e.g. buttons and labels) according to *toolkit rules* & **Interface Programmers** combine *library elements* (e.g. buttons and labels) according to *toolkit rules* &
constraints of *toolkit architecture* (common to all UI toolkits). Example: let's list all the components of this image: constraints of *toolkit architecture* (common to all UI toolkits). Example: let's list all the components of this image:
![:img Picture of a very simple interface showing a ringing bell at ![:img Picture of a very simple interface showing a ringing bell at
left and an x at right to close the window with the words Google left and an x at right to close the window with the words Google
Calendar reminder Christian and Anind (Jen Mankoff) is starting at Calendar reminder Christian and Anind (Jen Mankoff) is starting at
12:30pm. Video call between them, 100%, width](img/building/interface.png) 12:30pm. Video call between them, 100%, width](img/building/interface.png)
] ]
.right-column50[ .right-column50[
Discussion (post on Ed) Discussion (post on [Ed]({{site.discussion}}/3666535))
- What are the "components" in this image? - What are the "components" in this image?
- What does the "interactor hierarchy" look like for this image - What does the "interactor hierarchy" look like for this image
] ]
??? ???
discuss with your neighbor discuss with your neighbor
- what to draw; where to draw it - what to draw; where to draw it
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment