Category Archives: Development tools

Simple online editor for javascript

Just paste it into navigation bar:

data:text/html, <html><script>window.onbeforeunload = window.onunload = function(){return 'Confirm page reload';};</script><body><button onclick="console.log(eval(document.querySelector('textarea').value.replace('<div>', '\n').replace('</div>', '\n')))">run</button><br><textarea style="width:600px;height:400px"></textarea></body><script>document.querySelector('textarea').focus();</script>

data:text/html, <html><script>window.onbeforeunload = window.onunload = function(){return 'Confirm page reload';};</script><body><button onclick="console.log(eval(document.querySelector('textarea').value.replace('<div>', '\n').replace('</div>', '\n')))">run</button><br><textarea style="width:600px;height:400px"></textarea></body><script>document.querySelector('textarea').focus();</script>

It just outputs the result into console when you click run button. It’s simple and works. Because sometimes you just don’t need monsters like jsfiddle or jsbin.

PlantUML — плагин для Jetbrains IDEA для рисования UML диаграмм

PlantUML — плагин для Jetbrains IDEA для рисования UML диаграмм. У них есть сайт, хоть и странный — http://plantuml.com/. Сложные диаграммки рисовать очень неудобно, но простые делаются кодом навроде этого:

Bob->Alice : hello

1	Bob->Alice : hello

collabedit для совместного редактирования кода

Удобно для проведения технического собеседования. http://collabedit.com/

Инструмент для построения диаграмм

Сервис для постоения диаграмм — https://www.gliffy.com/.

Отдебажить и проинспектировать различную аналитику

https://chrome.google.com/webstore/detail/observepoint-tag-debugger/daejfbkjipkgidckemjjafiomfeabemo?hl=en-US

LAMP на Vagrant

Попросили меня тут посмотреть один сайтик на php, а подлезть туда никак нельзя. Т.е. даже ssh-доступа нет, xdebug тоже не поставить. Пришлось поднять Vagrant. Я форкнул и доработал конфиг для вагранта — https://github.com/bullgare/vagrant-lamp. Для тех, кто с вагрантом не очень знаком, ниже немного про полезные команды:

# запуск
vagrant up
# зайти через ssh
vagrant ssh
# сохранить состояние машины и заснуть (быстрый старт, но ест память)
vagrant suspend
# выключить машину
vagrant halt
# перезагрузить машину
vagrant reload
# рестартануть и перечитать конфиг provision.sh
vagrant reload --provision

# запуск

vagrant up

# зайти через ssh

vagrant ssh

# сохранить состояние машины и заснуть (быстрый старт, но ест память)

vagrant suspend

# выключить машину

vagrant halt

# перезагрузить машину

vagrant reload

# рестартануть и перечитать конфиг provision.sh

vagrant reload --provision

Dash для быстрого доступа к нужной документации

Это приложение для быстрого поиска по нужной документации. https://kapeli.com/dash

Доступ к локальному серверу из внешней сети

https://github.com/localtunnel/localtunnel Пример использования

lt --port 80 --local-host "my.cool_local_host"

1	lt --port 80 --local-host "my.cool_local_host"

Полезно использовать, если, к примеру, нужно протестировать сайт в Opera Mini или в Google Page Speed.

Spy-js — плагин к PhpStorm для профилирования js

http://spy-js.com/ http://www.youtube.com/watch?v=vPIbwxzC5cU

PageSpeed для локальных ресурсов, используя ngrok

http://www.jamescryer.com/2014/06/12/grunt-pagespeed-and-ngrok-locally-testing/ https://ngrok.com/