SteveBarnett

npm install webpagetest -g

---

webpagetest test wpt-script.txt -k $WPT_API_KEY -l "Dulles_MotoG" -y "3G" -r "5" -vpt

---

This ^^^ does 5 runs of the test on a Motorola Moto G on a 3G connection. If you're feeling brave, try -y "3GSlow". If you're feeling really brave, try -y Edge.

SteveBarnett

https://www.npmjs.com/package/psi

---

psi --strategy "mobile" --threshold "85" http://example.com

---

Running PSI via the web-based version or through DevTools gives more explicit instructions on how to fix things, so it's good to check there too.

SteveBarnett

npm install -g phantomas

https://github.com/macbre/phantomas

---

Then run using

phantomas --config=phantomas.json http://example.com

SteveBarnett

FED Checklist

Planning / Design

HTML

Images

• Use as few as possible, so that your page loads faster and costs your users less data.
• Use the best format for your image (the one that gives the smallest file size, while retaining image quality): SVGs; JPGs (for photos, images with many colours); PNGs (for images with fewer colours); GIFs (for animations).

SteveBarnett

• Block level elements can become select-like items of larger screens
• Anchors / accordions become tabs
• Simple layouts becomes centered, with side padding to keep a good measure
• Block level display becomes inline-blocks, at break points
• Simple step navigation (Next > Edit Campaign) becomes breadcrumbs (Name > Edit > Publish)
• One columns becomes two, by row, to keep context
• Use arrow instead of burgerto indicate directions / movement
• Off-canvas stacked layers. Must have multiple navitation controls: <- arrow for back, Save and Cancel buttons.
• Off-canvas menus come on screen when there's enough room for them.
• Smart defauts -> Short list of popular / recent -> detailed selection if needed.

SteveBarnett

Dear Software Professional,

It is with great regret that today the SPIN committee is announcing that SPIN is closing.

When the Software Process Improvement Network events started in Cape Town in 2005, many of the problems it tackled, and discussions that it encouraged, were to solve the “big problems” of software development. With the rise of agile methodologies like scrum, kanban, and extreme programming, software process improvement is better understood than any time in its past.

Cape Town’s software development community has also experienced incredible growth over the last decade, now supporting technical talks for all major (and some niche) software languages and development practices.

All these events focus on “software improvement” in some way. The committee feels that there is no longer a need for talks focusing specifically on software process improvement.

SteveBarnett

Run using the excellent WebPageTest API wrapper for NodeJS by Marcel Duran, and $WPT_API_KEY as an environment variable.

Command

webpagetest test example.com -k $WPT_API_KEY -l "Dulles_MotoG" -y "custom" -D 100 -U 100 -Y 200 -r "5" -vpt

-k key -l location and device (Dulles being thinly place with a selection of mobile devices, at the time of writing)

SteveBarnett

Subject

Is your RSVP still correct?

Body

Hello there.

Looks like we're going to have a packed house on Wednesday. Yay! If you can't make it, please update your RSVP to No so that peeps on the waiting list can come to the meetup in your place.

SteveBarnett

console.log(7);

SteveBarnett

Free Basics

• General info (previously known as Internet.org)
• Developer info on dev.fb

Codex Application form

• planning for pages
• a sketch of guidelines for the CSS