Boutros AbiChedid

Portfolio Gallery

Welcome! This is my professional Web design and development portfolio. This is a minimalistic Website written only in HTML and CSS. No JavaScript, No Flash and No Headache. In this case, I don´t have to worry if the user has JavaScript or Flash disabled or if the user has the correct version of Flash. Most mobile users can´t see Flash anyway.

The portfolio shows the current large image in the center. You can preview/click the “previous” image to move backwards through the portfolio. Also, you can preview/click the “next” image to move forward through the portfolio.

The layout is flexible, meaning full screen width on the header and footer and 3 flexible columns in the middle. Resize you browser window and notice that it stays in shape, up to 800px in width.

Known Issues

  1. Firefox 4.0: Horizontal scrollbar appears when you hover over large images, except for the first image. This is not an issue in Firefox 3.6.
  2. All Browsers: Using the tab key to tab through the images messes up the gallery layout.
  3. IE8: The gallery keeps repositioning with every image load. This is corrected in IE8 compatibility view. Not an issue in IE6, IE7, or IE9.
  4. IE8: The text cursor appears at the top of the large images, except for the first image. Once you click on the top section where the text cursor is, the gallery layout gets messed up. This is corrected in IE8 compatibility view. Not an issue in IE6, IE7, or IE9.
Boutros AbiChedid Blog - Paper Wall theme.

Boutros AbiChedid -- Blog (Baseline Theme: Paper Wall)

My Blog using Paper Wall theme. This Theme has been extensively customized, fixed and modified: design, code, and with new features and functionality. The blog discusses topics related to WordPress, Web design, Web development, SEO and Internet Marketing.

Boutros AbiChedid Blog - Diary theme.

Boutros AbiChedid -- Blog (Baseline Theme: Diary)

My Blog using Diary theme. This Theme has been extensively customized, fixed and modified: design, code, and with new features and functionality. The blog discusses topics related to WordPress, Web design, Web development, SEO and Internet Marketing.

Boutros AbiChedid Blog - Clear Line theme.

Boutros AbiChedid -- Blog (Baseline Theme: Clear Line)

My Blog using Clear Line theme. This Theme has been extensively customized, fixed and modified: design, code, and with new features and functionality. The blog discusses topics related to WordPress, Web design, Web development, SEO and Internet Marketing.

Boutros AbiChedid Blog - Emplode theme.

Boutros AbiChedid -- Blog (Baseline Theme: Emplode)

My Blog using Emplode theme. This Theme has been extensively customized, fixed and modified: design, code, and with new features and functionality. The blog discusses topics related to WordPress, Web design, Web development, SEO and Internet Marketing.

Blue Olive Online. My current company´s Website.

Blue Olive Online Website

This is my current company´s Website. Website was hand-coded in multiple languages: XHTML, CSS and JavaScript. Photoshop was also used. Website is styled for the computer screen and the print media.

Saint Ann Maronite Church Website.

Saint Ann Maronite Church Website

This Website was hand-coded in multiple languages: XHTML, CSS, XML, and JavaScript. Along with Photoshop, and Flash/ActionScript.

Main entry Flash slider page of BAC Software Consulting.

BAC Software Consulting -- Flash Slider

Main entry page of BAC Software Consulting developed in Flash/ActionScript. Along with Photoshop, HTML and CSS.

Dynamic Flash Website of BAC Software Consulting.

BAC Software Consulting -- Dynamic Flash Website

This dynamic Flash Website allows for editing text and images without having to modify and recompile the Flash source file. All images and content are loaded from an XML file. Contact form is processed with a server-side PHP code.

Flash Website of BAC Software Consulting.

BAC Software Consulting -- Flash Website

This Flash Website was hand-coded using Adobe Flash CS3 authoring tool, along with ActionScript 3.0, XML and XHTML. Photoshop CS3 was extensively used for the images. Contact form is processed with a server-side PHP code.

Main entry Flash carousel page of BAC Software Consulting HTML Website.

BAC Software Consulting -- Flash Carousel

Main entry page of BAC Software Consulting HTML Website. This is a Flash carousel movie developed using Flash/ActionScript along with Photoshop, HTML and CSS.

HTML Website of BAC Software Consulting.

BAC Software Consulting -- HTML Website

This HTML Website was hand-coded using XHTML, CSS and JavaScript. Website is styled for the computer screen, print and the projector media. Also, this Website displays in “high-contrast” mode aimed at people with poor vision.

Kyoto Japanese Restaurant Website.

Kyoto Restaurant Website

This Website was hand-coded in multiple languages: XHTML, CSS and JavaScript. Along with Photoshop, and Flash/ActionScript. This Website is styled for the computer screen and the print media.

Osram Sylvania LED Signage Calculator.

Osram Sylvania LED Signage Calculator

This was a project for Osram Sylvania. It is a Web based LED Signage Calculator. JavaScript was used for the mathematical calculations. In addition HTML was used for structure and CSS for presentation (screen and print).

Solid State Lighting dynamic Website.

Solid State Lighting Website

This is a dynamic, database driven Website that interacts (read and write) with a MySQL database. The code is mainly written in multiple languages: PHP, HTML, SQL, CSS and XML.

Shopping Cart dynamic Website.

Shopping Cart Website

This is a dynamic, database driven Shopping Cart that interacts (read and write) with a MySQL database. This Website was hand-coded in multiple languages: PHP, XHTML, SQL, CSS and JavaScript.

Website about Lebanon.

Lebanon Website

This is an informational Website about Lebanon. This Website was hand-coded using HTML, CSS, and JavaScript.

Employee directory Website.

Employee Directory Website

This is a database driven, Coldfusion based dynamic Web application that interacts (read and write) with a Microsoft Access database. This Web application was hand-coded in multiple languages: CFML, HTML, SQL, JavaScript and CSS.

Flash picture Gallery.

Flash Picture Gallery

The code for this dynamic Flash picture gallery was written in multiple Languages: Flash/ActionScript, XML, XHTML, and JavaScript. Also Photoshop was extensively used.

Old Website of Blue Olive Online.

Blue Olive Online -- Old website

This old Website of Blue Olive Online was hand-coded in multiple languages: XHTML, CSS, JavaScript and PHP. Photoshop CS3 was also used. This Website is styled for the computer screen and the print media.

Byblos Rentals Website.

Byblos Rentals

Byblos Rentals Website was hand-coded in multiple languages: XHTML, CSS, JavaScript and PHP. Photoshop CS3 was extensively used. This Website is styled for all media.

Definition of Terms

  1. ActionScript: ActionScript, an object-oriented language used for the development of Websites targeting Adobe Flash Player.
  2. CSS: Cascading Style Sheets, a language that gives Web developers control over how Web pages are displayed.
  3. Flash: Flash, a multimedia platform used to add animation, video, and interactivity to Web pages.
  4. HTML: HyperText Markup Language, an authoring language used to create documents for the World Wide Web.
  5. JavaScript: JavaScript, a scripting language commonly used to add interactive elements to Web pages.
  6. MySQL database: MySQL, an open source RDBMS that relies on SQL for data processing.
  7. Photoshop: Photoshop, a graphics editing program developed and published by Adobe Systems.
  8. PHP: PHP, an open source, server-side, HTML embedded scripting language used to create dynamic Web pages.
  9. XML: eXtensible Markup Language, allows developers to create their own customized tags, enabling transmission of data between applications.