<html><head><meta http-equiv="Content-Type" content="text/html charset=windows-1252"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div apple-content-edited="true">Here’s the prototype I built for intern Greg this summer: <a href="http://people.mozilla.org/~jgruen/passwords/mnemonic/#mn-two">http://people.mozilla.org/~jgruen/passwords/mnemonic/#mn-two</a>

</div><div apple-content-edited="true"><br></div><div apple-content-edited="true">Ryan, your mockup shows color changing letters in a <textarea>, whereas my prototype uses a second <div> to highlight first chars of each substring. Off the top of my head, IDK how to implement the color change directly in a <textarea>. I’m sure there’s a hack out there somewhere, but I’m open to suggestions.</div><div apple-content-edited="true"><br></div><div apple-content-edited="true">JG</div><div apple-content-edited="true"><br></div>
<br><div><div>On Oct 1, 2014, at 6:19 PM, Chris Karlof <<a href="mailto:ckarlof@mozilla.com">ckarlof@mozilla.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><meta http-equiv="Content-Type" content="text/html charset=windows-1252"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>Nick and Shane, also.</div><div><br></div><div>I’m thinking something very quick and dirty here. Maybe something we can enable/disable with a feature toggle, or only show to a small number of users to start.</div><div><br></div><div>-chris</div><div><br></div><div><br></div><br><div><div>On Oct 1, 2014, at 3:11 PM, Ryan Feeley <<a href="mailto:rfeeley@mozilla.com">rfeeley@mozilla.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><meta http-equiv="Content-Type" content="text/html charset=windows-1252"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>Hi all,</div><div><br></div><div>I had a chat with Chris Karlof today about a tool to help users create better passwords. Based on some early work I did, and further development by Greg Norcie and John Gruen, I’m hoping we can create a little wizard to do just that.</div><div><br></div><div>I created an issue which includes a link to the wireframes:</div><div><span class="Apple-tab-span" style="white-space:pre"> </span><a href="https://github.com/mozilla/fxa-content-server/issues/1732">https://github.com/mozilla/fxa-content-server/issues/1732</a></div><div><br></div><div>This is something we can deploy for FxA but also eventually offer to other sites on the web as a service (they can link or use an iframe overlay).</div><div><br></div><div>Zaach and Vlad, is this something that’s possible for the next two weeks?</div><div><br></div><div>Katie, we’d also like to track impressions and click-thrus. How many people take advantage of a tool that helps them make a better password when it’s available? (you might see where we’re doing with this).</div><div><br></div><div>Take a look, and feedback appreciated (keep in mind I’d love to keep it down to one screen though).</div><div><br></div><div apple-content-edited="true">
<div style="letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div style="letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div style="letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div style="letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div style="font-family: Helvetica; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>Ryan Feeley</div><div>UX, Cloud Services</div><div>Mozilla UX</div><div>IRC: rfeeley</div></div></div></div></div></div>
</div>
<br></div>_______________________________________________<br>Dev-fxacct mailing list<br><a href="mailto:Dev-fxacct@mozilla.org">Dev-fxacct@mozilla.org</a><br><a href="https://mail.mozilla.org/listinfo/dev-fxacct">https://mail.mozilla.org/listinfo/dev-fxacct</a><br></blockquote></div><br></div>_______________________________________________<br>Dev-fxacct mailing list<br><a href="mailto:Dev-fxacct@mozilla.org">Dev-fxacct@mozilla.org</a><br>https://mail.mozilla.org/listinfo/dev-fxacct<br></blockquote></div><br></body></html>