Best Practices

I employ the latest technologies to create rich, elegant and skillfully crafted user interfaces that are highly functional, easy to navigate and focuses on design, usability, accessibility, information architecture, optimization and performance.

Why Web Standards?

  1. Accessibility: It makes the Web more accessible to people with disabilities using assistive devices.
  2. Device Independence: It makes it easier for Web pages to be viewed by more devices than just browsers (i.e. PDAs, smartphones, text readers, etc.)
  3. Faster Page Loads: Standards-compliant code is concise and simple, which lowers the file size of Web pages, resulting in pages that load faster providing a better user experience.
  4. Lower Bandwidth Costs: You can lower bandwidth usage and costs by reducing any unnecessary information your Web site sends to your audience. Studies have shown that using modern, standards-based design methods can reduce the weight of a site by 25% to 50%.
  5. Ease of Maintenance: The design process becomes more stable, ensuring that the development and integration of backend technologies is easier, faster and more cost effective. In addition, sites are easier to update, redesign and maintain.
  6. SEO: More search engine friendly because the markup (code) is clean, simple and succinct.

Excerpt: “It is our pleasure to announce that EDS has been selected as SCG's Technology Partner of the Year for 2005. Special recognition is warranted for Scott, Mario, Manish and Andrea based on their demonstrated commitment through the very long hours involved in the final stages during the holiday season. Without complaint – they just simply delivered. Getting the team together, keeping the team on track and focused and demonstrating a true dedication to customer satisfaction was clearly their focus and goal.”

Read thetestimonial in it's entirety (PDF Icon, 57k).

TESTIMONIAL

 

Mario Cisneros Photo Mario Cisneros is a versatile, results-driven Information Technology professional with extensive experience in user-interface design, front end development, SEO, project management, and user experience consulting. Mario has more than 18-years experience in the Information Technology industry with such notable companies as EDS and Perot Systems.

In addition, as a true self-starter Mario has operated a freelance web development businessOpens in a new window for the past 10-years and has demonstrated an ability to build strong working relationships with clients and colleagues. A natural leader, who utilizes excellent communication and organizational skills to coordinate efforts between diverse groups and builds a positive rapport with vendors and customers. Learn more »

 

Technical Overview

Mario embraces and leverages the latest and most robust technologies including HTML5, CSS3 and Responsive Design for both desktop and mobile devices. Although HTML5 and CSS3 lack full browser support there are however, JavaScript frameworks such as Modernizr and Respond that render the new elements in older, non-standard browsers including IE6.

Three-Legged Stool

Frontend development consists of 3-primary languages: HTML, CSS and JavaScript, and without these three essential client-side technologies there is no Web! Every developer's toolkit must be equiped with these essential skills in order to compete in today's dynamic Web space.

Under the hood:

  • HTML5
  • CSS2 and CSS3
  • CSS3 Media Queries
  • JavaScript and jQuery

A website that is highly functional and optimized for SEO relies on clean, semantic and standards compliant code.

Review My Credentials »

Responsive Web Design

With the rapid growth in mobile Internet usage frontend developers need to build websites suitable for all devices. This site is an example of responsive web design built using a flexible grid that dynamically resizes and adapts to different browser and device viewports.

See how it works:

  • Drag the bottom right corner of your browser window inward and watch the layout shift accordingly.
  • View this site in both portrait and landscape on your iPhone, iPad, Android or any other handheld device.
  • Use an online simulator such as the responsinatornew-window to see the site resolve in multiple devices at once.

Think “Mobile First”new-window when designing responsive sites!

Read More About RWD »

 
Standards