Category Archives: programming

Bootstraps Tools

Leave a reply

Visual Editor

  • bootply.com – online visual bootstrap editor
  • pingendo – free, native (download and install)
  • pinegrow.com – paid (starts at usd49), native + online demo
  • layoutit – free, online editor
  • jetstrap.com – paid

Snippets, tools, themes etc.

  • bootsnipp.com – snippets, form builder
  • startbootstrap.com – theme and templates

Others

  • bootstrap magic – change theme, color and other default look for bootstrap based on your preference
  • codiqa.com – build mobile app easily. nice and easy interface
  • x-editable – library to easily update data in-line without whole form submission
  • bootbundle.com – theme, template, plugins etc. many sites on one.
  • list of more plugins and tools

Some useful tools on bootstraps

Offline tool/desktop app

Git

Leave a reply

Learning Git (over SVN).

Git vs SVN

GIT vs SVN

Git Basic

https://www.atlassian.com/git/

Git with Netbeans

https://netbeans.org/kb/docs/ide/git.html

Free private source repo

https://bitbucket.org/ (limit to 5 users)
http://gitlab.org – unlimited private repos (limited to 10GB per project)

Free git client for windows and mac

  1. https://www.atlassian.com/software/sourcetree/overview
  2. github desktop

 

 

CodeIgniter template library

Leave a reply

Why use template library for CI

  • You feel like using views can be clunky, especially when “embedding” views.
  • You don’t like calling header, footer, and other global views from every Controller method.
  • You prefer having one “master template” that can be changed for any controller in order to meet unique application design needs.
  • You don’t want to drastically alter the way you interface controllers and views.
  • You like clear, thorough documentation on par with CodeIgniter’s User Guide.

source: http://jeromejaglale.com/doc/php/codeigniter_template

or alternative download

Top PHP framework

Leave a reply

Still looking for best and promising PHP framework. There are too many of PHP frameworks out there.

You can refer to this site of summary for some of the frameworks.

And you can take a look on poll result made by sitepoint on most popular PHP framework in 2014.

According to the site. Top 3 PHP frameworks are

  1. Laravel
  2. Phalcon
  3. Symfony2
  4. CodeIgniter & Yii

Don’t know how true it is but it can be as indicator to start doing the research further to find out.

phpframework

PHP GUI IDE

Leave a reply

I’m looking for PHP GUI IDE and found the following. Need to study all the options.

  • http://www.scriptcase.net/
  • http://www.nusphere.com/
  • http://www.xojo.com/
  • http://www.embarcadero.com/
  • http://www.yessoftware.com/

Some on framework

  • http://laravel.com/
  • http://www.grocerycrud.com/ – one line crud

Script for numbered heading in Google Docs

Leave a reply

This script to be used in google docs. It will come out numbering for heading like below

1

1.1

1.1.1

To run the script go to Tools > Script Editor…

Run the script and it will update the docs to reflect.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

function addHeaderNumbering () {
  var pars = DocumentApp.getActiveDocument().getBody().getParagraphs();
  var counterHeader = [0, 0, 0, 0, 0, 0];
 
  for(var i=0; i<pars.length; i++) {
    var par = pars[i];
    var hdg = par.getHeading();
    if (hdg == DocumentApp.ParagraphHeading.HEADING1) {
 
      _addNumberingForHeaderType(DocumentApp.ParagraphHeading.HEADING1, par, 0, counterHeader);
    } else if (hdg == DocumentApp.ParagraphHeading.HEADING2) {
      _addNumberingForHeaderType(DocumentApp.ParagraphHeading.HEADING2, par, 1, counterHeader);
    } else if (hdg == DocumentApp.ParagraphHeading.HEADING3) {
      _addNumberingForHeaderType(DocumentApp.ParagraphHeading.HEADING3, par, 2, counterHeader);
    } else if (hdg == DocumentApp.ParagraphHeading.HEADING4) {
      _addNumberingForHeaderType(DocumentApp.ParagraphHeading.HEADING4, par, 3, counterHeader);
    } else if (hdg == DocumentApp.ParagraphHeading.HEADING5) {
      _addNumberingForHeaderType(DocumentApp.ParagraphHeading.HEADING5, par, 4, counterHeader);
    } else if (hdg == DocumentApp.ParagraphHeading.HEADING6) {
      _addNumberingForHeaderType(DocumentApp.ParagraphHeading.HEADING6, par, 5, counterHeader);
    }
  }
}
 
 
function _addNumberingForHeaderType(headerType, paragraph, initIndex, counterHeader) {
  counterHeader[initIndex] = counterHeader[initIndex] + 1;
  var currCounter = _getCurrenNumbering(initIndex, counterHeader);
  for(var ii = initIndex + 1; ii < counterHeader.length; ii++) {
    counterHeader[ii] = 0;
  }
  var content = paragraph.getText();
  var chunks = content.split('.\t')
 
  var result = 'ok'
  if(chunks.length > 1) {
 
    paragraph.setText(currCounter+'.\t'+chunks[1]); 
  } else { 
    paragraph.setText(currCounter+'.\t'+chunks[0]);
  }
}
 
 
function _getCurrenNumbering(initIndex, counterHeader) {
  var value = '';
  for ( var i = 0; i <= initIndex; i++) {
    if (value) {
      value += '.';
    }
    value += counterHeader[i];
  }
 
  return value;
}

Thanks to the author. Original source here

HTML 5

Leave a reply 
1
2
3
4
5
6
7

1. <input type="text" placeholder="Your name here" /> (auto-focus, with place holder and required field)
2. Number: <input max="5" min="0" type="number" /> 
3. Email: <input required="" type="email" /> - validation on email upon form submission
4. Range: <input max="10" min="0" step="1" type="range" value="5" />
5. Date: <input type="date" /> (also available type datetime, time, week, month)
6. URL: <input type="url" /> (on phone - no space bar on keypad)
7. Color: <input type="color" />

Output

1. (auto-focus, with place holder and required field)
2. Number:
3. Email: – validation on email upon form submission
4. Range:
5. Date:
6. URL: (on iPhone – no space bar on keypad)
7. Color:

Validation only works on submission (click on submit button)

Use modernizr to detect and automatically correct non-supported browsers