Termux - all you need for development on Android

I just bought myself new Android phone (before I used several years old-school Nokia with Symbian) and I found myself totally surprised when I discovered Termux. You can install Vim, PHP (version 5.6), Python, GCC, golang - all you need.
If I was aware of this I would buy phone earlier but I always think that it is just a useless toy since I'm not interested to by social.

Simple file caching in PHP

If you are creating simple file cache in your PHP code and wondering about the performance try this great article - Cache a large array: JSON, serialize or var_export? (written by Taco van den Broek).

Visual Studio Code

I like to test various code editors and currently I'm using Visual Studio Code from Microsoft (yes, it's open source editor from MS running on Linux :)). I'm using it mainly for developing add-ons for Mozilla Firefox (HTML+JavaScript+CSS) and PHP projects and I'm pretty impressed.

For example here is a screenshot when I was editing JavaScript code where I made a mistake that I pushed new items into bad array (see highlighed parts of code below and you will understand):

The error shown is really usefull...

CSS3 Animations

Do you remember the hell to do something like this just few years ago? :) - http://jsfiddle.net/ondrejd/22Lczf3d/

1 2 3

<div class="snackbar"> <p>New URL saved</p> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14

div.snackbar { animation-duration: 0.5s; animation-name: snackbarSlideIn; background-color: #323232; border-radius: 2px 2px 2px 2px; bottom: 10px; color: #FFFFFF; height: 48px; min-width: 288px; max-width: 568px; padding: 0 24px 0 24px; position: fixed; right: 10px; }

GitBook

I don't know if you hear about GitBook - web solution for digital writing and publishing. I already heard about it but never got time to explore it and that was definitively a mistake.

See for yourself - here is some links to books you can find there:

• Node, Express and libsass: project from scratch workshop
• WordPress The Right Way
• Famous Mobile Apps
• Pro GIT (in four language mutations!)
• Build Web Application with Golang
• Building Web Apps with Go
• go-best-practices
• Rust for C++ Programmers

If you're interested in writing your own book there is also pretty application that helps you with it: GitBook Editor.

TagsSidebar 1.0.5

Today was released yet another version of TagsSidebar and changes are pretty good:

1. fixed issues around displaying the tags (issues #2, #3)
2. added user options `tagsFontSize` and `tagsTheme` (see issue #7)
3. added shortcut Ctrl+Shift+B for quick opening/hiding the sidebar self

You can download this version either from AMO or directly from the repository on the BitBucket.

TagsSidebar 1.0.4

Today I released new version of TagsSidebar add-on for Mozilla Firefox.

Changes in 1.0.4

• enabled alphabetical sorting of tags and bookmarks (you need to enable this via add-on options)
• fixed bug that around bookmarks on newer versions of Mozilla Firefox

You can download this version either from AMO or directly from the repository on the BitBucket.

No more binary XPCOM components in Firefox

From Firefox 40 will be dropped support for binary XPCOM components - so another piece of history on which I started "real" programming will be gone. Some of you maybe remember XPCOMViewer :)

You can see more details here: https://blog.mozilla.org/addons/2015/05/04/dropping-support-for-binary-components/ and here https://groups.google.com/forum/#!topic/mozilla.dev.extensions/B3H3j6FRVms

DOM Insertion Test

While I worked on some task that includes inserting of many HTML elements into the document I was wandering what the fastest method is. I tried (basically) three methods:

• simple one by one element inserting using document.createElement followed by element.appendChild
• using document.createDocumentFragment – all created elements are appended to the document fragment and than inserted into the HTML document at once
• using element.innerHTML – create all new elements as a string and than insert it into the document at once

The fastest method is the last and the slowest is the first method. But sometimes is better use safe DOM approach so in this cases is the best using of the second method.

Some advices

1. Make HTML you are inserting as simple as is possible - each attribute counts!
2. If you create many elements and want event handlers attached to them don`t do it for each one element but attach one event handler to the parent element and then inside the handler self determine what the target element is.
3. Insert large amount of new elements in portions not in once. The advantage is that user always see that something is happening, the disadvantage is that it is little slower than do it at once.

Below is jsFiddle with the testing document (http://jsfiddle.net/ondrejd/kLw52/):

IDE hidden in Firefox nightly

Today I read interesting article on the Mozilla Hacks blog about new WebIDE and I have to say that on my low-cost netbook is this the first IDE targeted on mobile system that actually works and is usable on slower machines (including emulator of course).
Below is a screencast which I borrowed from the original article:



I must say that while Firefox maybe have not market-share as some time ago but still it is the perfect solution for the professionals.