Skip to content

Kismet Arts Tangent

Art Collective

    • Kismet Arts Tangent
    • About
    • Blog
    • Contact
    • Donate

recent posts

  • Photo shoot with Kayleigh Shawn
  • Testimonials
  • Fractures Poem
  • Poetry
  • Pixel art products

  • Instagram
  • Responsive Design Research: Template (for PowerPoint)

    July 31, 2012

    Responsive Design Research: As part of my last assignment in Web Design Bootcamp, I am to take snapshots of Responsive Websites in the Summer of 2012. (What is Responsive? I love this article that answers that question.)

    The first step in any research project is developing a system for collecting information. I decided that it would be important to include the date of when I accessed the website. Sometimes websites change and I wanted to show a moment in time, a website trapped in amber. I originally started designing my presentation in InDesign. I thought it would give the best option for my research because I could use Master pages to make subsequent pages faster. My biggest problem was when I tried to upload InDesign files to my blog (here) and I couldn’t do it. I imagine that there isn’t a very good Indesign file hosting service because the files are so big.

    Microsoft Powerpoint has Slideshare. SlideShare is an online slide hosting service. This is a great place to store templates, that way if I want to work at home and then at work, I can just download the template slide and all my styling and positioning is going to be identical. And I won’t have to worry about links. Also, it annoys the heck out of me when presentations are vertical –something people are want to do when they are designing in InDesign.

    Feel free to download this PowerPoint for your own research. I know sometimes the part of making the frame for the content is a little intimidating. (Click here and then click download.) This initial research (as pictured above and in the template) is formatted from a tweet from Smashing Magazine. Their find of this site and analysis inspired me to start on my homework. (I probably would have set the assignment aside if I didn’t see their tweet on this cool responsive design solution.)

     

    (Earlier Post Relating to This Project)

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Responsive Design Trends: Responsinator and RWD Bookmarklet

    July 31, 2012
    responsinator vs. screenshot
    responsinator vs. screenshot in Safari Browser (this is a snapshot of erskinedesign.com)

    As part of my last assignment in Web Design Bootcamp, we are to take a snapshot of Responsive Websites in the Summer of 2012. (What is Responsive? I love this article that answers that question.) This is a fun exercise. We are the Darwins of the Web, looking for interesting variations on the finch. They prove that there are trends in Web Design and they evolved that way for a reason, but there’s always a few sites that are innovative. Because they have thought through some usability features, they have added value to the site. As we get better with responsive (perhaps strict industry standards) we (as designers and developers) can better enhance Web experiences and usher in a new era of technological development as Steve Jobs ushered in a new era of music listening.

    In our design/developer toolbelt, we have Responsinator and Responsive Design Bookmarklet to ease the Responsive Testing Process. (There are a bunch of these sites, if you want to shop around. I like Matt Kersley‘s because it seems more indie. Let me adjust my hipster glasses as I say that.) They shrink down the website for you (and in the case of Responsinator, it adds a grey version of the device whose screensize that is). Chris Pederick (Web Dev Toolbar Extraordinaire) also offers features to streamline the process.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • My Top 10 Favorite TED talks

    July 31, 2012
    Screen shot from "Ursus Wehrli tidies up art"
    Screen shot from “Ursus Wehrli tidies up art”

    A friend of mine recommended the TED talk app. This is a great way to recruit new viewers to the TED world. TED talks are beautiful. They are amazing presentations that present interesting ideas in a relatable way. Presented visually, orally and in manageable chunks of twenty minutes, TED talks bring information to life. And sometimes, not-information. These bits of “not-information” are merely pieces of a puzzle to humanity and all of its strangeness. I call this intellectual peacocking. “Look at how clever I am,” they seem to say. And it works. I am mesmerized, inspired and rejuvenated. Watching TED talks helps refuel my passion for technology, entertainment and design.

    10) https://www.ted.com/talks/harvey_fineberg_are_we_ready_for_neo_evolution.html

    Are we ready for neo-evolution? by Harvey Fineberg. I think the answer is definitely not. This talk is great because it explores all our desires as humans. Don’t we want to be more creative? Remember more? Live longer? What if we could change our genetics to make that happen? Should we? This talk raises a lot of questions that circle around one of the greatest scientific achievements so far: genetic modification.

    I don’t think we’ll ever know all the ramifications of switching around a few cytosines. A translucent water flea has more genes than any other animal on the planet (zooplankton: 31,000 genes, the average human has about 20,000 to 25,000), but it’s not necessarily the number of genes. A theatrical play with four actors can be very complex.

    9) http://www.ted.com/talks/theo_jansen_creates_new_creatures.html

    Theo Jansen: My creations, a new form of life. This is a classic TED talk. There are a few more in a similar vein. Many makers create interesting bio-mimicking devices. They are beautiful because they are geometric and organic. They subtly propose a future of beauty and wonder, where machines walk. This particular invention– Janson calls them “Strandbeests”– are kinetic, made with recycled materials and present a method of one of the greatest hurdles our machines encounter: uneven terrain. (Other fascinating beasts: big dog, gecko, and robots)

    8) https://www.ted.com/talks/lang/en/aimee_mullins_prosthetic_aesthetics.html

    Aimee Mullins: It’s not fair having 12 pairs of legs. This TED talk is representative of a recurring theme: Different is an advantage. Taking what others might perceive a weakness and making it a strength is powerful. For Aimee Mullins. The fact that she has prosthetic legs makes her an example of what the future of augmentation is. Augmentation is options. It’s the remarkable idea that when your legs give out. Your knee becomes too weak, just get another one. Get a pair of legs for every occasion. It’s fascinating because of the politics of disability. Can we exploit her for fashion by strapping on a pair of “art legs”? or is it empowering for her to be a symbol of beauty?

    7) https://www.ted.com/talks/lang/en/jill_bolte_taylor_s_powerful_stroke_of_insight.html

    Jill Bolte Taylor’s stroke of insight. A psychonaut’s most interesting adventure. Jill Bolte Taylor had the interesting (albeit, not something we want to happen) experience. This particular stroke left her with the memory of its graduation. I love it when people explain how their brain happens to be. What it feels like. The details of revelation, understanding, confusion. Even the simple stuff like when people lament going into a room then forgetting why they are there. That stuff really gets me. Having stuff in common (and not in common) with these stories reminds me of how similar and how different our brains work. The concept of differing neurology intrigues me. It leads to better understanding and compassion.

    6) https://www.ted.com/talks/lang/en/ursus_wehrli_tidies_up_art.html

    Ursus Wehrli tidies up art. This is definitely one of those TED talks, a speaker presenting a series of art/design projects that are very clever and interconnected by some method/theme/ innovative use of materials (some other good ones: using fishing nets, ipads, chocolate). Wehrli is one of the funnier ones. Mostly for art nerds, but some non-art-nerds might recognize a few of the works.

    5) https://www.ted.com/talks/lang/en/kevin_slavin_how_algorithms_shape_our_world.html

    Kevin Slavin: How algorithms shape our world. I’m tickled pink by anything that visualizes an algorithm. My favorite are the paths through grass where you can see how many people wanted to shave off a second or to off of their trek by cutting a corner. I love maps where it is colored by dots represented who tweeted about a thing. With our technology, we can make more trends visual. Communicating information takes on a new level.

    4) https://www.ted.com/talks/lang/en/joshua_klein_on_the_intelligence_of_crows.html

    Joshua Klein: The intelligence of crows. This is one of my favorites. I am a huge B.F. Skinner fan. If he was of this century, he would definitely be a TED speaker. This crow talk is a variation on the “pigeon dance” experiment. If you can make a pigeon “dance” using food as an incentive. Imagine what you can make the smarter bird do?

    3) https://www.ted.com/talks/lang/en/temple_grandin_the_world_needs_all_kinds_of_minds.html

    Temple Grandin: The world needs all kinds of minds. I relate to this talk a lot. My mother thought I was autistic as a child because I was a little late in talking. This is a TED talk about how an autistic-diagnosed person has a different perspective and in the case of many, including Temple Granin, this outsider view gives fresh insight into solving problems. It’s encouraging for people (like myself) that feel like they are in a very socially driven world, where extroverts get their opinons heard first because they are the loudest. (A great TED talk about the power of introverts might change your mind.)

    2)https://www.ted.com/talks/lang/en/jane_mcgonigal_the_game_that_can_give_you_10_extra_years_of_life.html

    Jane McGonigal: The game that can give you 10 extra years of life. Kind of a corny inspirational talk. She motivates the audience to shake hands with their neighbors and wave their arms in the air. But, the idea of “life is a game” really got to me. (I wrote about it after watching the video.) I think about that idea a lot, now. When I am sitting around, trying to tell myself it’s time to wash dishes or something. That it’s a game. If I get to them now I get extra points. Points that are uncounted for now. When I was little, my family had a system where chores were part of a game to earn pudding and that kind of stuff. My mother was big on budgeting games. Game contexts are a really helpful framework where you can interact with your friends and family in a way that’s empowering for them and for you.

    1) https://www.ted.com/talks/lang/en/stefan_sagmeister_the_power_of_time_off.html

    Stefan Sagmeister: The power of time off. This talk represents a principle that many of the upcoming innovative firms incorporate into their businesses. It’s the idea that you are productive when you are not focused. New things come about by cross-polination, experimenting and having fun. This doesn’t have to be achieved by  year-long sabbaticals. Hack-a-thons and Google’s 20% time, we can have fun and make things that we want to make. Cultivating the spirit of creativity should always be considered a good use of company time.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Owls Painting

    July 30, 2012
    Triangles abstract
    Triangles abstract

    I painted this evening after being inspired by a PBS Off Book video about Etsy. The series often have little tips for the media that they are spotlighting. In this case, they recommended (among other things) that if you are into Etsy crafts and can’t think of anything else, make some owls. So, I went with that. Making this video. This kind of painting is just freeform. Like performance art more than not. I had the idea of “owls” when I started. I ended up with a triangle night sky and an owl changing color, growing flowers for eyes, growing a stem and then a female owl growing out from an unseen ground and they fall in love (hence the hearts) and sing themselves into oblivion. If only life were so simple.

    I had a hard time because this paint doesn’t dry fast enough and then everything looks like the color I wanted but plus gray. I want one of those camera pods that can be stationed on the ground. I currently have my camera suspended from a dangling light fixture and it’s causing this unnecessary frame-wiggle. I feel like this painting video thing is a promising avenue, but I am wondering what to do with it.

    Music:Constructions normales (Je ne suis pas un remix) by vo1k1. I got the music for this video from ccMixter. It is licensed under creative commons.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Portland Weekend

    July 30, 2012

     

    zen window at Japanese garden in Portland
    window at Japanese garden in Portland

    I went to Portland a couple of weeks ago and I had a chance today to upload and edit the footage. I’m beginning to appreciate the nature of home-videos and how they differ from the more anonymous feeling of a photo album. People especially seem more themselves.

    Music: La Madeline Au Truffe (composed by Jeris) by basematic. I got the music for this video from ccMixter. It is licensed under creative commons.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Web Design Process: Banner Ad and Finessing

    July 27, 2012
    lopera shmopera website and mobile responsive
    L’opera Shmopera Website (Desktop and Mobile view)

    L’opera Shmopera Website. I spent a few hours today in coder’s world. I created different CSS sprites for the nav bar– the other ones were a little messy (different size fonts/kerning, etc.) and notice that I have an extra button with a piece missing so it would integrate into the bugs bunny image (which is also different from the last time). A trick, this image is actually in the container div, so I could have the image flush against the other boxes. I decided to do away with my background pattern in exchange for a flatter color so it wouldn’t be so busy.

    I used YSlow to determine that my website is 818.7 K. 598.1K is spent in the fancy ad banner unicorn gif. My instructor said it’s important to know how to reduce your website size and I know that if I got rid of it, I would be somewhere slightly above 200k. I reduced some file size by making fewer colors in my other gifs, less resolution on my jpegs. I kept my CSS sprites for all modes (tablet and phone, too, though those would have been the next to go). At the end of the day, I know that the AntiFloat Co. (my fake advertiser) will pay for the extra bandwidth, so it’s okay. Wink-wink.

     

    (Earlier Post Relating to This Project)

     

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • My First Gif: It’s a Unicorn!

    July 27, 2012

    Unicorn Gif image Is your unicorn floating too much?

    Unicorn

     

    I made my first gif! I did it using Gifninja. It’s part of my Web Design Bootcamp project to create a banner ad. I chose this standard size of 400×240 px. First, I took an painting I made and isolated my unicorn. Then copied it and cropped it differently for my background. I added BaseTwelve font. I created new layers with the parts moved slightly, saved each layer as a jpg and then popped them into Gifninja and they did the rest. This is a great website because they host the image for you and you can adjust the speed of the animation. Ta da.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Sketch Swap

    July 27, 2012
    sketch swap man with a feather earring and a hitler mustache
    man with a feather earring and a hitler mustache

    I was using StumbleUpon and came across this website where you draw something in exchange for another person’s drawing. I like this idea because sometimes you need a little drawing break where you know that it doesn’t really matter what you do because it’s a freebie. You wouldn’t have been drawing anyway. I drew this man saying “Rock On!” He’s not hiding behind some seaweed. And I got back a dragon who said “Sorry, No Onion Soup.” I think most of them are just as random.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
Previous Page Next Page

Blog at WordPress.com.

 

Loading Comments...
 

    • Subscribe Subscribed
      • Kismet Arts Tangent
      • Join 104 other subscribers
      • Already have a WordPress.com account? Log in now.
      • Kismet Arts Tangent
      • Subscribe Subscribed
      • Sign up
      • Log in
      • Report this content
      • View site in Reader
      • Manage subscriptions
      • Collapse this bar
    %d