Category Archives: Tools, Tips and Tricks

A collection of insights I’ve found helpful in my web development process.

Local WordPress Development

Chris Coyier gives an overview of his current day local development processes with WordPress going headfirst with Flywheel, Github and Buddy.

WordPress, Mailchimp Syndication

Take back your content and own your SEO. If you do newsletters through Mailchimp and leverage WordPress for your content management system, Chris Coyier has a great overview of bringing value back to your domain by syndicating your newsletter content through RSS feeds.

A framework for web performance

A simple yet effective spreadsheet that you or your company can use to prioritize web performance goals.

First visit factors Repeat visit factors First visit time Repeat visit time First visit goal Repeat visit goal Priority
1st byte
  • server speed
  • network speed
  • server speed
  • network speed
  • caching
1st render
  • network speed
  • critical path assets
  • network speed
  • critical path assets
  • caching
1st meaningful paint
  • network speed
  • font-loading strategy
  • image optimisation
  • network speed
  • font-loading strategy
  • image optimisation
  • caching
1st meaningful interaction
  • network speed
  • device processing power
  • JavaScript size
  • network speed
  • device processing power
  • JavaScript size
  • caching

Thanks to, Jeremy Keith

Differences between constructor vs ngOnInit() method

Constructor ngOnInit
Typescript feature nothing to do with Angular One of the Angular life cycle hook method
constructor is transformed to function with the same name as class created ngOnInit being added to prototype of the class created
Called by Javascript Engine Called by Angular
Constructor is automaticlly called at the time of creating object of the class Invoked by Angular when everything in the component is ready
Used for Injecting dependencies Actual business logic performed here
Not everything in component is initialized at the time of invocation Everything is ready at the time of invocation

 

Thanks to, Angular js Wiki