Express, Twitter Bootstrap, and LESS

- Using Twitter Bootstrap's LESS mixins
- Adding LESS middleware to Express
- VIM editing techniques and CSS styling "tips" (through out video)

Play by Play:

0:00 - addresses feedback from viewers Cori Drew and John Atten
1:25 - talks about his crappy 2010 Mac Book Pro
2:00 - learns a new word “dithering artifacts”
3:00 - shows all the artifacts from the previous screencasts for you to follow along with
4:45 - summarizes what was discussed in the last screencast and what will be covered in this one
5:30 - talks about his allergies :-(
6:00 - continues summarization of the previous screencast
6:30 - explains importance of watching all the screencasts (emphasis on code kata’s)
8:00 - starts to make the CSS of the web application a little nicer (showing off his “designer" skills)
11:00 - more CSS shenanigans, briefly talks about VIM’s layout system
12:25 - makes sure CSS looks good for multiple list elements
14:20 - explains how to convert CSS over to LESS
15:00 - explains the short comings of using just CSS
16:15 - adds/explains LESS middleware
19:55 - moves over inline style tags to the LESS file using VIM key bindings
23:00 - incorporates Twitter Bootstrap’s LESS mixins
24:45 - uses the .make-row() mixin
25:40 - uses the .make-sm-column() mixin
26:25 - shows all the mixins you have available in Bootstrap
28:00 - uses the .make-sm-columnt() mixin
28:30 - sees what the website looks like on the iPhone
29:00 - summarizes what was covered in this screencast
29:45 - shows LESS minification using LESS middleware
30:30 - shows the CSS output generated by using mixins
31:00 - talks about what will be covered in the next screencast: AngularJS
31:30 - encourages viewers to try out what was shown in the video
32:00 - shows some sample apps that have been developed (that you can work through)
32:50 - encourages users to send feedback and explains what value these screencasts provide vs the other screencasts exist on the web

# Uploaded 189 Plays / / 0 Comments Watch in Couch Mode

Coding Out Loud

Amir Rajan

A series of screencasts about development.

Browse This Channel

Shout Box

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels. Channels