Giter Site home page Giter Site logo

Doug Cross's Projects

accordions-web-accessibility icon accordions-web-accessibility

An example of web accessible HTML accordions using Aria attributes aria-controls and aria-expanded and the panel id to allow javascript to handle the active and inactive accordion panels.

catchoftheday icon catchoftheday

React.js Application for Displaying Fish by Wes Bos through React For Beginners

form-structure-web-accessibility icon form-structure-web-accessibility

An example of a proper web accessible form structure using necessary HTML form elements such as role attrtibutes, Aria labels field sets, legends, labels, inputs, radio buttons and checkboxes and submits. As well as javascript handles error messages and required elements.

frontend-dev-depot icon frontend-dev-depot

PHP based pattern library of internal tools, sourced plugins, element modules and code partials used in various projects at a centralized location to build from.

javascript-concrete-calculator icon javascript-concrete-calculator

Javascript built form based calculator for estimating the needed material for contractors to purchase and lay concrete at a project site. Created for client site intended as a conversation starter for potential customers to the business and educational for budgeting purposes.

restaurant-template-bar icon restaurant-template-bar

Example partial and modular based page builder restaurant website intended for local bar and replicatible across their locations.

sidekick-presentation-framework icon sidekick-presentation-framework

This is a framework that attempts to establish a consistent architecture for presentation/i-vis type applications sharing similar requirements in layout, function and structure.

skip-links-web-accessibility icon skip-links-web-accessibility

Skip Links for Web Accessibility using focused and non-focused state on text links at top of the page to direct users into areas of a HTML structure section quickly without having to navigation through other confused content.

tabbed-content-web-accessibility icon tabbed-content-web-accessibility

An example of how to use tabbed organizational elements in HTML for web accessibility. Using Aria attributes such as controls, roles, labels, labelledby and sellected to identify states process by Javascript. Including keyboard triggers for helping native navigation using arrow keys.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.