The Michael Garcia» News

Nettuts+ Author

admin — Mon, 27 Apr 2009 18:36:44 +0000

I recently had my first paid tutorial published for the website Nettuts.com. Nettuts+ is a website dedicated to online tutorials related to web development. Tuts+ is a network of tutorial sites that feature much more detailed and high quality tutorials than most other sites.

The topic I wrote about in the tutorial was playing video on the web using open source software. Check out my tutorial.

Jquery Slider Tutorial

admin — Tue, 03 Mar 2009 20:52:48 +0000

When designing my portfolio in Photoshop, I needed a way to feature my latest work on the index page. I solved this with the design of the current slider on the homepage, however needed to write the javascript for it. The javascript library I have been using is jquery, which helps because there are many example sliders.

Most of the code written for the jquery slider I used can be found in this tutorial, called Coda-slider. One of the main problems I had was that the slider wasn’t internet explorer 6 friendly. Check out my version of the jquery slider by viewing the source code.

New Web Portfolio Launched!

admin — Wed, 28 Jan 2009 00:10:48 +0000

Welcome to the redesigned portfolio of Michael Garcia. This website is to be used as a portfolio in order to display the skills and talents of Michael Garcia. Currently I am focused on freelance web design and logo creation.

This portfolio was designed in Adobe Photoshop and coded using Textmate. Although the portfolio is only three pages, the posts are managed in Word Press. Also some of the additional features are implemented using jquery.

Prettyphoto: A simple photo viewer

admin — Tue, 27 Jan 2009 05:00:07 +0000

When designing my new portfolio website, I decided to stick to the javascript library jquery. This meant I needed to find a lightbox clone of some sort. Lightbox is a javascript powered photo viewer. It is used to display large images in a user-friendly way.

I choose to use PrettyPhoto because it was supported by all browers, and included a small file size for quicker page loads. Although the default styled photo viewer is ugly, it is easy to modify. You can find my implemented photo viewer on the portfolio page.

ie6 Transparency fixed with DD_belatedPNG

admin — Wed, 09 Jul 2008 22:31:17 +0000

I always choose to support ie6 even though it can be a headache. One of the many problems with ie6 is the lack of transprency support when using .png files. I read Nettuts article on suggested solutions.

The solution I ended up using was the DD_belatedPNG fix. I highly suggest the Unit PNG fix because it is the easiest to use. Although, I had to use the DD_belatedPNG fix because Unit PNG fix didn’t play well with my javascript slider. The only hard part about the png fix I used was I had to manually list the DIVs I had .pngs inside. Feel free to check out the code in the head of my website.