Burgers 101!!!!!

Recently my friend and I had a discussion about our favorite burgers. Heres a list of my favorite burgers and where you can find them.

Number three: Fat Mo’s Deluxe Burger with Grilled Onions, Mushrooms, Bacon, B-B-Q Sauce, and Jalapenos. No image of the burger available, but here’s a picture of the location where the magic happens.

Fat Moe's Franklin Branch

And number two: Burger Republic’s the Classic with american cheese, lettuce, tomato, red onion and on a toasted brioche Bun. My friend wrote a review called the best burgers in Nashville, go read it if you want to know more about Burger Republic.

The Classic

And number one, drum roll: Burger up’s Ramsey Pimento Cheese burger, with pimento cheese, pickles, red onion, bibb lettuce.

Screen Shot 2013-08-13 at 3.46.40 PM

Summer entertainment in Nashville

There are many activities to do during the summer in Nashville. The hiking trails, parks and many other outdoor activities are abundant around Nashville, go outside and enjoy the sunny days with your family and friends. Here are my favorite parks in Nashville: The GreenwaysCentennial Park, and Radnor Lake. If you like water parks Nashville shores is a fun water park for the whole family, here’s a review of Nashville shores.  Nashville is the home of country music, the Opryland and Grand Ole Opry area is definitely a great historical area to visit. For more information about restaurants and other entertainment in Nashville visit NashvilleNashville.com 

Summer entertainment in Nashville

 

Internship Week 7

This week I learned the about the importances of making specific fields in forms, and I learned a fast way to get all the images from a composition using Adobe Firework.

Form are awesome, they provide a fast and easy way to get information from perspective clients, they can be used to conduct survey, or get feedback from website visitors. There’re several free forms that you can incorporate into any website: You Hack Contact Form (Free download/with how to), Net Tuts contact form (Free download/with how to), Contact Form 7 (Free wordpress), and Gravity Forms($39 for single form/$199 unlimited forms /wordpress). The project I’m currently working on uses a multi page setup and gravity forms offers the most comprehensive and easy to use setup. The amount of customization in Gravity form is unlimited, just make sure to turn off the automatic Output CSS, under the forms setting.

This week I was assigned the task of slicing all the images out of a composition. I started using Adobe Fireworks to create wireframes and mockups  for websites, I knew there was a slicing system like the one in Photoshop. so, I decided to find more about it, I found this how to on Adobe’s website. It’s a how to on all you need to know about slicing images on fireworks. I used it and found it to be easier then the ones in Photoshop and illustrator. Select the areas you want to export as an image using the slice tool or the polygon slice tool and export the images and done. Yes, it’s really simple. Screen shot 2013-02-27 at 11.45.51 AM

 

Internship Week 6

This week I learned how to test mobile websites using Keynote Mobile Internet Testing Environment (Mite) program, and I helped set up  multiple galleries using a sprite sheet.

Keynote Mite is a program used to test, present, and trouble shoot errors. It contains all the major mobile browsers, and a huge list of phone profiles (emulators) to test for/on. The downside is that it’s only available for pc, download it at Mite.Keynote.com

Keynote-Mite

I also had a lot of fun learning how to set an image sprite. By combining multiple images into a single image and then displaying only the area of the image needed,  save bandwidth and graphic memory by downloading on one file from the server. We used this technique to display a large list of images (118px X 118px). Here’s a great tutorial from CSS-Tricks that goes step by step on how to use sprite images, the only thing they don’t specify correctly is how to make the sprite image, so here an image of the one I created. it’s basically all the images in a grid with a two pixels space in between. I used adobe Fireworks but it can be created on illustrator and photoshop as well, but Fireworks has an image location widget which helps determining the x and y-postions of the images within the sprite sheet (bottom left).

Screen shot 2013-02-20 at 12.26.28 AM

 

Internship Week 5

This week at my internship I learn about the steps for setting up a multi page form using Gravity forms. We are currently working on a website that requires four different multi-page forms, each one of the forms has a layout out which make it hard to code. Here’s a before and after image of the middle pages:

formBeforeAndAfter

 

I gave the field of the title a background and then gave it a position to give the tile space.

#field_5_18 {
background: url(../images/form-worldMap.png) no-repeat 30px 120px;
width: 800px;
height: 840px;
}

To separate the radio buttons from the title and give the map area to show i used the following code:

/*padding for the check boxes */
     #input_5_18 {
padding: 360px 0 0 0;
}
#input_5_18 .gchoice_18_1 {
     width: 60px;
     height: 30px;
     margin: 0 20px;
    background:#d5d5dc;
}
I had a lot of fun learning about forms. Being able to customize a form to match the design of the website is a great skill to have.