HTML Editors for your textarea

Several years ago I used FCKEditor. I was quite satisfied and to be honest my needs were really basics. A thing I noted scanning my 404 logs was a noticeable over-representation of /cgi-bin/fckeditor/editor/ requests, and I suppose this means it had a lot of tasty flaws.

Now I wanted something new and possibly even simpler. Maybe better integrated with Bootstrap. Googling I spotted three alternatives:

Read More »

From gedit to IDE with plugins

geditI love and use many text editors, from Sublime Text (being cross-platform) to BBEdit under macOS. Recently I started using more and more gEdit 2, because it’s universally available in most Linux distributions I happen to use. With some tricks, it’s possible to boost productivity.

  1. Default gEdit plugins – From the preferences, it’s possible to activate useful plugins, like the Snippet editor.
  2. Standard gEdit plugins – Debian/Ubuntu repositories carry the gedit-plugins package that includes a bunch of plugins, like Bookmarks, Word Completion, Bracket Completion, Multi Edit, Code comment and session saver… oh, a terminal too. They shift gEdit to a more reliable coding editor.
  3. Optional plugins – One for the web developers: Zencode (zip for Gedit2 here). Zencode is so cool I wanted it in the headless servers too with this VIM plugin.

Bootstrap: colum offset

As mentioned before with Bootstrap it’s possible to combine multiple classes to design a responsive website. We can decide to use six columns on large screen and reduce the number of columns as we reduce the available screen size.

<section class="col-sm-6 col-md-4  col-lg-2"></section>

This means that on small screens the section will span 6 columns. We can specify an offset so that the single column on small screens will not go edge to edge:

<section class="col-xs-offset-3 col-sm-6 col-md-4  col-lg-2"></section>

This edit will work until the second breakpoint, because the offset will remain. We can cleaer it:

<section class="col-xs-offset-3 col-sm-6 col-sm-offset-0 col-md-4  col-lg-2"></section>