How to use Twitter Bootstrap

Twitter Bootstrap is become standard for developing web UI and it's kind of web 3.0 which uses HTML5 and CSS3 to make UI beautiful.

Following are steps to use Twitter Bootstrap

1. Download jQuery --ver 1.8 or greater version from http://jquery.com/download/
2. Customise Bootstrap from http://twitter.github.io/bootstrap/customize.html
3. Finally include jQuery, Bootstrap-css, Bootstrap-js, and Bootstrap images in your project.

What if you are using jQuery-UI, no problem jquery-ui Bootstrap is also available 

http://addyosmani.github.io/jquery-ui-bootstrap/

But two things are missing in Twitter Bootstrap

1. Datepicker
2. DateTimepicker
3. Bootstrap Dropdown for Select-box

Following are the respective list for including Datepicker, Datetimepicker, and SelectBox

1. If you only want Datepicker use http://www.eyecon.ro/bootstrap-datepicker/
2. If you want Datetimepicker use http://tarruda.github.io/bootstrap-datetimepicker/ which also include Datepicker so you can leave eyecon date picker if you want to use Datetime picker
3. For converting simple dropdown select box to Bootstrap dropdown use http://silviomoreto.github.io/bootstrap-select/

AWS SES Request timestamp:expired. It must be within 300 secs/ of server time.

It's due to difference in time on your server and Amazon SES.

1. Check your linux server time by

> date

2. Check Amazon SES time by

> wget https://email.us-east-1.amazonaws.com --no-check-certificate --server-response

if this time difference is more than 300 seconds, then you get this error on sending email from Amazon SES, to solve this use ntpdate on your linux server

> sudo /usr/sbin/ntpdate 0.north-america.pool.ntp.org 1.north-america.pool.ntp.org 2.north-america.pool.ntp.org 3.north-america.pool.ntp.org

Again check the time difference by using above 2 commands.

If time difference is < 300 seconds .

It's done

Share on social networks

1. Twitter tweet button

https://dev.twitter.com/docs/tweet-button

2. Facebook like

http://developers.facebook.com/docs/reference/plugins/like/

3. LinkedIn share

https://developer.linkedin.com/share-plugin

4. Google Plus one button

https://developers.google.com/+/plugins/+1button/

Add fonts to your website

• Visit Google Web Fonts and search fonts, if you know the name of font
• Add to your fonts collection
• Use them in your website by

1. link tag in your website, or
2. @import in your css file, or
3. javascript

Online Web Development Tools

Lucid Chart
Draw online UML diagrams

Moqups
Draw online web wireframes / moqups

SVG maker
Make graphics and download in SVG (no signup required)