Once a month, web developers from across Mozilla get together to talk about the work that we’ve shipped, share the libraries we’re working on, meet new folks, and talk about whatever else is on our minds. It’s the Webdev Extravaganza! The meeting is open to the public; you should stop by!<\/p>\n
You can check out the wiki page<\/a> that we use to organize the meeting, or view a recording of the meeting<\/a> in Air Mozilla. Or just read on for a summary!<\/p>\n The shipping celebration is for anything we finished and deployed in the past month, whether it be a brand new site, an upgrade to an existing one, or even a release of a library.<\/p>\n First up was shobson<\/a>, who shared MoCo SSO Tweaks<\/a>, a Firefox add-on that makes the Okta SSO flow better. Among other things, it auto-focuses the verification code field, makes Enter submit the verification code form, and optionally automatically checks the “Remember Device” checkbox.<\/p>\n Next was hoosteeno<\/a>, who shared viewsourceconf.org<\/a>, the website for the 2016 edition of View Source, a conference for the web that Mozilla runs. The site is statically generated by Metalsmith<\/a> and takes advantage of several plugins include the model plugin<\/a> and the template plugin<\/a> for Swig<\/a> templates.<\/p>\n shobson worked on the frontend for the site. It intentionally avoids using jQuery<\/a> and uses SVGs for small image filesizes and easy Retina support. In the future the site will be using Service Workers<\/a> to enable offline access for the site, and particularly the schedule.<\/p>\n peterbe<\/a> stopped by to talk about the timenail support he added to Air Mozilla<\/a>. A timenail is a single screenshot from a video at a specific timestamp; a series of timenails is generated by the transcoding process and made available in the chapter editing interface for each video to help aid in finding good transition points for marking chapters in the video.<\/p>\n The site also calculates the difference between timenails and lets users filter the timenail list to only show thumbnails that have a difference between the previous timenail above a given threshold.<\/p>\n Next up was ErikRose<\/a>, sharing a bunch of new changes that landed in DXR<\/a>:<\/p>\n Thanks to new_one<\/a> and Tom Klein<\/a> for contributing these improvements!<\/p>\n Erik also mentioned that peep 3.1.2<\/a> is out, with support for pip 8.1.2<\/a>.<\/p>\n Erik’s last mention was Fathom<\/a>, which is an experimental framework for extracting meaning from webpages. You provide it declarative rules that score and classify DOM nodes, and in return it will parse a webpage and rank DOM nodes in the page based on the given rules. You can then extract nodes from this ranking in various ways, such as finding the highest-ranked nodes for a specific attribute, or finding clusters of similarly-classified nodes that are close to each other.<\/p>\n emceeaich<\/a> and dylan<\/a> wanted to share (in absentia) the news that the Readable Bug Status<\/a> package that emceeaich has been working on has been deployed on bugzilla.mozilla.org<\/a> for bugs in the Firefox, Core, Toolkit, and BMO products. Readable Bug Status helps summarize the status of a bug using information from several fields.<\/p>\n Next was pmac<\/a> who shared the news that Bedrock<\/a> has switched to using gulp<\/a> to help manage their frontend build and development process. The site previously relied on django-pipeline<\/a> completely to manage its static assets, but ran into issues with slow builds during development, as django-pipeline doesn’t watch for which files have changed and simply triggers a full build on each pageview. Switching to gulp allows the site to only rebuild frontend files that have changed, and it builds them as soon as they change instead of building them on-demand.<\/p>\n For more details, pmac wrote a blog post<\/a> describing the switch.<\/p>\n Here we talk about libraries we’re maintaining and what, if anything, we need help with for them.<\/p>\n peterbe shared a blog post<\/a> he wrote describing how to use Raven<\/a> to send pageview data to Google Analytics<\/a>. This is useful for tracking usage of endpoints that don’t return webpages but are still considered part of your site’s public API.<\/p>\n If you’re interested in web development at Mozilla, or want to attend next month’s Extravaganza, subscribe to the dev-webdev@lists.mozilla.org mailing list<\/a> to be notified of the next meeting, and maybe send a message introducing yourself. We’d love to meet you!<\/p>\n See you next month!<\/p>\n","protected":false},"excerpt":{"rendered":"Shipping Celebration<\/h2>\n
Okta SSO Fix Add-on<\/h3>\n
ViewSourceConf.org<\/h3>\n
Air Mozilla Timenails<\/h3>\n
DXR<\/h3>\n
\n
Peep 3.1.2<\/h3>\n
Fathom<\/h3>\n
Readable Bug Statuses in Bugzilla<\/h3>\n
Bedrock + Gulp<\/h3>\n
Open-source Citizenship<\/h2>\n
Google Analytics Pageviews on Non-Web Requests<\/h3>\n
Domainswitcher<\/h3>\n
\n\n
\n \nName<\/th>\n Role<\/th>\n Work<\/th>\n<\/tr>\n<\/thead>\n \n Benton Case<\/a><\/td>\n Intern – Web Developer<\/td>\n Add-on Recommendation<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n