Mike’s Tutoring Website. I had a heck of a time with my ErrorDocument (htaccess). A simple linking error caused me so much frustration because I had no idea what to do. The error pages are never helpful. (Below: What came up when I tried to check the link for my custom error page.) Turns out it was a simple addition of a server file name. Mike of Mike’s tutoring was really helpful in pointing out my mistake and telling me the best way to link up my html. (The Internet will offer you an array of choices!)
I linked my header instead of my logo image. That was a bit troublesome. I’m so tired.
Mike’s Tutoring Website. When I added the pages, I changed the design once again. I realized that since each of the layouts for the pages are almost identical to the home page, I would need a slightly more obvious indication that the user sucessfully clicked through to the next page. This is where the blue frame also makes more sense because when I integrate it when the nav bar, it has a function.
I realize also that these kinds of changes can be better avoided by sketching beforehand. But, hey, I’m still learning the order of things. Sometimes, people (like me) want to skip the sketch phase to feel like they are getting something done and up into testing.
Something that they teach you in design school: every feature should have some kind of function. I’ve seen more than a few students humiliated in front of the class during critique because the instructor asked the most feared question: why?
I felt a huge sense of accomplishment by added this “tab” styling. The part where the sprite (image) for the navigation bar goes away and html styled text is revealed. Times like that is when I feel like I am truly building something. With design in general, these software programs (InDesign, Illlustrator and Photoshop) offer layers, but in a way, I feel like it’s a crutch for designing things that align. In the case of web design, with the tools of CSS and html, I feel like there are layers that function. When you peel away the CSS, there’s something that still works. It’s kind of like an escalator that breaks down. You still have stairs.*
*Mitch Hedgeburg joke: “An escalator can never break: it can only become stairs. You should never see an Escalator Temporarily Out Of Order sign, just Escalator Temporarily Stairs. Sorry for the convenience. ”
Mike’s Tutoring Website. I changed the design today. I realized that the footer bar wasn’t doing anything for me and I didn’t really want to put a “copyright notice on this. I also stylized the mobile version today. To decrease loading time and increase readability (and so I didn’t have to design bigger buttons) I ditched the CSS sprites for plain html for my navigation bar. It breaks up into a list-nav. The design turns into a one-column layout. I’m still working on getting the dimensions perfect on the mobile layout and I haven’t finessed the tablet layout either, so that will be my next step before I apply it to my pages. (I’ll be making more pages, too.) I’m ready for the weekend!
My boss, Terry, handed me a copy of this last week’s Adweek magazine. I was surprised at how relevant I felt its content is. Some of the articles covered how generating and manipulating memes plays a huge role in today’s advertising world. What I loved was the piece at the end of the magazine called “Information Diet” where they feature celebrities and their information technology habits. I thought I’d share mine. I don’t claim to have particularly good habits, but you have to start somewhere and then feel secure enough to branch out a little.
Here’s my information diet profile. (It’s based completely on Adweek’s, but paraphrased the questions.—I may be a copycat, but I am not a plagiarist.) I’m very interested in how this will change a year from now, five years from now.
Name Katarina Countiss
Demographic female, mid-20s, urban, student
Topics of Interest graphic design, communication, art
Base Seattle
1. Before anything else, what information are you absorbing? My Facebook feed. But, that isn’t very informative until you know who I’m subscribed to. I get daily posts from Seattle advertising agencies, my favorite blogs Boing Boing and Laughing Squid, my favorite magazines, Juxtapoz and Hi Fructose, Jen Graves (an art critic from the local alternative newspaper, the Stranger), some “Pic-spawners” (facebook pages that deem it their sole function to share stunning or funny pictures which may or may not have sentimental quotes on them) and my friends, graphic design classmates and old high school acquaintances who seem to be procreating at a faster rate than I am. (Yes, I come from a town like that.) I’ve recently subscribed to some web design blogs that produce links to interesting (and sometimes not) responsive design tips or photoshop techniques.
2. a: During breakfast? Colbert Report and the Daily Show with Jon Stewart. It doesn’t really matter what order they’re in. Sometimes I groan a little because they run the same story, though Colbert’s theatrics are funnier.
2. b: During lunch? After spending so much time looking at a screen and to the fact I have no web capable portable devices, I am reading a book. It’s usually a nonfiction book related to graphic design, psychology, advertising, linguistics or communication or it’s written by Haruki Murakami.
3. During your commute? If I am in a car, it’s the radio. I can’t read in a moving vehicle.
4. Any TV shows? TV, laptop or tablet? I’m actually a recovering television addict. I used to watch a lot. I find that any show that I watch one episode and it’s either all or nothing. If I like it, I feel compelled to watch everything that ever existed for that show. It’s a huge time sink. So, I’m reluctant to watch any shows for that reason. I’m currently on Star Trek: The Next Generation. There’s a bunch. It takes up so much space in my brain. It’s a weird thing when I am reminiscing about a childhood memory, I realize all of the people in my memory are Klingons and I think, no… that can’t be right.
5. Before bed? See #1
6. What would you recommend, Web or Print? I saw a piece of advice that said “If you are young. Read a nonfiction book a week. Considering that your peers are gaming or facebooking, you’ll be a genius in comparison.” or something to that effect. I agree. It’s due to the level of focus on the internet (or lack thereof) that I think it’s difficult to retain web content (because the way it’s usually absorbed: slightly distracted). I exclude TEDtalks and other similar presentations. They’ve done their research on what’s engaging to make a lasting impression.
7. What’s your favorite app and why? I haven’t really delved into the App world. I am still hoping that responsive web design will evolve to the point where people wonder why apps evolved in the first place. But, I like Evernote. It helps me index my links when I am in a hurry. But, I’ll probably find a better system soon.
8. What’s your current digital addiction? I’m currently into failblogs. Mostly Failbook. It really gets me when people are being smartasses to Walmart on Facebook, but then they turn it around so fast, your browser gets whiplash. (I will never know about the times that Walmart, or other social media involved corporations, are mediocre.)
9. How do you combat information overload? When, how do you “skim off the top”? That moment when I am looking at a feed (facebook, twitter, whatever) and I think to myself: did I feel annoyed? That feeling usually comes up when I see a link to a facebook app or a status about breakfast or something trivial like that.
The studios in the Armory are accessed by a long (nicknamed: the shining) hallway.
Through Facebook, I found out about Crush Crew. They had an application process, but ultimately everyone who applied were accepted. The application involved submitting the story of “my first art crush.” Of course, I told them about how I was an impressionable young girl when Titanic came out and I adored his charcoal drawings. He was pretty easy on the eyes, too.
So, yesterday was the first meeting. It was held at the Armory (Read: Seattle Center Theatre/food court place) on the fourth floor. It was funny because everyone that I passed on the way up that looked lost were also going to the meeting. It was the first public function I’ve attended that offered free beer. The coordinators, Sam and Courtney, briefed us. There were about 25 of us youngins there– half of the total number accepted as part of Crush Crew.
Crush Crew is the young brigade of artlovers that will be attending Art Crush events and hopefully promoting the events on their respective blogs and twitters. They had a clipboard going around as an attendance sheet, with spaces to put names, blog urls and twitnames. I felt like I had found my own kind –which is funny because Crush Crew was invented so that the public (especially young people) could feel that art is an accessible thing and here I am feeling like part of an elite group. It was incredible though. Dangling earrings, loud print dresses and thick-rimmed glasses abound in the room. 8:1 Girl to Guy ratio (if that says anything about the current state of art and young people.) One of the guys joked about his reason for attending, nodding to his friend, “I’m just here to be his chaperone.”
We went around the room saying a little bit about ourselves. I am a painter, blogger and graphic design student. Others attending were event coordinators, dancers, actors and writers. We collectively addressed the problem of art: this culture puts art on a pedestal. People feel like they can’t understand it, relegating art “duties” to a specific class of people. Perhaps, one of the most basic human instincts is to create. Sam wanted to bring that “Improv Everywhere” spirit to the group and encourage us to self-assemble into a tight-knit art support group where we can feel comfortable if not inspired to explore local art of all kinds (and then talk–read: social media– about it afterwards).
So, in September and October, I will be going to Crush events and bars (apparently, a bit part of socializing as a young adult is bonding over beers) and blogging (and maybe, video-blogging) about art. Stay Tuned.
Mike’s Tutoring Website. Today’s fun: writing copy and adding the contact page. This site is a simple one. I kept the layout the same. Maybe, too much the same. I’m going to get some input on it and possibly change it tomorrow. In my coding today, the footer somehow flew up to my nav bar, which made a lot of sense considering I didn’t have anything else going on up there, so I kept it there. I added a background (very subtle) and linked a page. I called it “page 1” but I noticced that whatever I called it is in the url so, I’m going to go back and change that tomorrow. There was a funny moment when I tested the website in the browser. I clicked “contact” which led to my new page and then I tried to get back to my home page and kept clicking on the logo until I realized there was no link there! (It was funny. You’d have to be me.) So, I had to go back and add that and then I saw that “index.html” at the url. Now, I know why that pops up!
There’s some difference in styling I’ll have to smooth over tomorrow, too. There’s a thing they say about creativity. If you want to foster it, leave some stuff to do the next day. That keeps your momentum.
I was coding Mike’s Tutoring Website trying to control the container so my second column would float to the right of my first column… anyways, I made an extra wrapper for my slideshow (I put it in yellow for the time being, so I could see it) and most of my website went yellow and there were parts of my navigation bar and footer that were affected by the yellow block. I looked everywhere for the yellow hex code hoping to get rid of the problem once and for all. But, I couldn’t find the code after looking in my style sheet and my source code. I decided to upload my website to the internet and try to edit it in the browser when the pop-up that said “reset.css” has been changed. Want to upload changes? Or something to that effect. And I immediately knew that in my flurry of edits that I somehow wrote code in the reset.css and there it was! I deleted it and my site and my floating second column is in place. #smallcodingvictory
The Trick: This is a newb trick. There are better ways to do this, I’m sure. If you are looking for code and can’t find it and haven’t been making a lot of changes to different files. Upload your site and all of those “are you sure” pop-ups might help you find that your code has been going to the wrong place.
Mike’s Tutoring Website. I spent most of today trying to make my jquery slideshow work. How it actually did, I am not sure. (What a tangled web of files, I did weave.) I tried to download some files from the internet, but it didn’t seem to work. I kept seeing my slideshow as a static image and you can imagine how annoying that is. I ended up making a copy of my last project and cleaning out all of the styling but leaving the linked up js, css, etc. in tact. This morning I designed the slides for the jquery slide show. My client (Mike of Mike’s Tutoring) did not want his photo on the internet during the design phase. I am pleased to be working with up and coming model Dan H. There’s still some reworking to be done. I’m going to add more copy on the right where that whitespace is now. This site also has CSS sprites which gave me considerably less problems. I validated my site and had a couple of errors. The source: unclosed tags and the like. I will be working on adding more pages, styling the mobile versions and finessing the design.
Kismet Arts Tangent 