Giter Club home page Giter Club logo

codefest's Introduction

(Français)

Web Experience Toolkit (WET)

Build Status devDependency Status

What is the Web Experience Toolkit?

Key resources

Benefits

Accessibility

  • Conforms to WCAG 2.0 level AA
  • Leverages WAI-ARIA to further enhance accessibility
  • Assistive technology testing (Access Working Group)

Usability

  • Iterative approach to design
  • Design patterns and usability testing (User Experience Working Group)

Interoperability

  • HTML5-first approach (leveraging native HTML5 support and filling support gaps with “polyfills”)
  • Supporting a wide variety of browsers (Edge, Firefox, Chrome, Safari, Opera)
  • Building support for HTML data (RDFa 1.1 Lite, Schema.org)

Mobile friendly responsive design

  • Adapts to different screen sizes and device capabilities
  • Touchscreen support
  • Optimized for performance
  • Building support for device-based mobile applications

Multilingual

  • Currently supports 34 languages (including right-to-left languages)
    • English
    • French
    • Afrikaans
    • Albanian
    • Arabic
    • Armenian
    • Bulgarian
    • Chinese
    • Chinese (Simplified)
    • Czech
    • Dutch
    • Estonian
    • German
    • Greek
    • Hindi
    • Hungarian
    • Icelandic
    • Indonesian
    • Inuktitut
    • Italian
    • Japanese
    • Korean
    • Latvian
    • Lithuanian
    • Polish
    • Portuguese
    • Portuguese (Brazilian)
    • Russian
    • Slovak
    • Spanish
    • Thai
    • Turkish
    • Ukranian
    • Vietnamese

Themeable and reusable

Reduces costs by openly sharing and collaborating

  • Drives down research and development costs
  • Avoids duplication of effort
  • Produces better quality results

Collaborative approach

  • Project managed openly on GitHub, including discussion through the issues tracker
  • Encouraging a free flow of ideas, dialogue and innovation including sharing of challenges and ideas
  • External contributions welcome
    • Pull requests
    • Design patterns
    • Issues and suggestions
    • Documentation
    • Testing
  • Multi-level review process for contributions to ensure code integrity (combination of automated and manual reviews)

How to Contribute

See CONTRIBUTING.md

License

Unless otherwise noted, the source code of this project is covered under Crown Copyright, Government of Canada, and is distributed under the MIT License.

The Canada wordmark and related graphics associated with this distribution are protected under trademark law and copyright law. No permission is granted to use them outside the parameters of the Government of Canada's corporate identity program. For more information, see Federal identity requirements.


Boîte à outils de l’expérience Web (BOEW)

Qu’est-ce que la Boîte à outils de l’expérience Web?

Ressources clés

Avantages

Accessibilité

Facilité d'emploi

  • Approche itérative pour la conception
  • Patrons de conception et les essais de facilité d'emploi (Groupe de travail sur l'expérience des utilisateurs)

Interopérabilité

  • Approche centrée sur le HTML5 (s'appuyant sur le soutien HTML5 natif et puis les «correctifs» pour résoudre les problèmes de soutien)
  • Soutien pour plusieurs navigateurs (Edge, Firefox, Chrome, Safari, Opera)
  • Soutien en développement pour les données HTML (RDFa 1.1 Lite, Schema.org)

Conception optimisée pour les appareils mobiles et réactive

  • S'adapte à différentes tailles d'écran et capacités d'appareil
  • Soutien pour les écrans tactiles
  • Optimisé pour les performances
  • Soutien en développement pour les applications s’installant sur un appareil mobile

Multilingue

  • Soutien actuellement 34 langues (y compris les langues droite-à-gauche)
    • Anglais
    • Français
    • Afrikaans
    • Albanais
    • Allemand
    • Arabe
    • Arménien
    • Bulgare
    • Chinois
    • Chinois (simplifiée)
    • Coréen
    • Espagnol
    • Estonien
    • Grec
    • Hindi
    • Hongrois
    • Indonésien
    • Inuktitut
    • Islandais
    • Italien
    • Japonais
    • Letton
    • Lituanien
    • Néerlandais
    • Polonais
    • Portugais
    • Portugais (brésilien)
    • Russe
    • Slovaque
    • Tchèque
    • Thaï
    • Turc
    • Ukrainien
    • Vietnamien

Personnalisable et réutilisable

Réduit les coûts en partageant et en collaborant ouvertement

  • Réduit les coûts de recherche et de développement
  • Évite la duplication des efforts
  • Produit des résultats de meilleure qualité

Approche collaborative

  • Projet géré ouvertement sur GitHub, y compris les discussions à travers le système de suivi des questions
  • Encourage la libre circulation des idées, du dialogue et de l'innovation, y compris le partage des défis et des idées
  • Les contributions externes sont invités
    • Soumissions de code
    • Patrons de conception
    • Problèmes et suggestions
    • Documentation
    • Évaluations
  • Processus d'examen sur plusieurs niveaux pour les contributions pour assurer l'intégrité du code (combinaison d'évaluations automatisées et manuelles)

Comment contribuer

Voir CONTRIBUTING.md

Licence

Sauf indication contraire, le code source de ce projet est protégé par le droit d'auteur de la Couronne du gouvernement du Canada et distribué sous la licence MIT.

Le mot-symbole « Canada » et les éléments graphiques connexes liés à cette distribution sont protégés en vertu des lois portant sur les marques de commerce et le droit d'auteur. Aucune autorisation n'est accordée pour leur utilisation à l'extérieur des paramètres du programme de coordination de l'image de marque du gouvernement du Canada. Pour obtenir davantage de renseignements à ce sujet, veuillez consulter les Exigences pour l'image de marque.

codefest's People

Contributors

amonsour avatar bedardk avatar duboisp avatar ericdunsworth avatar jeresiv avatar laurentgoderre avatar lucas-hay avatar num3thod avatar pjackson28 avatar rababgomaa avatar shoffmand avatar thomasgohard avatar toufics avatar ttvxstarwake avatar zachfalsetto avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

codefest's Issues

Bad contrast on the splash page

The contrast between the green background and white text on the splash page is way below the 4.5:1 minimum contrast ratio. Please fix the contrast.

Lead a session page-Text Field-mobile phone & tablet

Tablet: Asus Memo Pad, Android 4.1.1
Mobile phone: Samsung Galaxy S4 mini, Android 4.2.2

For both devices, Android & Chrome browsers, tapping any of the text fields to type information will lead to the page being refreshed. So, that pretty much means you can't type anything in, at least, my non-desktop devices.

Content - drafting

Can you email me your gmail address? I'll share our content draft space with you.

Thanks,

mb

Question-location

Where is the event held exactly in Carleton? Or are we still trying to get a space?

Schedule-Mobile & tablet

Devices
Tablet: Asus Memo Pad 7; Android 4.1.1
Phone: Samsung Galaxy S4 mini; Android 4.4.2

Can't scroll sideways to view the afternoon schedules.
Happen in English & French pages

screenshot_2014-07-23-20-06-24

Collaborate with us tab and volunteers

I think this tab should be renamed to Activities to be consistent with the names of the other tabs which are all nouns.

Also, I would move the volunteering information out of this tab and to either the Registration tab, as its the same registration form, or to a separate tab. The question is: Do people expect to find volunteering information under "Registration". I have my doubts.

Changes to Web site on the day of CodeFest

The morning of CodeFest, we should change the default tab to the Location tab as most people visiting the site at that time will probably be looking for where they need to go.

After the registration is completed (9am according to the schedule), we should change the default tab to the Schedule tab as most people visiting the site at that time will probably be looking for what events are happening and in which rooms.

On the second day, we should move the schedule for the second day above that of the first day as that will be the one that will be relevant to people.

Is there a way we could automate this process? We could have the different states in separate branches, but I'm not aware of a method for GitHub to merge changes at particular times.

Charlottetown location

@dbruce30

Morning Bruce!

Can we link to your codefest wiki page from the main website? The Charlottetown event would link off the locations tab.

Thanks,

Mary Beth

Register button issue

Device: Asus tablet Memo pad 7
Browser: Chrome & Android browser
Android 4.1.1

-Happens in English & French pages
-Landscape orientation only

screenshots_20140627_110941

Question-Schedule-Day 1 & Day 2 tabs

@thomasgohard In desktop and tablet-landscape view, I could only open schedule for 1 day at a time. If the tablet is in portrait view + in mobile phone, I could open both at the same time. Is this supposed to happen?

Readme

Can someone help populate and translate the readme for the repo?

Thanks!
mb

Future planning: Web site skeleton for future CodeFests

If we intend to hold CodeFest as a regular event, I suggest that we build a Web site skeleton that we can use as a base for future events. This would reduce the amount of work needed to build and update the event Web site every time we hold a new event.

I already have a couple of ideas of how we could build this skeleton. I believe I could put something together with minimal effort (once the dust clears from this year's event). I want to know if it's worth the effort before I proceed.

Name of the event

What is the official name of the event?

In different documents, I've seen variations in English based on the following:

  • "2" vs. "2.0" vs. "2013"
  • "CodeFest" vs. "Codefest"
  • No qualifier vs. "Web Experience Toolkit" vs. "WET" vs. "WxT"

and in French:

  • "Journée de codage" vs. "Journées de codage"
  • No qualifier vs. "de la Boîte à outils de l'expérience Web" vs. "de la BOEW"
  • "2" vs. "2.0" vs. "2013" vs. "deuxième édition" vs. "seconde édition" vs. "2ème édition"

My preference:

  • Avoid using the acronym in the name of the event, but include a reference to "Web Experience Toolkit".
  • Assuming we would be running the event no more than once per year, use the year to distinguish between editions of the event.
  • In English, capitalise the "F" of "fest".
  • In French, use "journée" (singular) when the event takes place over a single day and "journées" (plural) when the event takes place over more than one one. Either that, or use another translation than "journée de codage".

This would give us:

  • "Web Experience Tookit CodeFest [year-of-event]" in English.
  • "Journée(s) de codage de la Boîte à outils de l'expérience Web édition [year-of-event]" in French.

Tabs

I think I broke the tabs. I thought I added my content in the right place between the tags.

Thanks,

mb

Schedule and satellite events

Currently the Schedule tab contains the schedule for the Ottawa event. Will satellite events have schedules as well? How will the satellite events function?

Problems with location map

The location map:

  1. Is wider than the page. Because of the WET template, the map should be no larger than 960 pixels.
  2. Doesn't work on mobile. That's likely due to the fixed width of the quikmap widget.

Also, should we be using the Geomap WET widget for the map?

Map of locations

Hi Laurent,

Can you help me use the appropriate mapping tools? I also want to check with @num3thod to get the appropriate Ottawa U buildings since we'll be moving back and forth between these buildings.

Thanks,

Mary Beth

Proposed rewrite of the introduction

The current introduction feels disjointed and hard to read, uses two different acronyms for "Web Experience Toolkit" and contains some grammatical errors. It could also be made a little more inclusive.

I took a stab at a light rewrite. @MaryBethBaker what do you think?


The Web Experience Toolkit community is proud host a second CodeFest on August 8th and 9th, 2013 at the University of Ottawa. We invite Web coders, designers, accessibility and usability professionals and technical writers and anyone else interested in contributing to the development of version 4 of the Web Experience Toolkit to join us.

CodeFest 2.0 will include activities for everyone, including:

  • keynote presentations,
  • code sprints,
  • breakout sessions,
  • a design jam, and
  • various regional satellite events.

This is a free, open, collaborative event for public servants, members of the Web Experience Toolkit community and interested persons and organizations.

Registration

Is it possible to have the registration form in the Registration tab itself? Does Eventbrite allow that? It would bring the task forward by one click and avoid sending people to a different site.

Twitter feed disappearing-mobile phone & tablet

Devices: Asus Memo Pad 7 tablet & Samsung Galaxy S4 mini
Browsers: Chrome & Android for both devices
Android 4.1.1 (tablet) & 4.2.2 (phone)

In Chrome, Twitter feed only appears for a split second before disappearing.

With Android browser, the feed is displayed normally after page has loaded, but disappears if you change the device's orientation (landscape to portrait & vice versa). As a result, you got a huge white space where the feed is supposed to be

screenshots_20140627_111015

Register button placement-Design Jam page-mobile phone & tablet

Tablet: Asus Memo Pad 7, Android 4.1.1 > issue with portrait orientation ONLY
Mobile: Samsung Galaxy S4 mini, Android 4.2.2 > portrait & landscape
Browsers; Chrome & native Android
http://wet-boew.github.io/codefest/designjam-en.html
http://wet-boew.github.io/codefest/designjam-fr.html

Button is right on top of the bottom header line. Inconsistent with other pages, where the same button looks padded (if that's the right term to describe it).

screenshot_2014-07-17-23-35-47

screenshot_2014-07-17-23-35-57

Tabbed interface broken in IE9

When visiting the schedule page in IE9, the tabbed interface seems to be broken. When selecting the second tab; the content appears below the content from the first tab instead of replacing it. I've just tested with WET 4.0.4 and the issue seems to have been fixed. Suggest upgrading to WET 4.0.4.

Activities section of the Web site

The Activities section of the Web site is not very informative right now. I don't think that the purpose of this section has been thought through.

First question: What is the purpose of this section?

Schedule

@EricDunsworth Can you help format the content into a table under the schedule tab?

Schedule

Keynote Schedule
Thursday:
10:00-11:00
Keynote 1
11:00 - 12:00
Keynote 2

Friday:
10:00-11:00
Keynote 3
4:00- 5:00
Keynote 4

Satellite locations are invited to join codefest keynotes, via [link]. And then run their own Wxt learning and [[breakout sessions]].

Ottawa Codefest Schedule- Thursday August 8

Time
Activity
Location
8:30-9:00
registration

9:00 - 9:30
Ice breaker + house keeping

9:30 - 10:00
Welcome address - possible champion message
10:00-11:00
Keynote 1 - Github

11:00 - 12:00
Keynote 2 - HTML5/Mobile

12:00 - 1:00
Lunch break

1:00 - 1:20
One slide wonders, break out session intro + people direction (see table below)
1:30 - 4:00
break out session/codesprint + open coding 4:00 - 4:30 Get ready for Day two session
5:00 - 7:00
#w2p - Implementers Exchange

Ottawa Codefest Schedule - Friday August 9

Time
Activity
Location
8:30-9:00
registration

9:30 - 10:00
First day: recap

10:00-11:00
Keynote 3 - Mobile

11:00-12:00
Keynote 4 - UX

12:00 - 1:00
Lunch break

1:00 - 3:30
Design jam / Codesprint

3:30-4:00
Design jam Redux (Need lead for this)

4:00- 5:00
Keynote 5 - Overarching theme

Welcome addresses

What's the order for the welcomes addresses: Corinne then Libby? Or Libby then Corinne?

Lead a session page-Fading--mobile phone & tablet

Tablet: Asus, Android 4.1.1
Mobile phone: Samsung Galaxy S4 mini
The "Lead a Session" form fades in and out constantly in Chrome (tablet & mobile phone). It's as if the page keeps on loading itself repeatedly.

I discovered several issues with this page, will open the tickets separately.

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.