faster frontend development with textmate
TRANSCRIPT
faster markup with textmate
“the missing text editor for mac os x”
it’s cheap(€48.75)
it’s very good
bundles for html, css, javascript, jquery, ...
the html bundle
⇥ trigger
doctype ⇥ head ⇥ body ⇥ style ⇥ form ⇥ link ⇥ table ⇥
select any bundle item⌃⌘T
insert open/close tag⌃⇧,
(with selection)
wrap selection in tag⌃⇧W
add closing tag⌥⌘.
wrap selection in link⌃⇧L
wrap each line in tags⌃⇧⌘W
entities/URL escaping⌘&
add comment⌘/
refresh all running browsers⌘R
show web preview⌃⌥⌘P
documentation for selected element⌃H
validate html⌃⇧V
html tidy⌃⇧H
text transformations
escape trigger
indent selection
edit each line in selection
unwrap selection
context menu (spell check)⌥ F2
convert to uppercase⌃U
convert to lowercase⌃⇧U
convert to titlecase⌃⌥U
join⌃⇧J
writing css
change syntax to css⌃⌥⇧C
escape trigger
⇥ trigger
background ⇥font ⇥border ⇥clear ⇥position ⇥! ⇥
you get the idea...
documentation for selected element⌃H
validate css⌃⇧V
java script
fun ⇥ if ⇥
timeout ⇥
jquery
get the bundle first
http://macromates.com/svn/Bundles/trunk/Bundles/
mkdir -p /Library/Application\ Support/TextMate/Bundlescd /Library/Application\ Support/TextMate/Bundlessvn co http://svn.textmate.org/trunk/Bundles/jquery.tmbundle
$ ⇥ready ⇥.append ⇥.find ⇥
create your own
bundle editor
for example:
green ⇥absolute ⇥letsgo ⇥
http://macromates.com/screencasts
questions?
thanks!
marc tobias kunisch
marctobiaskunisch.commindgarden.de
twitter.com/tobestobs