web_html.html

---
layout: page
title: HTML5
---
<div id="content" class="eleven columns">

				<div id="post-10" class="post-10 page type-page status-publish hentry">
								
															
				<h1 class="entry-title">HTML5 (HTML/CSS/JS)</h1>
						
													
					<div class="entry-content">
						
<p>Are you looking to avoid reinventing the wheel? You can use the <a href="#modular">modular code</a> below to help your project along.</p>
<p>Do you need more of a head start?  Try building from a <a href="#frameworks">mobile framework</a> or using one of the <a href="#complete">complete apps</a>.</p>
<p>&nbsp;</p>
<h3><a name="frameworks"></a>Mobile Framework Code</h3>

<p><a name="assetscmsgov"></a><h5>Assets.cms.gov</h5>Assets gives you Section 508 compliant, cross-browser compatible UI components that you can use in your accessible web site or web application. Assets is an accessible, responsive, and modern framework.
<br>
<strong>Link:</strong> <a href="http://assets.cms.gov/resources/framework/3.0/Pages/">http://assets.cms.gov/resources/framework/3.0/Pages/</a><br>
<strong>Source:</strong> Centers for Medicaid and Medicare Services
</p>


<p><a name="bootstrap"></a><h5>Bootstrap</h5>Sleek, intuitive, and powerful front-end framework for faster and easier web development.<br>
<strong>Link:</strong> <a href="http://twitter.github.io/bootstrap/">http://twitter.github.io/bootstrap/</a><br>
<strong>Source:</strong> Third party
</p>


<p><a name="hhsgovresponsivedesign"></a><h5>HHS.gov Responsive Design
</h5>Helps makes tables and charts responsive.<br>
<strong>Link:</strong> <a href="https://github.com/HHS/HHS-Responsive-Design">https://github.com/HHS/HHS-Responsive-Design</a><br>
<strong>Source:</strong> HHS
</p>


<p><a name="html5boilerplate"></a><h5>HTML5 Boilerplate</h5>A front-end template for building "fast, robust, and adaptable" web apps or sites.<br>
<strong>Link:</strong> <a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a><br>
<strong>Source:</strong> Third party
</p>
<p><a name="junior"></a><h5>Junior</h5>A front-end framework for building HTML5 mobile apps with a native look and feel.<br>
<strong>Link:</strong> <a href="http://justspamjustin.github.com/junior/#home">http://justspamjustin.github.com/junior/#home</a><br>
<strong>Source:</strong> Third party
</p>
<p><a name="MIT-Mobile-Web"></a><h5>MIT Mobile Web</h5>This is the same code running on http://m.mit.edu/ as of October 2010, minus the mobile device detection server. That will have its own repository on GitHub. The MIT Mobile Web is an open source project released under the MIT License, detailed in the file named LICENSE.
<br>
<strong>Link:</strong> <a href="https://github.com/MIT-Mobile/MIT-Mobile-Web">https://github.com/MIT-Mobile/MIT-Mobile-Web</a><br>
<strong>Source:</strong> Third party
</p>

<p><a name="mygovmobilefirstfoundation"></a><h5>MyGov-Mobile-First-Foundation
</h5>A slightly reorganized version of Foundation, with core mobile styles up front (for the most part) and tablet and desktop second.<br>
<strong>Link:</strong> <a href="https://github.com/presidential-innovation-fellows/mygov-mobile-first-foundation">https://github.com/presidential-innovation-fellows/mygov-mobile-first-foundation</a><br>
<strong>Source:</strong> Presidential Innovation Fellows
</p>

<p><a name="mwf"></a><h5>UCLA Mobile Web Framework</h5>The Mobile Web Framework is a cross-platform web framework that focuses on mobile web standards, semantic markup, device agnosticism and graceful degradation, providing a robust presentation layer that allows applications to define a single set of markup optimized for HTML5 capable devices that degrades gracefully to any HTML 4.01 or XHTML MP compliant device including Blackberry, Windows Mobile and even T9 phones.
<br>
<strong>Link:</strong> <a href="https://github.com/ucla/mwf">https://github.com/ucla/mwf</a><br>
<strong>Source:</strong> Other government
</p>

<p><a name="uxfrontendtoolkit"></a><h5>UX Frontend Toolkit
</h5>A collection of Sass and Javascript tools for generating frontend code.<br>
<strong>Link:</strong> <a href="https://github.com/alphagov/govuk_frontend_toolkit">https://github.com/alphagov/govuk_frontend_toolkit</a><br>
<strong>Source:</strong> United Kingdom
</p>

<h3><a name="modular"></a>Modular Code</h3>
<p><a name="jquery-mobile"></a><h5>jQuery Mobile</h5>A unified, HTML5-based user interface system for all popular mobile device platforms, built on the jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.<br>
<strong>Link:</strong> <a href="https://github.com/jquery/jquery-mobile">https://github.com/jquery/jquery-mobile</a><br>
<strong>Source:</strong> Third party
</p>
<p><a name="Leaflet"></a><h5>Leaflet</h5>Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. It is developed by Vladimir Agafonkin of CloudMade with a team of dedicated contributors. Weighing just about 27 KB of gzipped JS code, it has all the features most developers ever need for online maps. More info at <a href="http://leafletjs.com">http://leafletjs.com</a>.<br>
<strong>Link:</strong> <a href="https://github.com/Leaflet/Leaflet">https://github.com/Leaflet/Leaflet</a><br>
<strong>Source:</strong> Third party
</p>
<p><a name="wet-boew"></a><h5>Web Experience Toolkit (WET)</h5>Web Experience Toolkit (WET) includes reusable components for building and maintaining innovative Web sites that are accessible, usable, and interoperable. These reusable components are open source software and free for use by departments and external Web communities.
The toolkit complies with the new Standards on Web Accessibility and Web Usability; the toolkit will also ease compliance with the Standard on Web Interoperability. WET is highly recommended for use on Government of Canada Websites.
<br>
<strong>Link:</strong> <a href="https://github.com/wet-boew/wet-boew">https://github.com/wet-boew/wet-boew</a><br>
<strong>Source:</strong> Other government
</p>
<h3><a hame="complete"></a>Complete Apps</h3>
<p><a name="SNAPfinder"></a><h5>SNAPfinder</h5>SNAPfinder is a mobile-first app for locating retailers that participate in the SNAP (formerly known as Food Stamps) program. It uses data provided by the USDA and imported daily into a MongoDB database to return nearby retailers for a given address, region, or geographic area in U.S. This project depends on two other open source projects: snapfinder-lib and snapfinder-api, which together provide the support for the cloud-hosted REST API this app uses. In addition to using this app, the REST API is available to developers to build their own SNAP applications.
<br>
SNAPfinder is developed as a collaboration between the GSA and the private sector, sponsored by ITSource Technology Inc., as an Open Source project in support of the Federal Government's commitment to Open Data.
<br>
This app is composed of three separate open source projects hosted on GitHub:
<ul>
<li><a href="https://github.com/tonypujals/snapfinder">snapfinder</a>&nbsp;- a mobile-first web app that uses the API (Node, Express, EJS, Bootstrap 3)</li>
<li><a href="https://github.com/tonypujals/snapfinder-api">snapfinder-api</a>&nbsp;- REST API for querying SNAP data (Node, Express)</li>
<li><a href="https://github.com/tonypujals/snapfinder-lib">snapfinder-lib</a>&nbsp;- provides underlying framework for importing and querying SNAP data (Node, MongoDB)</li>
</ul>
<strong>Link:</strong> <a href="http://www.itsourcetek.com/announcing-snapfinder/">http://www.itsourcetek.com/announcing-snapfinder/</a><br>
<strong>Source:</strong> Third party
</p>

	</div><!-- .entry-content -->
				</div><!-- #post-## -->
		</div>
{% include sidebar.html %}