WordPress to Hexo?

Matias presented a static blog generator called Hexo with some Angular addons to the AngularJS Meetup. I liked what I saw, so I set up my own install and imported my posts with the WordPress migrator. The transfer went smoother than with Ghost.. Moving text content over worked OK, although I loose some cool video and oembed features of WordPress. Moving images over will take more effort.

Having a static site is appealing, but I think I would miss having a place online to write posts. There is an admin plugin, but maybe using GitHub as a writing environment would be good. I could set up a post-commit webhook that tells a hosted version of Hexo somewhere (Heroku?) to build and deploy the site somewhere else.

Broken link checker plugins are helpful – I use one with WordPress already. Here’s a broken link checker for Hexo.

Toronto Web Performance Meetup – March 2015

EventMobi hosted us.

A Performance Bookmarklet by @micmro

slides and code

Check these out:

other neat bits

  • there are browser APIs for getting timing info about page loads
  • there is a http header for getting timing info in cross-domain requests
  • opening Chrome Dev tools can impact performance testing – for example slower load times due to downloading source maps
  • image caching images probably impacts results that these bookmarklets report, so be aware of whether caching is happening or not when looking at results

How to use ImageMagick by @newtron

slides

  • using responsive images well means generating lots of different sized images source art
  • ImageMagick is a command line tool available on many web servers that can help with resizing images, but it is horrible at optimizing images out of the box
  • Dave spent a ton of time testing out different compression & optimization settings to find the best balance
  • Dave integrated his findings into grunt-respimg, a Grunt task you can integrate in your build system

A Performance Bookmarklet (Tutorial) & How to use ImageMagick

Wednesday, Mar 18, 2015, 6:30 PM

EventMobi
243 College St, 3rd Floor Toronto, ON

35 Members Went

Hello #towebperf friends,here is the excellent lineup for our March meetup with two of our loyal members speaking:1. Tutorial: How to build a handy performance bookmarkletEver found yourself in a meeting having to quickly pull some performance characteristics of a website or web-app? Or do you go through the same manual steps to get specific dat…

Check out this Meetup →

Toronto JS meetup – March 2015

Shopify hosted us

Why use nodejs to build distributed systems? by Gord Tanner

slides video

  • js was event based from the start – browser vendors didn’t want bad web developer code to stop their browsers from running
  • nodejs’ event-loop makes it easier to handle concurrency. Promises, callbacks, and queues force you to keep things simpler than mutexes, semaphores, locking, shared memory
  • Always test your distributed app is a distributed environment. How about multiple Vagrant VMS? This is very different from firing up a few nodejs processes in your local machine where processes share RAM and a hard drive

Intro to WebPack with Tasveer Singh

slides video

  • old build tools merged all JS into a single file and uglified it
    • too much js parsing up front for mobile browsers when page loads
    • if 1 character of js changes, the entire merged file must be downloaded by users again
  • requirejs – importing dependencies is easy to mess up with typos

  • so try WebPack! It is big and complicated, but you can use it if you just believe, and the output is great!
    • inlining images to reduce HTTP requests
    • support for compilation tools for coffee script, babel
    • great support for merging lots of js files into a few modules – developers can find the balance between reducing HTTP requests and downloading too much code at once
    • watch out for asynchronously loading CSS – as more CSS loads and renders, conflicting rules lead to styles changing in unexpected places

Angular 2 with Matias Niemelä

video


March Tech Talk Night – Distributed Computing, WebPack, and Angular 2.0

Thursday, Mar 12, 2015, 6:00 PM

Shopify Toronto
80 Spadina Ave. 4th Floor Toronto, ON

126 Members Went

Did you know that this February was the first February since 1967 where every day was below zero degrees? The reason is that we didn’t warm up the hearts of Toronto with a Tech Talk Night! Join us on March 12th at Shopify’s beautiful Toronto office for another spectacular event.We would like to thank Lighthouse Labs for sponsoring the event: Ligh…

Check out this Meetup →