My name is saif

I'm a Web Developer, a Javascript fanatic, and an enthusiast for anything that makes websites work better. I love web development, whether its starting with a blank Notepad document and turning it into a fully functioning website, or writing a complex Javascript web application utilizing various design patterns to ensure my code is clean, reusable, performant, and rescalable. At my current job, I focus on creating consumer-facing functionality in the form of web sites and web apps. Have a look at the portfolio section to see some of the projects I've worked on.


CafePress Product Designer

The CafePress Product Designer allows designers to fully customize their products with an intuitive drag and drop interface. It lets users shift, scale, or select preset options to fit their design perfectly onto their products, ensuring every product is exact to their liking.


Target PhotoPrints iOS App

The Target PhotoPrints Mobile App allows users to upload a photo from the gallery or camera on their iOS/Android devices and instantly have their photo prints available at a Target location nearby in a matter of hours.


CafePress Responsive Website

The CafePress.com responsive website project included redesigning and coding the whole user buy flow – Home Page, Search Results, Department Details Page, Product Details Page, Cart, and Checkout to work on Desktop, Laptops, Tablets, and Mobile phones with one code base.



+ Currently Viewing CafePress Product Designer
+ Currently Viewing Target PhotoPrints App
+ Currently Viewing CafePress Responsive Website
+ Currently Viewing CafePress Members Redesign
+ Currently Viewing Fanto Responsive Website
+ Currently Viewing Portfolio Site 1.0
+ Currently Viewing Resume App
+ Currently Viewing American Apparel New & Now
+ Currently Viewing American Apparel 15 Year Timeline
+ Currently Viewing EnviroLife Website
+ Currently Viewing Gift And Photo E-Commerce Site
+ Currently Viewing JeT'aime Website
+ Currently Viewing Vampire Vineyards Underworld Contest

CafePress Product Designer

Tags: Javascript, jQuery, Ajax, REST APIs, Web App, HTML5, CSS3, Image Editing.

The CafePress Product Designer allows designers to fully customize their products with an intuitive drag and drop interface. It lets users shift, scale, or select preset options to fit their design perfectly onto their products, ensuring every product is exact to their liking. Once edited, the user can preview their modifications on the product, choose color options, then save to have their customized product instantly available on the CafePress marketplace or their shops.

Engineering wise, the Product Designer needed to work with over a 1000 product types and millions of designs - each with unique dimensions and orientations. This involved a lot of math to ensure what users saw on their screen is exactly what the finished product looked like. On the client side, I needed to hit multiple CafePress APIs to get the information needed - One for the user uploaded design information, another for the product print area and bleed edge information, and one for the color availability for the product. I used the object literal Javascript pattern to cleanly organize the information from these APIs, as this data would be needed for saving the product. I used percentages, offsets, and positions to get the user modified data, calculated the numbers against the original service data to get the final numbers that the product rendering and product creation/save API would accept.

One of the most challenging parts was giving users as much control as possible, while respecting the limits of CafePress’s imaging and printing restrictions. This was solved by using drag functionality, but writing custom methods which checked the drag positions versus the print area restrictions, and snapping the image back into bounds, while giving users tooltips to explain the restrictions in easily digestible portions. I also leveraged both browser and JS caching to keep the number of calls minimal, and give users the feel of a quick, extremely responsive, easy to use app. The code is completely scalable and modular, allowing it to be used in any section of the site.

Project Stats: ~3 months from concept to launch, ~1000 lines of Javascript, 6 JSON APIs.

Target PhotoPrints Mobile App

Tags: iOs, Android, Phonegap, Cordova, Javascript, jQuery Mobile, Ajax, X-Code, Android Studio, Genymotion.

The Target PhotoPrints App was a freelance project done for Target. The App allows users to upload a photo from the gallery or camera on their iOS/Android devices and instantly have their photo prints available at a Target location nearby in a matter of hours. Upon launching the app, the user is presented with a list of Target locations - either nearby or near an entered zip code. After selecting the location, the user can upload multiple photos from their gallery, select the sizes they want those photos printed in, and confirm the order to have it ready to be picked up at Target.

The App was made using jQuery Mobile and hand coded Javascript/jQuery using the revealing module pattern, then wrapped using Phonegap. We required a custom plugin to allow users the ability to upload multiple photos at once, along with using Phonegap's Camera, File Transfer, alerts, and Geolocation plugins. I also utilized the HTML5 Geolocation API when available to let the app function if permissions were denied. The app used a RESTful JSON API in conjunction with Google Map's API to get the Target store locations & photo printing sizes available at each store. Once the user selected the images, we needed a custom API to upload the images to the cloud and return the pertinent data about the images such as the dimensions, file name, and file size which would then need to be sent along with the order details in the final step.

Project Stats: ~1.5 months from concept to submission. Single codebase for iOS and Android. 5 native and custom plugins.

CafePress Responsive Website

Tags: Responsive Design, Cross-Device Development, Mobile Optimization, CSS Animations, Mobile Performance, Fluid Width.

CafePress.com is an E-Commerce store with over 10 million visits a month, over $10 Million in revenue monthly, millions of products, designs, and members. With visits from mobile rising dramatically, we were presented with 3 months, with only 2 Front end developers to design and develop, a mobile friendly version of the site. Instead of attempting a mobile version of the site, we decided to redesign and re-code a fully fluid buy flow, able to work on any device regardless of its width, height, pixel density, or orientation.

The pages included in the redesign covered the whole user buy flow – Home Page, Search Results, Department Details Page, Product Details Page, Cart, and Checkout. I used essential responsive design and fluid width principles, using percentages for widths and margins, ems for font sizes and minimal pixel declarations.

Performance was a key factor in recreating the buy flow. I didn’t just want a site that looked good on your phone, but one that also loaded quickly, and was easy to interact with. This was achieved by:

  • Using the TranslateZ hack to make animations smoother by pulling them into the GPU.
  • Leveraging Ajax and client side templating (handlebars) to have the page load instantly then bring in ancillary content after page load and scroll (using a de-bouncer ofcourse!).
  • Using the parent-display-none trick to prevent unnecessary images from being loaded on mobile views.
  • Utilizing matchMedia to conditionally load or not load various Javascript files and third party pixels.

Project Stats: ~3 months, 7 pages, 2 developers from design to launch. Increased mobile conversion rate significantly. Reduced homepage weight from 2.4MB to 1MB (700kb on mobile).

CafePress Members Area Revamp

Tags: Javascript, HTML, CSS, Facebook API, Web App, Dashboard, Customization.

The revamp of the CafePress members area offered innovative new functionality for members to completely change how they use CafePress to manage their shops, designs, and products. Along with a fresh new look, the members area redesign gave users a Dashboard – A feed based landing page which let them conveniently monitor their sales, views, orders, and public facing details. Outside of Dashboard, we created new pages to manage, update, add or delete new designs and products; A public profile page – a home to easily view all designs by a member; Follow, Like, and Comment functionality to allow users the ability to follow their favorite designers and be notified ( through dashboard or email ) when they post new designs or products.

I took the opportunity to not only add this new functionality, but to remake the members pages from the ground up, using HTML 5 semantic code, Javascript code organization through the revealing module pattern, as well as custom plugins to allow the functionality to be scalable to other parts of the site. Nearly every section utilized AJAX with JSON and client side templating to provide a fast, dynamic experience without having to reload any pages, giving the users an app-like feel.

The project contained numerous smaller projects, and encompassed a large amount of functionality, from creating a mini Facebook and Twitter to Bulk editing capabilities allowing users to upload, create, rename, and tag a large amount of designs and products at once. This was one of my earlier projects at CP, and I used to opportunity to introduce a technologies that became a standard for the company, such as Object Oriented Javascript, HTML5 semantics, Graceful degradation with polyfills, client side templating, Ajax based data refreshes utilizing JSON, and fluid width responsive design principles.

Fanto Responsive Website

Tags: Responsive Design, Fluid Width Coding, Responsive Carousel, HTML5, CSS.

Fanto is a one page responsive website showcasing the iOS Photo retouching app Fanto. Having the opportunity to work with the designer from the ground up allowed me to optimize the site and create a layout that fully lended itself to be completely responsive, without using hacks, display:nones, or other 'retroactive' responsive techniques. While it was still designed to be desktop down instead of mobile first, mobile was always kept in mind as the site advertises an iPhone app. For techniques, I stuck to using percentages and ems instead of pixels, and chose the breakpoints based on the content rather than device widths. While the requirement was still to have the site adapt to phones, tablets, and desktop, making it fluid instead of simply responsive is much more futureproof and automatically adapts to devices of any size.

Portfolio Site 1.0

Tags: Ajax, Javascript, jQuery, HTML5 History API, Google Maps API, PHP, HTML, CSS, Photoshop.

For my new site design, I wanted not only something that would allow me to display my portfolio pieces, but to build a site using the emerging technologies I'm interested in using. The site is coded to be fully dynamic, and could easily be implemented into a CMS. The navigation is also done through AJAX and the use of HTML 5 push and pop states to reduce loading times but still allow for traditional navigation and deep linking, providing a seamless experience. I also wanted to challenge myself and avoid using plug-ins, though they could have shortened the development time.


  • Fully functional AJAX Navigation - The page is never reloaded, only the content requested is fetched. Uses HTML 5 push and pop states to allow for deep linking and default browser functionality such as back and forward buttons.
  • Dynamic Navigation Menu - The top navigation requires no additional code to add sub menus. Simply adding a sub menu item will add the functionality such as the diagonal arrow, hover states and drop down menus.
  • Dynamic Skill Widget - The Skill widget is fully dynamic, and simply entering the number into the CMS will render the appropriate HTML and CSS.
  • AJAX Contact Form - Submit a contact inquiry without navigating away from the page.

American Apparel New & Now

Tags: HTML, CSS, Javascript, ASP.NET, Interactive Data, bxSlider, FancyBox.

The redesign of the New & Now American Apparel page required a large amount of pre planning. The page needed to be updated daily and switched through hundreds of images. Functionality wise, I decided to populate the page using an ASP script that grabbed the assets from a folder on the server instead of hard coding the image paths in Javascript as the site had done thus far.

The page was first coded using HTML and CSS to create the layout, then ASP to populate the images and pass them into the Javscript, which then uses bxSlider to create the sliders.


  • Cross browser and IE7 compatible coding.
  • Dynamically generated content to allow Store Managers to update assets directly.

American Apparel Fifteen Year Timeline

Tags: Lazy Load, Asset Management, CSS, HTML, Javascript, bxSlider, Lightbox.

For American Apparel's 15 year anniversary, we needed a convenient way for the user to view over 300 assets including videos, articles, pictures, and such. The Timeline was a way to fit a large amount of content in a relatively small, lightweight app. We accomplished this by loading assets as they were requested rather than all at once, appending them to the DOM after user action. The app was developed by a team of three front end developers and a designer.


  • Small footprint, compact app compatible with American Apparel site requirements.
  • Over 300 assets, loaded only upon user request.
  • Cross browser/device compatibility.

EnviroLife Website

Tags: HTML, CSS, Javascript, jQuery.

Envirolife was one of my earlier projects, and was done using very basic HTML and CSS to create a pixel perfect rendetion of the designer's original comp. The site relies more on image elements than CSS because of this, but still accomplishes the goal of providing the client with a functional site complete with a sliding header and a sliding webcam feed. The HTML and CSS was kept as semantic, clean, and minimal as possible at the time.


  • Pixel perfect scalable coding.
  • Main fading header and controllable webcam mini slider.

Gift & Photo E-Commerce Site

Tags: Magento, CMS, Templating, PHP, HTML, CSS, Javascript.

Gift and Photo, a retail store that's been open for over 15 years wanted to establish a presence online without spending a lot of money. They needed something that would be easily maintainable without the need of hiring any tech people, as the business is a small family business. I decided to use Magento as it is open source and has free to use plug ins. The site features the full product line as well as the ability to add categories, products, new specials. Features:

  • Magento E-commerce site with user experience motivated themes.
  • Add-ins to improve the shopping experience such as AJAX shopping cart addition.
  • Bright design to convey the feel of the beach.
  • Clean and simple logo design.

JeT'aime Website

Tags: HTML, CSS, Javascript, One-Page Site, E-Brochure, Photoshop, Design.

When Vampire.com wanted to reinvent it's JeT'aime Brut Rose Sparkling Wine, they needed a clean and simple website that conveyed the elegant feel of the product. The website is a simple single page site, with an intro page which I coded as a simple overlay to help with SEO but detail needed to be paid to ensure the page rendered exactly as the design, across multiple browsers. The actual content is always visible to search engine crawlers and the site uses a small amount of assets, achieved by using as much system text as possible, including the CTAs.

Resume App

Tags: HTML, CSS, jQuery Mobile, jQuery, Phonegap, Cordova, Web App.

Using jQuery Mobile, I created a Mobile App/Mobile website version of my resume, which behaves completely like an app and could easily be transitioned and submitted to iTunes or android market as a fully functional mobile application. The site uses jQuery transitions to function more like an app than a web page, but can still be viewed on a mobile browser for illustrative purposes, though to get the full effect, it is recommended to view from a mobile device. Features:

  • Design for mobile - Large buttons, transitions, easy access to information regardless of screen size.
  • jQuery Mobile functionality - Built to adapt to all mobile environments and scale content appropriately.

Vampire Vineyards Underworld

Tags: Design, Web Forms, PHP, HTML, CSS, Javascript, jQuery, noSql.

The contest was done in association with Sony Pictures to promote both Vampire Wines and the release of the movie. The page needed to be created last minute due to legal restrictions and thus was bare bones. We needed to ensure a large amount of entrants were sorted into tables and properly archived for access by both companies. The contest is now closed however and cannot be fully displayed due to legal restrictions.


Download: Word | PDF
Technical Skills
Proficient In:
  • HTML, CSS, Javascript/jQuery, Responsive/Fluid design, JSON, AJAX, Phonegap/Cordova, Client Side Templating, Perforce/GitHub/Version Control, Dev Tools/Firebug, Adobe Creative Suite.
Knowledge of:
  • CSS Preprocessors(Sass/Less), Javascript MVC Frameworks(AngularJS/BackboneJS), Magento, Visual Studio, SQL, ASP.NET, Facebook/Twitter/Google APIs.
Relevant Experience
Web Developer | CafePress – Foster City, CAJan 2013 - Present
  • Write clean, semantic, and re-usable HTML, CSS, and Javascript to create high performance, fully responsive web pages that work across all browsers and devices.
  • Work independently and as part of a team in an Agile environment with designers, product managers, and back-end developers to create web sites, tools, products, and web apps.
  • Notable projects Include:
    • Recreated from scratch a fully responsive mobile friendly CafePress.com buy-flow from homepage to checkout, resulting in a significant rise in mobile conversion rate, PageSpeed scores, and load times across devices.
    • Engineered a new members area for CafePress.com from the ground up; utilizing HTML5, AJAX, RESTful APIs, and client side templating to give users an exciting new experience which let them view live data on their products, sales, views, comments, and followers.
    • Created a modern, UX-focused Shops platform as multiple web applications to allow users to instantly upload, create, customize, and list 1000s of designs and products onto the CafePress marketplace in a matter of minutes.
    • Built the Target Photo Prints app for iOS and android using jQuery Mobile, Phonegap/Cordova, Google Maps/Target API which provided users with the ability to locate nearby stores, upload photos from their phone and instantly have the prints available at a nearby Target location.
Web Developer | American Apparel – Los Angeles, CAJan 2012 – Jan 2013
  • Use design compositions to create pixel-perfect web sites and e-mail blasts catering to a large international consumer base through 9 regional websites.
  • Maintain and QA http://store.americanapparel.net and http://www.americanapparel.net by updating various assets and improving code to streamline speed and functionality.
Web Developer | Vampire.com – Los Angeles, CAOct 2011 – Nov 2012
  • Create, manage, and develop content for a family of websites including Vampire.com and VampireVineyards.com using HTML, CSS, Javascript and jQuery.
  • Maintain and update http://vampire.com/store with over 500 products through the Magento platform.
Web Administrator | UCLA – Los Angeles, CASep 2009 – Dec 2010
  • Utilized Photoshop, Dreamweaver, and HTML/CSS hand coding to build, update, and maintain the UCLA Center for Cell Control & Engineering websites.
  • Installed, maintained, and operated Adobe Connect web conferencing servers.
  • Used Illustrator and Photoshop to format and web optimize photographs for websites.
Graphic Designer | Digital Manga Publishing – Los Angeles, CAMar 2006 – Sep 2009
  • Utilized Photoshop and Illustrator to design and layout pages for graphic novels.
  • Prepared graphic novels for mass printing and publication.
  • Cleaned, retouched, and redrew artwork in Photoshop and Illustrator.
  • Credited with 7 published titles (available upon request).
University of California, Los Angeles | Los Angeles, CAGraduated Dec 2011
  • Bachelors of Arts, Political Science.
  • GPA: 3.6.
  • Dean’s Honor List: Winter 2010, Fall 2011.


Use the form below if you have any questions, comments, job inquiries, or hate mail.

Please enter a name longer than 3 letters!
Please enter a valid Email Address!
Please enter some nice words!
Message Sent!