a new perspective

Hi, My Name is Alex: The Design Craft of Beer

Sat, 18 May 2013 16:29:12 -0400

Hi, My Name is Alex: The Design Craft of Beer:

I’ve slowly been learning more and more about craft beers over the couple of months. Being a designer at heart, I began mix and matching six packs of the most captivatingly designed beer cans and bottles. It’s interesting to see the art of brewing a beer mixed with the art on the label. With that…

Photo

Wed, 15 May 2013 09:47:56 -0400

Photo

Wed, 15 May 2013 09:45:37 -0400

Toledo Mud Hens celebrate May The Fourth with Chewbacca Jerseys

Sun, 05 May 2013 16:45:25 -0400

teenagespankbank:

Happy May The Fourth!

While nerds across the country are loading in their collector VHS Wars tapes into their VCR’s, and sporting their original trilogy t-shirts, the Toledo Mud Hens are playing in Chewbacca game jerseys.

So fucking rad!

Love those Mud Hens

andticks: grossnational: Athens, Ohio - October 22nd,...

Thu, 02 May 2013 14:04:39 -0400

andticks:

grossnational:

Athens, Ohio - October 22nd, 1968

Photos by Ken Steinhoff

This is so weird.

designersof: Toys by Khoa...

Tue, 30 Apr 2013 09:00:17 -0400

designersof:

Toys by Khoa Ho

behance.net/khoaho

cargocollective.com/khoaho

————————
get your work featured by submitting it to designersof.com

nbcnews: Students hold Georgia school’s 1st racially integrated...

Mon, 29 Apr 2013 22:28:00 -0400

nbcnews:

Students hold Georgia school’s 1st racially integrated prom

(Photo: NBC News)

Almost half a century after the Civil Rights Act of 1964 outlawed racial discrimination in schools and other public places, black and white students in Georgia’s rural Wilcox County danced together for the first time at prom over the weekend.

Read the complete story.

Call me a sheltered Midwesterner, but I didn’t realize we still had such segregation in this day and age. I’m glad that we continue to make progress everyday. Love has no color.

dtraveljournal: Take a ticket stub or plane ticket or whatever...

Sun, 28 Apr 2013 14:54:47 -0400

dtraveljournal:

Take a ticket stub or plane ticket or whatever to kinkos, have them blow it up, print it on that fabric transfer stuff and make this pillow.

Photo

Tue, 23 Apr 2013 12:11:34 -0400

laughingsquid: Internet Archaeology, Preserving the History of...

Fri, 19 Apr 2013 19:34:17 -0400

laughingsquid:

Internet Archaeology, Preserving the History of the Internet

: Friday Freebies: Collection of free fonts - lV

Fri, 19 Apr 2013 14:41:43 -0400

: Friday Freebies: Collection of free fonts - lV:

thedsgnblog:

Stela Ut Typeface by Wete - Download

Sequi Typeface by João Andrade - Download

Vetka Typeface by Ruslan Khasanov - Download

Muchacho Typeface by Jeff Schreiber - Download

ALEO Typeface by Allesio Laiso - Download

…

Do Not Touch

Wed, 17 Apr 2013 00:13:38 -0400

Do Not Touch:

willjardine:

A neat concept for a site. (via Glasshoff)

Photo

Sun, 07 Apr 2013 12:34:34 -0400

himynameisalexmartinez: My First Responsive SiteJust this week,...

Thu, 04 Apr 2013 12:04:12 -0400

himynameisalexmartinez:

My First Responsive Site
Just this week, VoteVoiceOU.com launched. The project is a promotional site for a party running for Student Senate at Ohio University. I used the opportunity to learn more about how to design and then implement a responsive site. I’ll just list a couple of the things that stuck out most in my mind while building the site.

The Short-List

Here are a couple things I found very interesting:

Percentages: working with your layout, giving max-widths for container divs and then giving elements within different percentages helped when scaling the size of the window you’d view the site through (browser, iPhone, iPad, any kind of device). For example I really liked the mobile menu on Stuff and Nonsense that I also found through mediaqueri.es. Looking at how they used percentages, I was able to build the internal mobile menu for the Platform page

Hide (and Seek): When resizing the browser, it was important to think of how the user would interact with different devices with certain viewport sizes. On the Platform page, two different internal menus were designed to select which part of the platform you want to look at- one for desktop and one for mobile. When the viewport reaches a certain size, the desktop menu (appearing on the side) is hidden through CSS and the mobile version (appearing at the top) is shown (via CSS and jQuery depending on how far the user has scrolled from the top)

Up in the Clouds: After my partner on the project, Amrit Saini, showed me this Pure CSS3 Animated Clouds Background, I really wanted to implement the same animation on our homepage to go along with the illustrations of rolling hills and some of OU’s campus buildings. After looking at the code, I was able to modify the shapes of the clouds to go along with the style of my illustrations and then tweak the animation code to my liking.

Candidates Page: credit to the slick interface for viewing candidates goes to Amrit Saini. I initially saw this style on Mojotech’s people page and thought it would be a great way to organize Voice’s members. A two by two grid, the system allows you to click on a candidate and causes their frame to expand, revealing their bio. After Amrit showed me what he had put together, I thought he had just copied and pasted Mojotech’s code, but he actually hand coded the jQuery to enable its functionality. I was then able to go into the CSS to style the elements and set up media queries to make all of the candidate section responsive.

Learn as you go.

Throughout my first couple years in web development, there has been a lot of trial and error. The program that I’m in at school focuses on the design and storytelling of projects, but leaves much of the technical side of front-end coding/development to us. At first, I thought that this was a major disadvantage, but what I’ve learned is that learning by messing up a lot of code is the best way to go.

I started this project with some inspiration from UX London, I site I found on Media Queries, for the header and navigation. Looking at the UX London site as well as some others from mediaquer.ies helped me understand some basic practices and breakpoints for responsive sites. Also, I used Treehouse videos on responsive design to get me started.

The inspector in Google Chrome and Firebug in Firefox became my best friends for this project. Using those tools, it’s really easy to look at the HTML and CSS used to build sites and are also great for designing or modifying designs in-browser.

Conclusion

Whenever I’m working on a project that gives me some creative freedom, I like to not just build an end product, but use the opportunity to learn and try new things that I haven’t done before. This project let me take a swing at responsive design. Not only that, but I had some fun working on molding cloud objects in CSS and then animating them.