No backend – frontend first tools

Traditionnaly – when you build an app – you go from the backend first, i.e – the data model, the database, the API and then only you add the frontend layout talking to you backend.

Problems that come with this approach are basically

  • Longer time before client can see anything
  • You don’t build with user scenarios in mind but with database and programming scenario in mind.

Some people though to reverse the whole dev cycle and start with frontend first.

I want to show you here 3 tools that can be very beneficial to this purpose.



Open source API generation

Github: https://github.com/deployd/deployd

Main site: http://deployd.com/



Offline line fist api for rapid application development

Site: http://hood.ie/




Opensource offline first, remote storage on a per user basis.

Site: https://remotestorage.io/





Logo brief tips

What if WhatsApp, Snapchat and Amazon launched in the 80s

Ok, let’s chill for a sec.

If you don’t know about Jo Luijten, he is a Dutch video artist & video game developer based in LA, and beside his impressive portfolio, he also feed a youtube channel name Squirrel Monkey with some funny retro videos.

I stumbled upon his creations the other day and had to share some here.

Check his channel if you want more vids (got on Siri, Tinder, Insta, Bitcoin and more).

These are are some of my favourites.

WhatsApp in the 80’s



Snapchat in the 90’s


Amazon in the 80’s



And last one : Privacy in the 80’s





Ok, I guess you get the idea… just found like a fun thing to keep record of. Also a good remind of how things felt back then…

Again, don’t forget to check his channel.

How to connect to Nextcloud using Webdav flysystem and laravel

Ok…. title of this post is a tad specific but I have wasted so much time trying to piece all together all the elements of this short post that I thought it will be probably useful for a few other people out there.


so what are we talking about anyway.

On one side of the ring we have Nextcloud – the evolution of owncloud, forked by its own founder to ensure this project remain opensource forever (full story here).

Nextcloud allow external app to connect to its API using Webdav, a good old reliable standard.

And on the other side, we have a filesystem abstraction for PHP, named Flysystem, which is super dope and deal with all kind of filesystem with a unified API, and that’s great.

Then we have Laravel the flexible PHP framework, which has a pretty good community of users.

There is a Laravel package for Flysystem, it was made by Graham Campbell and it’s available on Github here.

So, what you do, in your laravel project, you install first Graham Campbell package, as described on the Readme:

$ composer require graham-campbell/flysystem
$ php artisan vendor:publish

The in the config/flysystem.php you edit the connector with your cloud URL (just the nexcloud root install – without the remote.php/webdav etc.)


And then in your controller, there you need to specify the remote.php/webdav/

return Flysystem::connection('webdav')->listContents('remote.php/webdav/');


and that’s it.


(of course, don’t forget to call for

use GrahamCampbell\Flysystem\Facades\Flysystem;

in your controller, but this was kinda documented anyway).


so that’s it.


Thanks to Gert for the tip on Github here.



Vuejs and jquery – a digest


Really, vuejs could totally replace jquery if it wasn’t for some of jquery plugins. But really as time goes, I am sure we can expect it will come.

Comparing vuejs and jquery

Replace jquery with VueJS

If you are not that much of a jquery person anyway, this article should be a good intro for you : A Vue.js introduction for people who know just enough jQuery to get by

When money isn’t real: the $10,000 experiment



Adam Carroll talks about his $10,000 Monopoly game with his kids and how to teach finance management in a cashless society. Adam Carroll is quickly being recognized as one of the top transformational trainers in the country. Having presented at over 500 colleges and Universities nationwide, hundreds of leadership symposiums, and countless local and regional organizations, Adam Carroll’s message of Building A Bigger Life, Not a Bigger Lifestyle has been heard by over 200,000+ people. In early 2014, Adam successfully crowd-funded a documentary on student loan debt, raising nearly $70,000 in 45 days. The film, Broke Busted & Disgusted is due out in early 2015 and is already garnering critical acclaim. The mission of the film is to start a national debate about changing the way we fund college and not crippling 20 somethings with mountains of debt. Adam’s core message is we are all after the same thing – to relentlessly pursue our passions, live simply and happily, and make a difference to those around us.

Camera basics – ISO – Aperture – Shutter speed

Shutter Speed

The time the shutter is open to expose light into the sensor.

Typically measured in fractions of a second.

Slow shutter speeds means more light into the sensor

Examples of shutter speeds: 1/15 (1/15th of a second), 1/30, 1/60, 1/125.


How big the hole of  the lens is open.

The larger the hole, the more light.

Aperture also controls the depth of field.

Small aperture = large depth of field

Large  aperture = Small depth of field

Typically expressed in “f” numbers (for “focal ratio”)

Examples of f-numbers are: f/1.4, f/2.0, f/2.8, f/4.0, f/5.6


Artificially brighten your photos

Measured in numbers (no kidding 😉 )

Low number -> dark image

Higher numbers -> brighter image.

Con: as the ISO rises, so does the noise in your images.

Examples of ISO: 100, 200, 400, 800, 1600.

Some interesting VueJS Projects

VueJS wordpress theme starter

  • VueRouter integrated
  • Vuex integrated (with sample WordPress-centric modules)
  • jQuery integrated, if that’s your thing
  • Firebase support and sample config
  • Axios for API requests
  • Follows the development guidelines/structure set forth by Vuejs
  • Bare essentials needed for a functional WordPress theme
  • All requests are redirected back to the index.php so your Vue routing is respected.
  • SCSS support
  • Bootstrap-Vue integrated


It is like Reddit but in VueJS






VUE light bootstrap dashboard







wordpress and redis

Ludicrous Speed: WordPress Caching with Redis

How To Configure Redis Caching to Speed Up WordPress on Ubuntu 14.04

WP Redis

wp-redis-cache by Benjamin Adams

How to Drastically Speed Up WordPress with Redis

How to load WordPress in a few milliseconds using Redis

Lightning Fast WordPress with Nginx + Redis

Why do I write var log

Most post in this category are unfinished, imperfect, lack the polish a proper blog article should have, very often they have typos and even some time unfinished sentences.

So why even bother?

Well, because life isn’t perfect, and most imperfect.

But it is important to get going anyway.

It is important to persist.

I know as I keep doing it it helps me shape my thinking.

Mostly I avoid accumulating ideas in my head.

When I publish it out to the world, it is one thing less I have to deal with.

When I share a video from youtube here I also know I can always find it it the future.

I don’t need to worry or overthink things.

It is out there.

It is for everybody to see.

Sometime is not perfect.

But I am not perfect. I am work-in-progress myself.

I am just giving you a gimpse of what is going on and trying to share the useful bits that could help you too.


That’s it basically.