// Projects /

Cascading Style Sheets (CSS) are used to format many elements of well designed, modern websites. Tarek uses CSS for all of his web design and development work. The projects and tasks below all required the use of CSS.

Implemented 508-Compliant Version of AddThis

2010-08-03

The AddThis bookmark and sharing widget isn't 508 compliant out of the box, and using their suggested solutions provides a very reduced service.  To address the issue, I implemeted a fully 508 compliant version of their widget by working with some customized CSS and javascript code.  Just got the repot back from the government compliance review and they found no issues. 


 

New website with jQuery-powered Historical Timeline

2010-07-21

NCLD-Youth's website (http://www.ncld-youth.info), a site I designed and developed, was recently launched.  The site is managed via my custom content management system.

One compontent of the site is an interactive timeline about disability history.  The timeline was developed completely without the use of Flash, so it fully accessible, diplays on non-Flash supported devices like the iPhone, and prints nicely.  It uses plain old XHTML, CSS, and javascript (jQuery).


 

Email Newsletter Design for Federal Project

2010-05-17

Oversaw the design work for a new HTML email newsletter for a federal government project.  A junior designer developed the first set of comps.  I revised those comps for final delivery to the client.  I also developed the email marketing strategy including the mailing schedule and content. 


 

Custom Media Console for Video, Audio, and Photos

2010-05-15

Designed and developed a custom media console to match the branding of a client's site.  The conosole launches using ColorBox, a jQuery plugin.  Video (mp4, mov etc) and audio (mp3) are played using a custom branded FlowPlayer plugin.  The console provides a photo gallery effect for images.  The console also features AddThis functionality that allows users to easily share individual video and audio clips, as well as photos.


 

Federal website launched

2010-02-01

Launched a new Federal website. I was responsible for many components including requirements gathering, information architecture, design oversight, and co-development. 


 

Launched Redesigned Website for Foundation Client

2009-12-17

Finished design and coding implementation for a site that I originally developed in 2007. The site is for a project of a large U.S. foundation.  Sample and reference available upon request.  The site is built on my custom content management system.


 

Finished Front-End HTML and CSS for Government Website

2009-12-15

Serving as lead developer and project manager for project to overhaul a U.S. government website.  The design and initial coding work was outsourced, but the outside vendor solicited my help in fixing problems with the site's homepage carousel.  I successfully fixed the HTML/CSS problems, converted the delivered files into templates, and initiated the content-loading phase of the project.  i'm now overseeing coders prepraing the content and ensuring that all final pages are 100% valid and section 508 compliant.


 

Website Launched: www.worryfreelawns.com

2009-09-23

Launched newly designed and developed www.worryfreelawns.com.  Looking forward to Phase II, when I'll work with the client to build in features to help them communicate and interact with their customers.


 

Website Meetings and Events Page Overhaul

2009-08-12

Completed a major "renovation" of the Meeting & Events section of a client's website. The visually redesigned section dynamically displays upcoming events in several different event categories and highlights quotes and photos from past events. The event data is fully integrated with my custom content management system (CMS) and is easily updated by my client's staff.


 

Email Newsletter Design

2009-08-05

Designing an email newsletter template for a client. I'm building off the branding work that I did for their website. The newsletters will be distributed using iContact, which I set up for the client.


 

New Branding = New CSS

2009-07-08

Updating the CSS and imagery on a client's site to reflect their organization's new branding.


 

More IE6 Fixing

2009-07-07

Troubleshot and fixed an Internet Explorer 6 CSS design problem on www.rti4success.org. I relied heavily on the IE Developer Toolbar. (The site was originally developed by a third-party firm.)


 

Fluid Images

2009-06-23

Provided a solution for a fluid page design that needed several images to resize with the design. Provided new CSS markup that worked in IE6, as well as all other current browsers.


 

E-Mail Newsletter Design

2009-06-20

Designed and implemented a new email newsletter for a client looking to improve marketing of their research publications. The new design features eye catching typography, images, and a modest amount of text to help improve open and click-through rates. It renders well in Outlook and Gmail with only minimal design loss (fixoutlook.org and www.email-standards.org).


 

Section 508/Accessibility Audit

2009-05-14

Conducting a Section 508 / Accessibility audit for www.ncwd-youth.info.


 

Cross-Browser Compatability Tests and Solutions

2009-05-12

Tested a client's new (third-party) website for compatability with Internet Explorer 6 (IE6) and current browsers on PC and Mac. Implemented several fixes to make the site fully IE6 compatible.


 

Website Display Optimization

2009-05-12

Revised a client's HTML, CSS, and graphics to optimize it for a display width of 1024px instead of the previous 960px optimization.


 

QA Testing of New Website and Joomla Backend

2009-05-06

Conducted QA testing on both the third party developed front-end and customized Joomla CMS back-end for http://state.rti4success.org.


 

Westmoreland Website

2009-04-22

Launched the Westmoreland's new website: www.westmorelandcoop.com. I enjoyed coming up with a design that reflects the apartment building's character and history in Washington DC.


 

Custom Search on Google Search Appliance

2009-04-01

I integrated a custom site search run on a Google Search Appliance for the Member's Only Section of the National High School Center. The search indexes only the private section of the site and is only available to authenticated users. I also designed a simple front end interface for the search and search results.


 

Conference and Event Registration System

2009-03-01

For NDTAC, I deployed an event registration and content management system (CMS) that I previously developed for another project. As part of this work, I designed and developed a custom conference registration page based on the client's mock up. NDTAC can now easily create their own registration pages for an unlimited number of events. The system builds a custom registration form for each event, collects registrant data, sends registration emails, and allows NDTAC to track, update, export registrant data.


 

Huge Website Overhaul for Federal Technical Assistance Center

2009-03-01

Serving as technical advisor and co-project manager for the redesign and development of a very large website--about 750 unique pages. Directly managed a team of web support associates that were responsible for coding in the content.


 

NAEP-ESSI Newsletter

2009-02-15

Building off my recent design work for a new NAEP-ESSI website, I developed a companion newsletter design and template. I also set up an account for the organization with iContact so that staff can create and blast their newsletters every month using the new template.


 

Update for Federal Data Portal

2009-02-01

Updated NDTAC's Fast Facts (a web portal that I originally designed and developed several years ago) with new data collected by the federal government.

See http://www.neglected-delinquent.org/nd/data/fastfacts_SP1.asp.


 

Added Mail Personalization to Event Registration System

2009-01-15

My custom developed event registration system now allows administrators to include personalized information (e.g., the person's name or job title) in their confirmation messages.


 

New Website for NAEP-ESSI

2009-01-07

I finished the design and development of a new website for NAEP-ESSI. It was launched in mid-January, although the organization is still entering content in many parts of the site.