How to speed up your Joomla! website as well as your development process
Transcript of How to speed up your Joomla! website as well as your development process
How to speed upJoomla!development & website
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoWhat to Expectparts of my personal work flowchaos (most will be live) not anymore to save your sanitymy workflow is not perfect
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
Will of Azathoth by Scott Purdy
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoWhat shall we do?Build a joomla websiteinstall the usual subjects (JCE, Akeeba Backup )make the website load faster
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoSorry Windows users
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoSorry Windows usersI used to develop on windowsI changed from Win to Macno I do not regret thatwhen I try to tell you also Win versions / methods
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
WoRKFLOwAlfred app + power tools
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesocan setup own automatizationsstart / stop all development apps
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
Setting Up a Workflow
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
Scripts are possible
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
tell application "Firefox" to quit
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesocool workflows to import from websiteopen folder in Sublime Text 2font-awesome 4
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
Cool Help Sublime Text & Font Awesome
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
I am out
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
Sublime Text 2zen coding / emmet (ctrl + E, ctrl + alt + Enter)
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoEmmet & Zen CodinHTMLCSSYou have to be able to think in HTMLthink first then code
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoevery Day exampleplain text to HTML
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
MAMP Pro 3Win XAMPP :-/
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoPHP SettingsMAMP Pro
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoPreparationUse Joomla 3 installationinstalled joostrap 3 (www.jostrap.com)change LESS to bootstrap SASSuse PHPStorm for editing the files
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
template Folder
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
assests = SASS folderlater we will replace normal stylesheets - sorry Phil
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
phpstormalso available on Win ;-)
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoAdvantages of phpstormfree for open source projectsfast (setup and working-speed)php code suggestions and helpconfigure everything / many plug inscan use external librariesJoomla! Framework / Joomla! Libraries
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoTemplateset Joomla! as external library
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesonow your life is easieruse php and Joomla! Framework / classes
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
CODEKITSASS Integration + Browser refresh
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
watched Folderjust the template folder
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
for a short interruptionthats the chaotic part
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoSASSfusion of stylesheets and programming (functions, variables)functionality is tested and improvesmake changes faster get faster websites!worth the learning curve!
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
take what you needcomment out what you do not need > reduce file size
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
variables in CSSphpStorm shows you the colors :-)
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoload the new CSSload the new css to our template
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
just load one css file
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesomerge JSset all the files to mergeset output path (2014-03-18_myJS.js)// @codekit-prepend "js/jquery-1.10.2.js"// @codekit-prepend "js/bootstrap.js"// @codekit-prepend "js/scrolltop.js"
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoWe are nearly thereputting it all together
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
Browser refreshthe cool part starts
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
Previewopens own codekit webserver that does the reloading
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
MAMP Prohttp://workflow.local:8888/
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
CodeKithttp://franks-macbook-pro.local:5757/
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoBY the waydont lose your big thanks to @SniperSister (David Jardin)
(my ) workflow Frank Delventhal - www.deweso.de - @deweso
(my ) workflow Frank Delventhal - www.deweso.de - @deweso Well, it's nothing very special. Try to be nice to people, avoid eating fat, read a good book every now and then, get some walking in, and try and live together in peace and harmony with people of all creeds and nations.
Monthy Python - The Meaning of LifeThank you
(my ) workflow Frank Delventhal - www.deweso.de - @dewesoTools I usedjkickstart.com http://www.jkickstart.comalfred app + powerpack http://www.alfredapp.com/phpStorm http://www.jetbrains.com/phpstorm/Sublime Text 2 http://www.sublimetext.com/MAMP Pro 3 http://www.mamp.info/codekit https://incident57.com/codekit/
(my ) workflow Frank Delventhal - www.deweso.de - @deweso