Skip to main content

PSD to HTML: First Try


This is my first PSD to HTML project. It was very challenging for me to do this one because I am not really used to coding CSS and HTML. Yes, I have knowledge but it was not enough yet still I tried it. It was successful, though. But my first try has problems with other browsers with regards to the alignment of some divisions and image.

So, I read some tutorials on how to create an HTML out of PSD files and I end up with this wonderful tutorial "How to Convert a PSD to XHTML".This is also to enhance my knowledge and learn some new things.

I recoded my page and finally created my final work. I tested it on 5 browsers; IE 8, Firefox, Safari, Chrome, and Flock; and it works perfectly fine.

I realized that I still have a lot to learn with regards to CSS and HTML. It was fun and excited for my next PSD to HTML project.

Comments

Popular posts from this blog

Call me `Alchie` coz it's sweeter

In our country, calling `Sir` or `Ma'am` someone in the position is considered to be respectful, more especially when addressing a teacher. These words are automatic titles and at times being demanded. I remember one incident, when I attended a team building of public teachers with a friend, I was reprimanded for calling a teacher `Auntie`.

I used to address those persons I don't know by these titles, every person I encounter, even to a tricycle driver in our village. I prefer "Sir" than "Manong" or "Pre" or "Bai". Maybe because I wanted to establish a certain degree of barrier between us, a boundary automatically present when using those words.

Personally, I prefer not to be called `Sir`, or any other endearment, to people I am acquainted with. It is as if we don't know each other when they call me by other names. I recall being upset when a close friend from high school suddenly called me "Bai", as if he suddenly forgot …

How to Block Videos from Loading in Youtube Using TP-Link Router

Make it look like a site error! We have number of computers at home. To be able to connect all the PCs to the internet, I network them. I bought a 16-ports Switch/Hub and a TP-Link router. We only have a 384kbps internet connection and when everybody in the family are connected to youtube, I could barely access facebook. When I tried to block Youtube, they were complaining that they couldn't access it anymore.

Today, I realized that you can block videos from loading without blocking the site. All you need to do is to block the video addresses directly. It will appear like there is a problem with Youtube without their knowledge that you have block it.

Here's what I did. Follow the steps carefully.

Step 1: Login to your TP-Link Admin

Default Address: 192.168.1.1
Default Username: admin
Default Password: admin

Step 2: Add New Target Setting

In this section, we are going to define what website to block. In our case, we will block not the homepage of Youtube, only the videos wit…

Bootstrap 3.3.5 Offline Guide - Chrome Extension

A made-easy offline documentation of Bootstrap 3.3.x for Web designers and Web developers.

This is an offline version of Bootstrap 3 documentation website. It is made-easy for users to navigate its contents and you can browse it on a separate tab if you want.

Changelog:
v3.3.5.4 - Improved Navigation
v3.3.5.2 - Added Options Page
v3.3.5.1 - Added Topic Search on navbar
v3.3.5 - Updated to Bootstrap 3.3.5 - Added Topic Search
v1.2 - Updated Navigation

Install Extension