Posts

  • http://expressjs.com/en/guide/routing.html
  • https://alexanderzeitler.com/articles/expressjs-dynamic-runtime-routing/
  • https://stackoverflow.com/questions/19096453/convert-object-to-express-dynamic-routes
  • https://github.com/OneOfOne/dynamic-routes

UI Kit

GetUikit

Site: https://getuikit.com/
GitHub: https://github.com/uikit/uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Well suited for website, landing pages etc.
Simple, straightforward.
Also, nice extra: Autocomplete plugins for both Atom and Sublime Text 3.

Stream Ui Kit

StreamUIkit

Site: https://htmlstream.com/templates/stream-ui-kit

Bootstrap Theme.
So, if you know bootstrap already, you will feel home very fast.

One Nexus

Nexus
Site: http://www.onenexus.io/

More complex
Based on Synergy, a front-end framework for UI components generation. and Kayzen, a custom grid system – All made by the same dev team.

I haven’t take the time to play with this one but it looks nice.

Milligram

Screen Shot 2018 10 17 at 09 40 40
Gotta love simplicity
Only 2kb gzipped
https://milligram.io/

Tabler

One of the best around.
Open source dashboard UI.
Bootstrap based.
Clean code.
Nice logic.

Screen Shot 2018 10 17 at 09 50 01

Site: https://tabler.github.io/
Demo: https://tabler.github.io/tabler/
Source : https://github.com/tabler/tabler

Bootflat

https://bootflat.github.io/

Screen Shot 2018 10 17 at 09 52 20

Semantic UI

Screen Shot 2018 10 17 at 09 55 16

Neat.
Simple.
Working.

https://semantic-ui.com/

PureCSS

Light open source UI Kit

Screen Shot 2018 10 17 at 09 58 16

https://purecss.io/

Ink

Screen Shot 2018 10 17 at 09 59 38

An open source UI kit from Portugal.

http://ink.sapo.pt/

GrounworkCSS

Exist with Rails flavour – or agnostic.

https://groundworkcss.github.io/groundwork/?url=docs/home

Materialize CSS

Screen Shot 2018 10 17 at 10 03 38
Google Material Design
Open source
Not made by Google though.

Site: https://materializecss.com/
Source : https://github.com/Dogfalo/materialize

Also exist as an npm install flavour.

Topcoat

Nice webfrontend for app.
Clean.

Go check it here: http://topcoat.io/

Petal

Made by the folks at Shaker
Site: https://shakrmedia.github.io/petal/
Source: https://github.com/shakrmedia/petal

That’s it.
That’s a good choice to start with.
This doesn’t even include paid one or open source react / vue / angular frameworks.

Let me know if you know of an other one you think should make the list.
These are the one I have found by searching the web for stuff but maybe you know an other one worth mentioning. Hit me by email, in the comments or on social.

TL;DR:

 

AMP is Google tech for loading pages quickly on mobile.

Basically AMP is the Google version of Facebook Instant Articles.

Google is pushing this tech as a mean to increase the overall volume of mobile Ad inventory – essentially more page views means more revenues for publishers and Google via DoubleClick.

Solving page load issues can be done without AMP and should be probably done without it.

 

Google tech selling page for AMP

In short: “AMP provides a great user experience across many platforms” – all the rest is just how to implement it.

 

Why is it a bad idea?

See Daniel Miessler article :

Google AMP is not a good thing

 

What was the issue we were trying to solve – and how could we solve this differently ?

Justin Avery make a very good exercice of discussing the AMP sales pitch:

See What is the deal with Accelerated Mobile Pages – AMP

Also :

AMPed up – by Jeremy Keith – british web developper from Brighton:

I love the opening:

“Apple has Apple News. Facebook has Instant Articles. Now Google has AMP: Accelerated Mobile Pages.
The big players sure are going to a lot of effort to reinvent RSS.”

which is – in essence of lot of what is happening.

We used to have a standard way to federate content online – using RSS – and this way keeping up to date with whatever we wanted to – in a very platform-agnostic way – and now with Apple / Google / Facebook fighting for every bits of our attention and money – they are re-creating similar technology to avoid us doing anything outside of their platform.

 

Last but not least – you can also check Joshua Benton on NiemanLab – makes a good balance of all points:

Get AMP’d: Here’s what publishers need to know about Google’s new plan to speed up your website

 

Bottom line

It seems a lot of marketing around a simple idea for optimising content : stripping your content from most of its fancy elements – but all the while – avoiding people to leave the Google environment which is the key element for Google.

So, yeah… I am sure from a pure engineering perspective we could have done the same without all the AMP fuss which is basically a way to make more web – real estate for Google to bid on…