Статья о том, как отказаться от табов в PhpStorm
Если подумать, табы действительно не нужны. http://hadihariri.com/2014/06/24/no-tabs-in-intellij-idea/
phridge — phantomjs bridge к node.js для высокой скорости
Основная фишка — в том, что между запросами PhantomJs не убивается, а используется повторно. Учитывая, что запуск процесса занимает примерно секунду, производительность должна сильно вырасти. https://github.com/peerigon/phridge/blob/master/README.md Ну а нужно это для генерации на бэкенде страниц для поисковиков для одностраничных приложений.
Fetch as Google
Очень интересный сервис от Google, который позволяет посмотреть, как веб-паук гугла достаёт информацию по странице при индексации. https://support.google.com/webmasters/answer/158587?hl=en
Тестирование AngularJS с помощью Protractor
http://teamgaslight.com/blog/getting-started-with-protractor-and-page-objects-for-angularjs-e2e-testing Protractor — замена karma.js, который замена testacular
PageSpeed для локальных ресурсов, используя ngrok
http://www.jamescryer.com/2014/06/12/grunt-pagespeed-and-ngrok-locally-testing/ https://ngrok.com/
Свойство will-change
Это свойство позволяет сказать браузеру, что сейчас будут изменяться некоторые свойства некоторых элементов, чтобы тот задействовал аппаратное ускорение. http://dev.opera.com/articles/css-will-change-property/
Сервис для генерации спрайтов
Не очень управляемый, но есть возможность сделать сжатие и преобразование в png8. http://zerosprites.com/
Как сделать свой chrome extension
manifest.json должен выглядеть примерно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
{ "manifest_version": 2, "name": "Jira print extension", "description": "This extension is to print tasks in Jira", "version": "1.0", "background": { "scripts": ["background.js"] }, "permissions": [ "tabs", "https://*/*", "http://*/*" ], "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["libs/jquery.js", "content.js"] } ] } |
При этом: background.js крутится всегда и один для всего браузера, умеет только слать сообщения на разные слои и слушать их. content.js (всё, что указано в content_scripts) имеет доступ к DOM и может слушать сообщения от background.js. popup.html открывается при нажатии на кнопку расширения в панельке, обычный html, должен содержать …
Анимация в css
С картинками и примерами. Understanding CSS Timing Functions http://www.smashingmagazine.com/2014/04/15/understanding-css-timing-functions/
Shutter — аналог tinygrab для Ubuntu
Установка В центре приложений найти shutter и поставить :) Настройка Параметры системы клавиатура комбинации клавиш дополнительные комбинации Добавить
1 2 |
название shutter команда shutter -s |
Затем там же (в «дополнительных комбинациях») нажать на правую часть строки, в которой написано shutter, и нажать кнопку PrtScr. Ссылки: http://shutter-project.org/faq-help/set-shutter-as-the-default-screenshot-tool/ http://shutter-project.org/wp-content/custom_html_files/shutter_090.pod.html#capture_mode_options