Giter VIP home page Giter VIP logo

movethewebforward's Introduction

This site is mostly kaput. It hasn't been touched in a while.


movethewebforward.org

You ♡ Web Standards. You maybe even feel compelled to “give back” to the community. Curious about where to start? We’re here to help.

Contributing

Do you have some ideas for ways that all developers—from the seasoned professionals to those donning their first blue beanie—can get involved, learn more, and help move web standards forward? Chime in here or look at the github issues!. We'll be adding new ideas, resources and tasks regularly so feel free to check back often.

IRC channel

We're in #movethewebforward on freenode IRC. For those without an IRC client see http://webchat.freenode.net/?channels=movethewebforward

Staging server

View the current site at http://h5bp.github.com/movethewebforward/

Dev Notes

Add ?mobile to the end of index.html to see assets as they will appear on mobile devices (determined by screen size, really), and “?basic” to see assets as they will appear in browsers that don’t support media queries. I haven’t done much in the way of styling either way. There’s quite a bit of behind-the-scenes logic goin’ on that we most definitely will not need for a one-pager, so a lot of that will be removed very soon.

movethewebforward's People

Contributors

addyosmani avatar alrra avatar arthurvr avatar connor avatar cvrebert avatar ebargtuo avatar eliezerb avatar hzlmn avatar jdalton avatar jonathantneal avatar mathiasbynens avatar mkantor avatar necolas avatar paulirish avatar peol avatar peteschuster avatar pifantastic avatar polarblau avatar qwp6t avatar rgrove avatar seektan avatar seutje avatar sideshowbarker avatar sindresorhus avatar thatryan avatar theprivileges avatar tonyjcamp avatar vladinvancouver avatar wilto avatar xfq avatar

Stargazers

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

Watchers

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

movethewebforward's Issues

Add #bbg to the list of Freenode channels

bbg is a Freenode channel devoted to browser-based game development.

Notable members include browser dev advocates, HTML5 and JS book authors, HTML5 game engine devs (CAAT, Crafty, Impact, Game Closure, etc.), and of course games developers themselves.

We also have a Web site under development that will replace the existing http://hashbbg.com/ holding page.

MS Edge developer blog/etc.

MS have shifted all of their developer discussion away from IE, to the new Edge resources. This has resulted in a few broken links on index.html (and possible other places?)

Incorrect language folder names

Hi,

I work as Software Localization Engineer ( @MoraviaWW )
I am linguistic bugfixer so sorry for the details below :)

I plan on localizing your "en-US" index.html into Czech language "cs-CZ" and I noticed one thing:

  • please change folder names (language codes AR + CN) for localized versions of your index.html.

SHORT INFO:

Language code: xx-yy

xx = language
yy = region where it is used

Change "AR" to "ar-??" (whichever region it belongs to).
Change "CN" to "zh-CN" (which is correct form for "CN" which stands for Chinese Simplified).

"AR" in this case it refers to whole language (which is used in 16 regions).
Where "CN" on the other hand refers only to a certain region (there is 5 of them in total).

LONG INFO:

List of language codes, not really a complete one but you can get from it what I mean:
http://www.lingoes.net/en/translator/langcode.htm

For Arabic:

"AR" in this case can be mistaken for example with:

"es-AR = Spanish (Argentina)"
"ps-AR = Pashto (Afghanistan)"

So this "AR" could use a "region suffix (yy)" at the end to determine in which reagion this language mutation belongs.

For Chinese:

"CN" is only a region, there is 5 major regions where Chinese is used.
So this "CN" could use a "country prefix (cc)" at the beginning.

SOLUTION:

Be specific and use the proper form "language-region" therefore no confusion can occur like ever.

Dialects fairly differ so even a native speaker does not have to understand "his lnaguage" in other region.
Trust me "en-US" is different than "en-ZW" :D

Best regards
DANIEL

Own the `explore` section

I need an owner for the Explore section

see https://etherpad.mozilla.org/igotmybeanie L24-ish

We have some great examples of how, as a community member, to give a full exhaustive rundown of a feature..

And hidden in some presentations (and maybe a blog post here and there) are a list of properties that haven't been explored.

Let's get that full list in order. It's gonna have stuff like background-clip, SVG blur filter, line-clamp, text-overflow etc.

Who'd like to take that on. You'll be identifying the areas of the CSS platform that the community will dive deeper into. :)

Hobbyist hacker VS full-time hacker

Maybe some emphasis needs to be put on what hobbyist hacker means, or entails in the context of web development?

At least it seems to me, that, well, all the best webdev-ers are full time, as in, semi-permanently wired in / jacked into a computer, and are 'full time' at what they do, as opposed to just contributing a bit here and there for fun.

It also seems that to get real work done, a few entries in the MDN, and a few forks of your favorite repo, are not exactly hacking, they're just exploring / toying / messing, ie nothing serious

I think in order for this issue to be solved, a little more clarity & emphasis needs to be put on how potential / would-be developers can manage their time regarding the subject, and what are best practices to being 'full time', as opposed to just messing around having lulz messing with code.

MTWF Success Stories?

I'd be interested in hearing "Success Stories" from the people that pledged to help out or gathering some stats on browser/OSS involvement before/after. I'm not sure what the most effective/streamlined way of going about getting this feedback is, but I'd be glad to help. If anyone has any ideas - put 'em in the comments below.

<3

twitter avatars of site contributors

would be nice to have something more than our names... :)

unfortch twivatar is down (i pinged remy sharp about it) so we'll have to grab the URLs manually i guess.

P2PU.org Link Inclusion

I love the intention and mission with this site.

I wanted to suggest P2PU.org for inclusion on move the web forward. It is a great place that was created by the Mozilla School of Web Craft. A great place to go and learn with your peers and get feedback on real world solutions. Users also have the ability to create a class to teach.

Broken images?

It looks like the avatar images at the bottom of the page are broken:

screenshot 2014-09-11 21 05 20

If I go to the console it throws a bunch of errors:

screenshot 2014-09-11 21 11 02

twitter integration

basically thinking a

Click here to put your twitter avatar on this site, indicating that you commit to doing one of the things mentioned ehre

button thing.

Can we add #web as an IRC channel

Currently the IRC Channels mentioned are:
"Freenode IRC channels: #html5 / #css / #javascript / #whatwg / #jquery / #yui / #dojo / #bbg (on irc.freenode.net)"

web has many front end developers inside who are actively giving advice about web standards and HTML5.

They even have movethewebforward.org in their topic.

Would be cool for them to be included too.

To dos

  • Content needs to be shaped, right now it is just a list. All content editing needs to happen in index.html We dont have much time for anything else
  • Style needs to accommodate the content. I am considering using the right column exclusively for the twitter thing rather than the list of resources because we seem to have only lists and not much else.
  • Colors! Some dynamixx! What? Brain is fried today.
  • A final 'conclusion' with credits. All the awesome people who helped need to be thanked and urled.

Computer Science Qualifications & The Open Web

We run BSc courses where we actively promote open web standards and tools (e.g. this is a core final year unit on our Web Technologies BSc). There are other Universities that offer the chance to get a computer science qualification whilst also engaging students in understanding and furthering the goals fo the open web - but I don't know who they are. May I suggest a section (or perhaps there's interest in a related site) that identifies such courses and institutes? We'd certainly appreciate the link and the opportunity to push more minds in this direction, and the additional potential to identify other academics with similar web-focus in their teaching.

Performance & Optimization links?

I think it would be great to have some performance links, since (for me at least) delving into performance issues really forces you to learn the details.

For instance, I think its slightly old now but the article at developer.yahoo.com/performance/rules.html was one of the best performance refs I ever read, it was packed with links to great articles and reading the article while attempting to fully understand every word forced me to learn the HTTP spec, image optimization (and good ol' imagemagick), and like a week with apache modules and gzip.

Lastly, I think emphasizing performance somewhere would be great especially for those just starting out.

What do you guys think?

Write a post to help raise further awareness of these efforts

I was in the middle of writing something for Smashing magazine about giving back to the community so I'll include references to this effort to help tie things in. I figure they both have the same end-goal anyway :)

At @divya's request, will hold off until at least the 30th before publishing (will have to ask Vitaly if that's cool with him). This should also give me more time to write. Woo!

Russian translation

hi, i very love this resource and want to make translation of it on my native language. Does it make sense for you and how i can contribute?

Could do with more design & accessibility examples

We mention designers getting involved but don't seem to provide any examples of

  1. How designers have done so before
  2. Write-ups from good designers about their work on a product / project

I think both of those things could help encourage more involvement from "primarily designers".

So after launch we'll have to track down a handful of good examples (maybe Aza Raskin can be one) and work out how to weave them into the content...if everyone else agrees that this would be a valuable addition :)

Also, ways to help with work on features relevant to accessibility, or those discussions in HTML development, or writing about info developers need to know (like Steve Faulkner and Jason Kiss do)

Vous parler français ?

Hello,

I for one, know every dev. should know english language perfectly but ... unfortunatley it's not always the case (look at devops_borat haha!).

Then, i suggest making translation of this site content. And i'll be glad to do it for french to start with !!!

But i let you guys decide how technically you'd want to deal with translated materials.
A translation folder and some mechanism to switch language ? Just tell us.

Merci de votre attention. ;-)

Old twitter search api

Seems like avatars.php file use old twitter rest api (v1 and now v1.1). As this file generete avatar links , page sections #learn, #ask4help, #helpothers, #feedback, #explore" and other don't work correctly (contributors avatars don't visible).

positioning and longterm plan

mr @necolas raised the issue that it might be shortsided to attach this to the blue beanie campaign.

i think that's a fair critique..

so one way around that is we keep the novelty name and branding for that one day to get eyeballs, but the following day transition it to a permanent home at like..

  • whatcanidoforwebstardards.com
  • howcanipushthewebforward.com
  • buildingthefutureweb.com
  • pushingthewebforward.com
  • webahead.com

also necolas suggested maybe tongue-in-cheek slogan: "wear a beanie today, build the web tomorrow"!

Twitter avatars broken

Obviously, the Twitter avatars aren't showing up in any on the sections. I'm about to start working on that part (starting in init.js) that makes the API call for the avatars. If anyone is interested in making this work and you have more time than I do, feel free to jump in. Comments here, please. :-)

Add link to a11ybugs.org

In the section "File bugs", please consider adding a link to http://a11ybugs.org This site is a community effort, related to browser bugs and very much in-line with the purpose of "Move The Web Forward". Suggested link text is "Help prioritize browser accessibility bugs".

CanIUse is missing

I'm not sure where it should be in terms of your "levels" but http://caniuse.com is indispensable to the html 5 developer. Please add it to morethewebforward.

I suggest under "Level Up!" - "Reference docs/wikis" as

  • caniuse.com - Compatibility tables for support of HTML5, CSS3, SVG in desktop and mobile browsers.
  • Minor js things

    I was browsing the js and noticed in controler.js

    head = doc.head || doc.getElementsByTagName( "head" )[0] || docElem

    is more weight than

    head = doc.getElementsByTagName( "head" )[0] || docElem

    for something that's executing once and being stored in a var it seems silly to html5 fork it.

    Also curious about

    //might need to wait until DOMReady in IE...
    if( lastlink.nextSibling ){
      head.insertBefore(lk, lastlink.nextSibling );
    } else {
      head.appendChild( lk );
    }
    

    I'm not sure of the lastlink.nextSibling check, is order really important?
    Can't it all be done via the head.insertBefore(lk, lastlink.nextSibling ); without forking for appendChild?

    Unclear where to post a use case to help improve App Cache

    This site is awesome, but could be more awesome if we can direct feedback about a specific spec to a specific channel. For example, I just ran across https://plus.google.com/u/0/106759696088618829172/posts/BHbdaM9eed4 to which I thought, "Perfect! Some real life feedback on App Cache." So I went to movethewebforward.org to see how to give the feedback, and it wasn't clear.

    I scrolled down to Give Feedback on Specifications, but I wasn't sure which mailing list I should send the feedback on App Cache to. There's a separate section on "File Bugs", but no link to the WHATWG or W3C bug database? (not sure if those are real things, apologies if I just made them up)

    Specific feedback is to make it much more explicit on how to submit ideas/feedback on specific specs. Can the site be much more prescriptive?

    Thanks for making this page!

    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.