Session Date: Monday Oct 02, 2017
Images & UX Design
For the image component, read from Learning web design : a beginner's guide to HTML, CSS, Javascript, and web graphics, 4th Edition. Chapter 7. Adding Images
For the design component, think first about accessibility by looking over Designing for Inclusion by the W3C.
And then, in the Web Style Guide by Patrick Lynch and Sarah Horton glance over Chapter 4, Interface Design
In this session we will learn about UX Design and how to integrate images into your site.
Also note:
I have updated the Task 2.2 instructions with helpful links. I have also updated the common problems page. Read over these.
In this session we will learn about UX Design and how to integrate images into your site.
We will look at the skeleton code base and see how we can enhance our sites with the grid system. (Link is on theTask 2.2 instructions page.)
Designing websites that are accessible to special-needs populations can be a very tedious process. We will look at some ready-made frameworks that have already integrated accessibility code.
The two most popular CSS javascript frameworks are
- Foundation and
- Bootstrap and here are their accessibility pages:
- Foundation Accessibility Page
- Bootstrap Accessibility Page
Both of these accessibility pages have additional links to sites where you can learn more about web accessibility issues.
We will look at some of the code that I have used for various website design. I will provide snippets and links on my GitHub account and my Carolina Source Control account. We will also look at some CSS frameworks that give you a major boost in developing sites with custom colors and image containers.
Designing websites that are accesible to special-needs populations can be a very tedious process. We will look at some ready-made frameworks that have already integrated accessibilty code.
The two most popular CSS javascript frameworks are Foundation and Bootstrap.
Which of these two is a better bet for accesibility?
We will continue to work on our sites in this class.
last page update: Friday Oct 20, 2017