how to speed up your joomla! website as well as your development process
TRANSCRIPT
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