As of July 10, 2007
The following is a detailed list of our technical capabilities here at CommAREus. It will be constantly evolving as we expand our abilities in our areas of specialization:
Website design using CSS for layout and styling
The tasteful and advanced use of Flash for animation and video integration
Designing websites for usability, accessibility, and browser compatibility
Below is a more technical and detailed explanation of the services we currently offer our clients.
A)Standard HTML/CSS
Clean, streamlined and semantic HTML coding with design and typography handled by CSS exclusively.
Clean HTML which is easily accessed, understood, and edited.
Streamlined code which is structured to allow the content to flow in order from highest importance, keeping SEO in the forefront.
Semantic code allowing for quick identification.
CSS handles all positioning, design and typography, leaving only structure to the HTML.
Semantic directory structure.
Directories named according to their content in a universal, easily accessible way for edits.
Images optimized to allow for quick page loading.
Images saved in various formats (.JPG, .GIF, .PNG) to allow for best possible file size while using as lossless a format as the image content allows.
B) Advanced HTML/CSS/Javascript
Drop down menus
Handled completely by CSS (except for a tiny JavaScript reference for IE 5.5 compatibility), allowing for clean code, easy edit ability, and search engine accessibility for the entire directory structure. Horizontal or vertical.
If slide-down animation is requested, this can be handled by a JavaScript alternative, or in Flash (see Flash capabilities for more info.)
In-page RSS Feed
Javascript or PHP controlled RSS feed which can be placed anywhere on a page with a server-based cache so the user doesn't wait for the feed to be read from the feed provider.
Internet Explorer compatible .PNG transparency
Full .PNG transparency which is compatible with legacy browsers using JavaScript exclusively for Internet Explorer 5.5 & 6.
Moo.fx based div animation/hide-and-reveal
This allows for individual divs to be hidden or revealed to the user by clicking a link using JavaScript, all while keeping hidden or revealed content complete in the HTML coding, fully visible to search engines at all times.
Animations can be controlled by speed and ease of movement, much like in flash, but better optimized for search engines.
See it demonstrated here: moo.fx
2)Flash
Action Script-controlled element placement and timeline development.
Instead of using timeline-based linear development, using Action Script allows for easier editing and additions, as well as shrinking file sizes.
XML based content placement.
In combination with Action Script, using XML placed content allows for quick and easy editing and updating of text-based flash content, without having to use the Adobe Flash software. Using this approach, even a text editor will suffice.
Query string based entry point/information placement
Allows the entry point of the user into the flash document to be changed dynamically using the referring link. For example, a user can enter a site from a specific point, allowing an email link into the flash at a specific section, page, or other content-based position, such as a specific video or photo.
Allows for data to be entered into the flash document for use in the content so the user gets an individualized, unique experience, such as having the user's name appear on the page in various places.
Action Script controlled and placed when applicable
Either an element in the design or in a stand alone player with user controls which can be personalized.
Optimized for file size from almost any format, preferably from as lossless an original as possible.
Sound effects/music
Action Script controlled and placed when applicable
Mute button recommended
Animation
Action Script controlled and placed when applicable
Anything from text scrolling animation, motion blur, depth-of-field effect, to any kind of character animation; basically anything the client would like to see can be animated.
Forms and Email user entry
Inputted data can be sent out via email.
Delivery method dependent on server capabilities.
Anything from a simple “tell a friend” email to a form for more advanced data entry such as address and other contact info.
Javascript based Flash placement
Instead of the non-web compliant default embed method, flash documents are placed on the page using Javascript
This allows for clean, W3C HTML compliance
In this method, the flash document replaces a div in the HTML
This allows for the page to load correctly even if flash or Javascript is disabled in the user's browser.
The replaced div can hold content. We suggest placing a text-based alternative to the flash containing the same information which will display for users with flash disabled. If the flash is purely decorative, an image can be placed in the div to retain page flow and the original design's overall appearance.
3) Usability, Accessibility, and Browser Compatibility
The websites we build are created with sensitivity on these issues. When requested, we can be sure that the website will pass even more rigorous testing.
A) Usability
All of our websites are designed with keeping an eye on maximum usability for the page viewer.
B) Accessibility
W3C Compliance
When requested, we can be sure that the build will pass rigorous testing. Normally the builds are almost there, as we keep it in mind from step 1, but some tweaking and light cleanup may be required in order to pass at 100%.
Section 508 compliance
CSS is already getting the build most of the way there, but by request we can make sure that the page is coded to be 100% ready for accessibility-standard compliant content placement.
C) Browser Compatibility
We test all of our HTML/CSS builds in the following browsers:
PC Internet Explorer 6 & 7
PC & Mac Firefox 1.5 & 2
PC Opera 9
PC & Mac Safari 2 & 3
We can also optimize for the following legacy browsers:
PC Internet Explorer 5.5
Mac Internet Explorer 5.1
Anything else by request