Ferenc Czigler Serrin

Which editors do you recommend?

A heated question, oft asked in the nether of SO Chat. It's at the end, of course, a matter of taste and usage: Some editors are better than others at some things, some things are only possible in some editors.

So here's a list of editors and IDEs which we of room 17 use and can recommend, sorted alphabetically.

For beginners

Most importantly, here's a very short list of (free!) editors which are recommended for beginners to scripting or web-dev (i.e. no compiling necessary), aimed at people who just got into JavaScript, Ruby, Python, Bash, etc and want to get a feel of things. Just pick one and have fun!

Linux

gedit / KWrite

Creating share buttons with just URL's

Twitter

http://twitter.com/share?text=<TITLE>&url=<URL>

E.g. http://twitter.com/share?text=This+is+google+a+search+engine&url=https%3A%2F%2Fwww.google.com

Facebook

http://www.facebook.com/sharer.php?u=&p[title]=

GENERATORS:

Text Content Generator - http://www.lipsum.com
Favicon Generator - http://tools.dynamicdrive.com/favicon
Data Generator - https://mockaroo.com/
Mobile Mockup Generator - https://mockuphone.com
Logo Generator - https://www.logaster.com
UUID Generator - https://www.uuidgenerator.net/
Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
Ultimate Code Generator - https://webcode.tools/

CSS units

Recommendations of unit types per media type:

Media	Recommended	Occasional use	Infrequent use	Not recommended
Screen	em, rem, %	px	ch, ex, vw, vh, vmin, vmax	cm, mm, in, pt, pc
Print	em, rem, %	cm, mm, in, pt, pc	ch, ex	px, vw, vh, vmin, vmax

Relative units

Block Elements ## Headers 見出し先頭に`#`をレベルの数だけ記述します。 ```

見出し1

見出し2

見出し3

見出し4

見出し5

見出し6

## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6 ## Block 段落 空白行を挟むことで段落となります。 ```
段落1
(空行)
段落2
``` 段落1 段落2 ## Br 改行 改行の前に半角スペース` `を2つ記述します。 ```
hoge
fuga(スペース2つ)
piyo
``` hoge
fuga piyo ## Blockquotes 引用 先頭に`&gt;`を記述します。ネストは`&gt;`を多重に記述します。 ```
&gt; 引用 &gt; 引用
&gt;&gt; 多重引用
``` &gt; 引用 &gt; 引用
&gt;&gt; 多重引用 ## Code コード `` `バッククオート` `` 3つ、あるいはダッシュ`~`３つで囲みます。 ```
print 'hoge'
``` ```
print 'hoge'
``` ### インラインコード `` `バッククオート` `` で単語を囲むとインラインコードになります。 ```
これは `インラインコード`です。
``` これは `インラインコード`です。 ## pre 整形済みテキスト 半角スペース4個もしくはタブで、コードブロックをpre表示できます ``` class Hoge def hoge print 'hoge' end end
``` class Hoge def hoge print 'hoge' end end ## Hr 水平線 アンダースコア`_` 、アスタリスク`*`、ハイフン`-`などを3つ以上連続して記述します。 ```
hoge
***
hoge
___
hoge
---
``` hoge
***
hoge
___
hoge
--- # Lists ## Ul 箇条書きリスト ハイフン`-`、プラス`+`、アスタリスク`*`のいずれかを先頭に記

	function rus_to_latin ( str ) {

	var ru = {
	'а': 'a', 'б': 'b', 'в': 'v', 'г': 'g', 'д': 'd',
	'е': 'e', 'ё': 'e', 'ж': 'j', 'з': 'z', 'и': 'i',
	'к': 'k', 'л': 'l', 'м': 'm', 'н': 'n', 'о': 'o',
	'п': 'p', 'р': 'r', 'с': 's', 'т': 't', 'у': 'u',
	'ф': 'f', 'х': 'h', 'ц': 'c', 'ч': 'ch', 'ш': 'sh',
	'щ': 'shch', 'ы': 'y', 'э': 'e', 'ю': 'u', 'я': 'ya'
	}, n_str = [];

	"use strict";
	// PHP function array() implemantation in JS
	// https://gist.github.com/Serrin/a8f336f486b6a8a6288197c8aa9ebbc8

	// ES5
	//function array () { return Array.prototype.slice.call(arguments); }

	// ES6
	const array = (...a) => a;

	var $_GET = new Array();
	function GET() {
	var url = location.search.replace("?", "").split("&");
	for (var index = 0; index < url.length; index++) {
	var value = url[index].split("=");
	$_GET[value[0]] = value[1];
	}
	}
	GET();

	i386 : iPhone Simulator
	x86_64 : iPhone Simulator
	iPhone1,1 : iPhone
	iPhone1,2 : iPhone 3G
	iPhone2,1 : iPhone 3GS
	iPhone3,1 : iPhone 4
	iPhone3,2 : iPhone 4 GSM Rev A
	iPhone3,3 : iPhone 4 CDMA
	iPhone4,1 : iPhone 4S
	iPhone5,1 : iPhone 5 (GSM)