Web Design 2 and CSS Final Project

Start with creating from scratch your own brand spanking new theme, and then applying your own CSS tweaks to it.

Step 1: create a zip of your base theme and get me to host it on the server.

Step 2: verify that it “stjerome_s”(Difficult) or “Toolbox” or “Bones” or “Victoria Park” as the active theme on your site before you commence a-fiddling with it.

Step 3: apply some CSS tomfoolery using the EditCSS plugin in your JetPack.

(Complete the CSS W3C schools lessons and the final test.Basic: text, backgrounds, colours. Medium Difficulty: layout. Advanced: background animations?)

Tips: Enable the developer menu in Safari so you can find the needles in your haystack of code.

In 2013 we used “ToolBox” theme – but any other modern theme in the theme menu is doable for custom CSS changes/tweaks. Read more about “underscores” _S theme.

Watch the video, from the point of view of CSS design tips only. You might get some tips on what to change in the CSS: http://wordpress.tv/2013/09/28/steve-zehngut-underscores-the-only-theme-that-matters/

Create your Own iBlog App

iPhone: http://premium.wpmudev.org/project/wp-for-ios/ , https://developer.apple.com/programs/ios/

Guide: [gview file=”https://comtech.snowotherway.org/files/2013/11/iOS-Documentation.pdf”]

Any volunteers?

Oh, it will cost someone $99 to actually login as an Apple Developer so any apps can be distributed via the App Store.

Android: http://premium.wpmudev.org/project/wp-for-android/ , http://wpappmaker.com/video-tutorial/

I don’t have anything running on Android so I can’t even begin here.

Twelve Bar “Blues”

Read Neil Harbisson and his Sonochromatic music scale, first. You will also need the ColorSay app for iPhone (and PhotoShop).

Create a Twelve Bar Blues animated GIF.

Screen Shot 2013-04-25 at 2.52.53 PM

If you use 4 iPhones, each on a separate quadrant of colour, you should be playing a C7 chord.

Now add the remaining “bars” using one of the common twelve-bar blues progressions.

Standard_12-bar_blues_progression_variations

Extra
Dedicate one of the quadrants for the “boogie woogie” line.

350px-Twelve_bar_boogie-woogie_blues_in_C

Sonochromatic Animated GIF

Create your own harmonious “ColorSay” composition as an animated GIF.

Harbisson's_Sonochromatic_Scales

Use PhotoShop as your tool for making the “score”.
Use the ColorSay app from my previous post as your musical instrument.

What songs do these pictures sing?

Inspired Yet?
[youtube video=http://www.youtube.com/watch?v=Ptq_N-gjEpI]

[youtube video=http://www.youtube.com/watch?v=CelV7EbuV-A]

[youtube video=http://www.youtube.com/watch?v=V0zQHNmz0gU]

[youtube video=http://www.youtube.com/watch?v=XPL8u8gJL0A]

Retro Mac ~ 1994

Want to see what connecting the the internet looked and felt like circa 1995?

eWorld - an "All-The-Right Type-ish" version of the interweb from 1995. Seriously, I once paid $5/h for this.
eWorld – an “All-The-Right Type-ish” version of the interweb from 1995. Seriously, I once paid $5/h for this.

The eWorld News links in this sim don’t work today, but it is where I first found out a significant piece of “live” news way back on April 19, 1995.

Oh, the modem squawks in the sim last a few seconds, but in ’95 I could pop a bag of microwave popcorn while waiting for just the home screen to load.

Inserting A Gallery into a Post

I have a small peeve with the default behaviour of a gallery. It takes a few clicks to see an image in its original size.

So I offer the following tips.

1. Add link=”file” to your gallery short code.

2. Enable “Lightbox 2” or “jQuery Colorbox” plugin so your images have that certain Je ne sais pas.

Extra Tip: I used the iPhone Dead Yourself App to doctor the images of my family and then uploaded them to this blog with the WordPress app.