HTML5, CSS and Javascript

From Bellman
Jump to navigation Jump to search

This started out as "Stuff I need to look at" and is changing into a diary.

Stuff I am thinking about


More Javascript frameworks, Backbone, Ember, and Knockout. Gotta have a good name these days.


Web APIs -- The New York Times API has a Gazetteer (and about 10 other services)


I am building an interface to maintain virtual mail accounts for Postfix and Dovecot. Postfix, Dovecot, and PostgreSQL meet AngularJS


Brian likes this: How do I think in AngularJS if I have a jquery background so he decides not to dive into JQuery anytime soon.


Yeoman which is composed of three parts,

  1. Yo is the scaffolding tool; quickly set up all the parts of a new app
  2. Grunt is the build tool.
  3. Bower is a package manager for the web; like apt-get, use it to add components including their dependencies

Yeoman lets me set up projects to use many things, including Angular, Bootstrap, Compass, Modernizr

Do this:

yo webapp
grunt serve

This will automatically launch a browser and point it to http://localhost:9000/ which is where your newly built app will be running. As you edit files in the webapp, the browser updates. Very cool.

More... Heroku - $ - Build and deploy web apps - python, node, ruby, java..


HotGloo - $$ - Prototypes and wireframes -- "A website wireframe is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface. Typically, wireframes are completed before any artwork is developed.” (Source: Wikipedia)

Moqups - $ - Wireframes

Angular.js - MVC like javascript framework

Backbone.js - "Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. "


Another thing to look at: Bootstrap templates (Thanks Jesse!) which led me to Glyphicons