Laravel Blade @each directive

, no comments yet

The relatively unknown @each function in a very powerful way to loop over data in Laravel Blade templates. It is powerful and much more elegant than @foreach.

Tracking exceptions with Bugsnag

, no comments yet

Until today, I kept an eye on any errors on this website by sending them to myself by email. Although this works, I thought it was time to look for a better way of handling exceptions. Enter Bugsnag, a service that lets you track errors and exceptions and view them in a dashboard. These are my first experiences working with Bugsnag.

Game of Life Javascript plugin

, no comments yet

I've developed a little Javascript plugin with which you can play Conway's Game of Life. Actually, it's not a real game. You can determine the initial state and from there it sort of just evolves. Visit the article to play it yourself.

Use an SSL certificate

, no comments yet

Using an SSL certificate is quickly becoming a best practice, if it isn't already. What do you need to know before choosing a certificate and what do you need to check after installing it?

Loading a (Google) webfont asynchronously

, no comments yet

Just like stylesheets and Javascript files, requesting a webfont can be postponed or done asynchronously. Doing so will make your pages render more quickly, especially on browsers with a slower internet connection.

Critical path CSS

, 1 comment

Critical path CSS is the minimal amount of CSS that you need to render (part of) your website. By inlining this in the <head> of your website you can defer loading the rest of the CSS. This increases page speed and gives users a better experience.

Lazyloading Javascript

, no comments yet

To improve the speed of your website you can lazyload Javascript, CSS and images. This means that you first load all essential elements of the page and only after that you start loading any extras. Lazyloading Javascript is simple and was the first thing I did.