Thursday, February 26

Student Interns Positions for Summer 2015 in Boston Area have March 5th Deadline

For  communications students who may be interested, Boston's Dana-Farber Cancer Institute is seeking interns.
The Dana-Farber Communications Department is seeking editorial, interactive, photo, video, and media relations student interns for summer 2015. To apply, please send your resume, cover letter, and 2-3 writing samples (or visual samples for photo/video positions) to by March 5. Interns must be able to receive course credit for their internship.

Additional information about the Dana-Farber Cancer Institute is available on their website.

Wednesday, February 25

Photoshop Tutorials and Web design

Hi everyone,

Do you need to learn how to use Photoshop, or maybe just brush up on your basics? Well Six Revisions has the one stop shop of basic Photoshop tutorials all available for free!

The links to these tutorials are available at

These tutorials include, how to retouch photos, an overview of the painting tools available, understanding how to use layers, and more.

Six Revisions also has other free tutorials for web developers and designers to use. Such as the Google Chrome DevTools, JavaScript, CSS, Meteor, and many many more.

For the designers out there they also have an entire library of free icons, design templates, and UI kits.

Best of luck,

Joel Tylecki

Tuesday, February 24

Super CSS Lesson 1: Intro to WebKit

Hey guys, Nate "Top Dog" Tlaseca here. Today, I'm going to teach you about a little feature known as WebKit and how it can help make your website beautiful.

What is WebKit?

WebKit is a web browser engine used by browsers such as Safari and Chrome. You can make use of WebKit features such as animation, transform, transition, and more through the use of the -webkit prefix in your CSS. Other browsers have the ability to use WebKit features, but use their own CSS tags to ensure browser compatibility such as -moz for Firefox, -o for Opera, and -ms for Internet Explorer.

All WebKit features will (most likely) use the same -webkit prefix once they leave the experimental phase and are implemented in the browser, but until then, you should always use each vendors custom prefix to make sure these cool features work. For our first lesson, I'm going to show you how to use -webkit-transition and -webkit-transform, two features that have lots of applications and are fairly simple to use.

Set Up Your HTML Page

Typically, you would put your WebKit styles in a CSS file, but for simplicity, we're just going to use the style tag in the head of the HTML page. Your basic HTML template should look something like this:
Great! Now, let's insert some text within the style tag to create a WebKit transition.

Creating the Styles

We're going to create a basic box to demonstrate the -webkit-transition feature. Here's what mine looks like:
.box {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #333;
  -webkit-transition: width 1.5s, height 1.5s,
  background-color 1.5s, -webkit-transform 1.5s;
  transition: width 1.5s, height 1.5s,
  background-color 1.5s, transform 1.5s;
.box:hover {
  background-color: #FF8888;
Let me explain each part for you. First, I created a class of .box so that I can assign a div in the HTML's body a class of .box later. This will allow us to apply these properties to the div.

Next, using the -webkit-transition tag, I defined what I want box to do once the WebKit function is activated. The width, height, and background color will change over the course of 1.5 seconds, and the box will also transform (in this case it will rotate) by an amount that I defined in the next segment.

See how transition follows -webkit-transition? This is the browser compatibility I was referring to earlier; transition is the shorthand method of writing -webkit-transition, -moz-transition, etc. For this demonstration, I'm only using -webkit-transition to cut down on the length of the code.

Finally, .box:hover determines what I want the page element to do once I hover over it. Notice how I have a line corresponding to each property following the -webkit-transition property. Once I hover over the box, the box will switch from using the properties under the .box segment to the properties under the .box:hover segment. You can use :hover property without using WebKit features, but the WebKit features will give more interesting results. We'll take a look at the final result after one more step.

Creating a <div>

This portion of the demo is really simple. All you need to do is insert <div class="box"></div> after the <body> tag, like so:
 <div class="box"></div>
And that's it! Save your HTML file and open it up in the browser. Hover over the gray box below to see it in action. 

I'll be back next month for a new edition of Super CSS. See you then!

Unlock Your Inner Creative Genius

Hi guys!
I know the range of students working here at the SMDC is pretty vast, but no matter our expertise, we are all creative everyday as we go about solving problems. A friend recently asked me about my personal creative process as a designer/art director, and I shared this post with him to help explain one of the ways to go about "being creative." You should all check out this article that breaks it all down into a few simple steps. This process can be applied to an infinite amount of problems we come across daily including: your SMDC semester project, helping a student with an issue you may be unfamiliar with, brainstorming research paper topics, starting a fundraiser.. The possibilities are endless!

Monday, February 23

Classes and Location of Resources

Hi Everyone.

Have you ever had a student come up to the desk and ask where their class is being held?

Well there is an easy way to check. If the teacher has reserved a computer lab on the ground floor (Room A or Room B), you can click on the reservations tab and see if there is a time slot reserved with that persons name and or class name. Also just a little reminder that the Viewing Room is through the doors of the Film and Video Collection and back to the left.

I know these are things that most of us probably already know, but it seems we have a lot of students come to the desk with this question. This is just a friendly reminder.


Friday, February 20

A Clockwork Apple


Greetings iComrades,
Ever since the great revolution of 2015, our glorious iNation has been striving to implement the greatest and most individualistic technology possible. As we are the true home of Macxism, we must shine as an example of human progress for the entire world. Once the technological paradise is achieved here, our example shall spread to the rest of the planet until all the world is a Macxist utopia.

Recently, our daring scientists in the State Bureau for Progress have released the newest version of the Mac operating system, Yosemite. Because our dear leader cares so much about you, and wishes to treat you all as members of his iFamily, he wishes to explain why he has blessed you all with this startling innovation.

As part of our drive to make sure that everyone is an individual, and as creative as possible, we have decided that it is in the interest of everyone that all collaboration between individuals should be as limited as possible, particularly amongst anyone who refuses to upgrade to the newest operating systems. While the Yosemite operating system has many improvements to help each and every iCitizen contribute to the destiny of the iPeople, it was primarily for the reason of limiting collaboration that we introduced Yosemite.

The Maverick operating system, itself a technological marvel in its time, is in the past, and as Macxism always keeps marching forward, so must we leave Maverick behind. All reactionaries who attempt to edit movies on it AND Yosemite are barred from editing their iMovie projects in Maverick ever again, as we believe that this indicates a refusal on the part of those same reactionaries to progress and fully embrace the iEthics which must be unceasingly obeyed by every member of our iState, so that Macxism's bright future is secured. Anyone attempt to open an iMovie file in Maverick after using it in Yosemite will be blocked, and the iCitizen who attempted it will be referred to the Ministry for State iSecurity by the officers of the Ministry of iTruth.

Remember, iComrades, anyone who refuses to use the latest version of the Apple operating system for all of their iMovie needs does so out of a reactionary, traditionalist hatred of change and should rightly be suspected as an agent of the Microsoft Imperialist barbarians. If you see these same people using a computer with the Yosemite operating system, they may be spreading Microsoft lies to slander our great state. Do not let them do this, iComrades!

Also, to the students at the Steve Jobs Memorial University, we remind you to vigilant of any iCitizen using a Microsoft product. The iCitizens are not hip, we repeat, they ARE NOT hip, nor do they realize the incredible value that our company creates for our glorious state. As such, anyone who fails to report any usage of a Microsoft product will be treated as if they had used a Microsoft product itself.

iComrades, you have been warned.

Praise be to Jobs

New Equipment at the SMDC: Portable Power Kits

Small enough to fit in your hand with one AC outlet and 1 USB port.
Do you have class in a giant lecture hall? Is your laptop cord just to short to reach the wall? Are other people just hogging up all the outlets? Well worry no more! With the new Portable Power Kits, anything is possible.
It's almost like living in an informercial!
The Power Kits are a small portable charger that will allow you to charge laptops, phones, and other devices that can be connected via AC outlet or USB port. These kits can be borrowed for 4 hours at a time and will make sure you never end up with a dead device again! So come to the SMDC and harness the power today!
...but not like this. This looks very unsafe, we would never do that to you. Promise<3