Creative Meat Blog
Opinions

Oneupweb : The Internet’s Dark Day

Posted by Jess in Design, Fresh Meat, Opinions on January 20, 2012 - 3:10 pm

I’m part of the generation who has essentially grown up around computers. We have had an internet connection for so long that I don’t even remember not having one. But Wednesday, January 18th was a game changer for the World Wide Web. In protest of the SOPA and PIPA bills that Congress and the House of Representatives will vote on January 24th, Wikipedia turned off service for 24 hours. Google blacked out its logo. Hundreds of sites, big and small, protested the censorship these bills would bring to the internet. We even joined the blackout by adding black bars to our website.

The statistical results are pretty astounding (here’s a great infographic describing them). There also were some cool design concepts that websites employed during the blackout. Filmmaker Michael Moore blacked out his website and you could essentially use the mouse cursor as a flashlight to cast a circle of light over his message.

Wikipedia was one of my favorites; it reminds me of a post-apocalyptic area where everything has been destroyed. And while a censored internet isn’t exactly comparable to an apocalypse, I think these bills would be very devastating to the internet as we know it.

GD Star Rating
loading...
Opinions

Oneupweb : OOP Naming Conventions

Posted by Robert in Development, Opinions, Tutorials on January 18, 2012 - 6:10 pm

While working with different Object Oriented Programming (OOP) languages and frameworks, I’ve seen quite a few approaches on how to format various items. The line between personal preference and “best practices” has become blurry when dealing with naming conventions.

I have no idea what I'm doing: dog on a computer.Some decent advice on that subject is to adapt to the style of the current environment. However, even within languages it’s not uncommon to find inconsistencies. For example, take a look at the concatenated acronyms in XMLHttpRequest for JavaScript. XML is all uppercase, while Http is mixed upper and lowercase. There is no clear text treatment, making it unintuitive and more difficult to remember.

For this reason, it is a good idea to treat acronyms as words. While not immediately clear, it eliminates the guess work when attempting to recall a particular class, method or attribute; especially since acronyms tend to evolve. For example, the phrase “Away From Keyboard” eventually became “AFK” and is commonly typed as “afk”. By treating it as a word, you won’t have to guess which casing to use, just follow your chosen convention.

So, what if you have the chance to write your own library from the ground up? Perhaps something portable that shouldn’t be married to one particular language or uses many languages; what naming practices should you follow then? Of the examples I’ve seen and used in the past, here is what I personally prefer on a basic level.

class ClassName
{
  public static const MAX_USERS = 15;

  public var variable_name = "foo";

  private var _variable_name = "bar";

  public function methodName()
  {
    // do something
  }

  private function _methodName()
  {
    // do something
  }
}

ClassName

Classes use upper camel case, meaning each concatenated word begins with a capital letter followed by lowercase letters.

class ClassName
{
  // stuff
}

methodName

Methods use lower camel case, meaning the first word is all lowercase, while each additional word begins with a capital letter followed by lowercase.

public function methodName()
{
  // do something
}

variable_name

Variables use lowercase words, separated with underscores. They are dynamic objects that are usually defined on a per instance basis.

public var variable_name = "hello world!";

CONSTANT_NAME

Constants use uppercase words, separated with underscores. They are unchanging values and are typically also static (accessible directly from a class).

public static const CONSTANT_NAME = "foobar";

// accessible through the containing class without a need to instantiate.

var variable_name = ClassName.CONSTANT_NAME;

_private_variable and _privateMethod

Private variables and methods are prefixed with “_” (underscore). They are accessible only from within the object instance in which they are used. By placing an underscore before the name, the scope is instantly recognizable, keeping them separate from public variables and methods.

private var _variable_name= "foo";

private function _methodName()
{
  return "bar";
}

There are other considerations that play even deeper into personal preference, such as curly-bracket “{}” placement for functions vs loops vs if-statements. Spacing for within and around parentheses “()” is equally preferential. How you format your code is ultimately up to you and how you find it the most readable.

Again, what I mentioned above is very generalized and won’t necessarily stand well in some languages. Adapt to your environment and please, do leave comments below. I enjoy reading other programmers thoughts and opinions.

GD Star Rating
loading...
Opinions

Oneupweb : And I Need it Now

Posted by Nicole in Design, Opinions on January 12, 2012 - 2:28 pm

It’s 1:00 in the afternoon. You’ve just gotten back from your lunch and have a deadline due at 5:00 this afternoon. You have no ideas and what you’ve come up with so far just isn’t cutting it. You’re so stressed out that you can’t think of anything and everything you do come up with isn’t working. It’s almost 2:00, now. You’ve broken three pencils and already tried to flee the building. What do you do now?

All designers have been in this position; a project needs to be out the door as soon as possible and there seems to be no solution in sight. So, what do you do when your client needs that project right now and you’ve got no ideas?

Here are a few methods to make you feel Less Stressed and More Awesome (don’t worry, none of these steps involved stopping, dropping or rolling in dirt)

  1. Take a break Step away from what you’re working on and just relax. Take a walk around the building, check out some blogs, have a post-it war with  the neighboring office… It doesn’t really matter what you do, so long as you give yourself a moment away from the project.
  2. Go back to your thumbnails Sometimes we all need a quick trip back to the drawing board. Sit down and look through your thumbnails. If you need to, make a few more sketches for different directions. Stepping away from the computer helps your brain reboot.
  3. Consult with another designer Getting feedback and discussing your problem with another designer can help break the creative roadblocks caused by stress. If you don’t have another designer available, look up examples of similar projects and see how the problem was handled. It might give you the breakthrough you need. And of course…
  4. Don’t Panic!

Stressful deadlines are tough to handle, but making it work can make you feel like a superhero (Exact-o-Man?) and make for innovative solutions you probably wouldn’t have thought of without a little incentive. I wouldn’t say I want to be stressed out every day, but it’s definitely nice to feel Awesome once in a while.

Sneaking out of the building is still an option...

Of course, sneaking out of the building is still an option...

GD Star Rating
loading...
Opinions

Oneupweb : Twitter For The Rest of Us

Posted by Jess in Design, Opinions, Tools on January 5, 2012 - 9:46 pm

I must admit, even though Twitter has been a popular social media platform for quite a while now, I have never used it. At first, I just thought that it was silly to read people’s postings about what they had for breakfast. I never realized that it was more than that. Now I don’t use Twitter for a different reason: I’ve never understood how to. #whatintheworld does this mean?

However, I recently came across a really cool webpage by Jessica Hische, who calls herself an “avid internetter” and she is also an amazing letterer and illustrator. One of her side projects, Mom, This is How Twitter Works, explains the basics of how to use the social site in a really clear and uncomplicated way (plus, the fact that the text is entirely HTML, making it possible to view in any language, is pretty cool).

This makes me excited, because now that I know what I’m doing, there are lots of designers out there who maintain a pretty active Twitter account. Being able to keep up with Chermayeff and Geismar, Pentagram, AIGA, David Carson,  and of course, Jessica Hische, all in one spot? Yes, please!

GD Star Rating
loading...
Opinions

Oneupweb : Art and Design: A Love Story

Posted by Nicole in Design, Opinions, Trends on January 3, 2012 - 3:51 pm

I love art. I love painting, sketching, sculpting, scribbling and doodles on the sides of paper. To me, art is the greatest inspiration. When I’m stuck on a design, I turn to art first. Art and design have always fed from one another. Artists create trends that then create design trends that then create new artistic trends. Though in some cases there’s no love lost between the two fields (“Sellout!” cried the artist, “Stinky hippy!” screeched the designer), when the two come together and build off of one another, the results are remarkable.

There is at least one person in the crowd who thinks that art and design are the same (with my luck, there’s only one person in the crowd period, but we’ll pretend I’m a famous blogger for a moment). In fact, there is a difference. Those differences are message and audience.

How a message is conveyed is the key difference between the two fields. In art, the goal of a work is to be interpreted, in design, it is to be understood. All art is open for interpretation. Artworks rarely convey a perfectly clear message on first glance. (“Yes, but what does the fish eating the Cheezit goat statue mean?” she asked. “Oh, it represents the oppressive force of the Universe,” stated the artist. “Oh. Well. I can certainly see that.”) Graphic design, on the other hand, is the exact opposite. The goal of design is to send a message that is clear and easy to access. A designer’s motto should be ‘Don’t make them think!’ The faster and more efficiently the audience can reach the message, the better.

That’s the other difference. Audience.

Both audiences overlap, but the viewer’s mindset when approaching an artistic piece is wholly different from their mindset when approaching a designed work. A man standing in front of a painting expects to look for a long time to understand every aspect of a painting. A man standing in front of a poster expects to find information immediately. The needs of the audience dictate the goals of the field. When this same man runs into a poster that he has to stare at forever to understand, chances are he’s going to rip the poster into bits, then maybe feed it to his dog. Designers create for an audience demanding immediate information. Artists create for an audience that desires to draw its own conclusions.

Ultimately, artists create for themselves and designers create for others. Both blend into each other, whether through theft or collaboration, both grow together. Design would be lost without art, art couldn’t be the punk rebel without design and a good chunk of the world would be lost without the both of them (and yes, I really believe that).

- Pollock

Okay this one means... uh

GD Star Rating
loading...