Observations: Some of the tests were a little awkwardly worded. I think my test was a little skewed because I observed some tests before going into mine. I was more prepared than the others for going into the tests.
Why it’s important.
As a designer and a programmer, your view on how easy to find something is skewed because you put it there in the first place. It’s also important to see how the user thinks.
I have now discovered the best thing to happen to CSS coding. Sass. Sass is a CSS Preprocessor and basically turns CSS into a way to code like it’s Java or other higher level languages.
Features: Variables(Omg thank God), Mixins(Basically a function), For Loops(You can have lists! I’m so happy), If statements (Conditional statements are amazing. I wonder if you can nest those), Easy nesting and so on and so forth.
Here is the Sass homepage if you want to check it out
This is a simple CSS Color Wheel. I made an outer container to hold the actual wheel and the back wheel. The back wheel is for the shadow because I didn’t want it to move. The actual wheel actually has a simple animation to spin. Inside the wheel div, smaller “color squares”(I know they are circles but they were going to be squares and I didn’t want to change every name in the code afterwards) are placed using margins. It was a simple program that was more tedious than hard.
Here is a Embedded Google Slide. It’s an old project from my Ethics and Society Class.
So I started playing with some CSS3 animation. It’s a lot easier than I thought. The Codepen has two different animations. One for the red box and another for the circle. The red box sets the left margin and the top margin to move around. The circle sets the background color to well, change color.
Vicky Pearce's IT Amber Site 