Categories
Tools

Website Speed Tests

Pingdom Website Speed Test

simply enter a url to test the load time of that page, analyze it and find bottlenecks

https://tools.pingdom.com

GTmetrix

simply enter a url to analyze your site’s speed and make it faster. GTmetrix gives you insight on how well your site loads and provides recommendations on how to optimize it.

https://gtmetrix.com

Categories
Tools

ACE embeddable code editor

Ace is a code editor written in JavaScript which can be embedded in any web-page/JavaScript application. It is a community project with the source code hosted on GitHub and released under the BSD license.

Features include:

  • Syntax highlighting
  • Over 20 themes
  • Automatic indenting
  • Search and replace with regular expressions
  • Highlight matching parentheses
  • Line wrapping
  • Code folding
  • Cut, copy, and paste functionality
  • etc.

All the details are available at

https://ace.c9.io/

Categories
Tools

Text Editors

VisualStudioCode

Visual Studio CODE (VS Code) is a recent addition to my developers toolbox. It is a cross-platform code editor with many features to enable the creation, editing and debugging of programs with support for numerous languages.

https://code.visualstudio.com/Docs/languages

VS Code includes an integrated debugger currently with support for Node.js while others are planned in the future.

For languages such as JavaScript, JSON, HTML, CSS, Less, Sass, C# and TypeScript, VS Code provides a true IntelliSense service.

intellisense

As an added bonus, VS Code runs on Mac, Linux, and Windows.

Compared to the previous code-editors I’ve used, VS Code looks as though it could be the next one for me!

Find out all the details about VS Code at:

https://code.visualstudio.com/

Previous code-editors I’ve used

Sometimes you don’t need, or require, a full IDE when writing your latest application and you are looking for something which is simple to use and doesn’t require lots of resources. Prior to VS Code I have used numerous different code editors and IDE’s.

pfe-thumb

I started using PFE (Programmers File Editor) in the early 90’s and although I still have it today, it remains hardly used and I tend to keep it around for nostalgic purposes. A very basic editor (e.g. no code highlighting) but it worked well for me. The program is still working (with Microsot Windows 7 64 bit) and was last released in February 1999 as version 1.01 It is no longer supported/developed but at the time of writing (July 2015), it can still be obtained from

http://www.lancaster.ac.uk/~steveb/cpaap/pfe/pfefiles.htm

Later on I migrated to using Notepad++, which is still part of my toolkit and I use it on a daily basis.

notepad-thumb

Notepad++ is a free source code editor (and replacement for Windows Notepad) which supports several programming languages and runs under Microsoft Windows. Simple but effective.

Available from

https://notepad-plus-plus.org/

For a bit more and functionality, I use Komodo Edit.

komodo-thumb

This is a free, open-source, cut down version of the full Komodo developers IDE. Supported languages include Perl, PHP, Python, Ruby and Tcl; plus support for browser-side code including JavaScript, CSS, HTML and XML. Background syntax checking and syntax coloring catch errors immediately, while autocomplete and calltips guide you as you write. Available on Linux, Mac OS X and Windows at version 9.1.0 and can be obtained from

http://komodoide.com/komodo-edit/

Categories
Software Tools

PhantomJS

In re-visiting a request to provide an application to capture a web page as an image, I remembered phantomJS which is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. currently at version 1.9 Find it at:

http://phantomjs.org/

Categories
Tools

Bootply

Bootply is a editor and visual builder for Twitter Bootstrap. Bootply helps you design, prototype, extend, build and test the Bootstrap framework.

To create a new project (known as a “ply”), simply type code in either the HTML, JavaScript or CSS code editors. The ply can be saved for later use and can be shared.

The idea behind Bootply is to provide a web-based editor for Bootstrap that also facilitates collaboration and sharing. The Bootply community is an aggregation of the latest and greatest posts (plys) and users. The community is a good place to showcase your work and increase your visibility as a developer.

More details at

http://www.bootply.com/

and details of Bootstrap can be found at

http://getbootstrap.com/