session for barcamplondon 6 about textmate shortcuts and functionality that makes frontend development easier

1. faster markup with
textmate

2. “the missing text
editor for mac os x”

3. it’s cheap
(€48.75)

4. it’s very good

5. http://macromates.com/

6. bundles for html, css,
javascript, jquery, ...

7. the html bundle

8. ⇥ trigger

9. doctype ⇥
head ⇥
body ⇥
style ⇥
form ⇥
link ⇥
table ⇥

10. select any bundle item
⌃⌘T

11. insert open/close tag
⌃⇧,
(with selection)

12. wrap selection in tag
⌃⇧W

13. add closing tag
⌥⌘.

14. wrap selection in link
⌃⇧L

15. wrap each line in tags
⌃⇧⌘W

16. entities/URL escaping
⌘&

17. add comment
⌘/

18. refresh all running browsers
⌘R

19. show web preview
⌃⌥⌘P

20. documentation for selected element
⌃H
validate html
⌃⇧V
html tidy
⌃⇧H

21. text transformations

22. escape trigger

23. indent selection

24. edit each line in
selection

25. unwrap selection

26. context menu
(spell check)
⌥ F2

27. convert to uppercase
⌃U
convert to lowercase
⌃⇧U
convert to titlecase
⌃⌥U

28. join
⌃⇧J

29. writing css

30. change syntax to css
⌃⌥⇧C

31. escape trigger

32. ⇥ trigger

33. background ⇥
font ⇥
border ⇥
clear ⇥
position ⇥
!⇥
you get the idea...

34. documentation for selected element
⌃H
validate css
⌃⇧V

35. java script

36. fun ⇥
if ⇥
timeout ⇥

37. jquery

38. get the bundle first

39. http://macromates.com/svn/Bundles/trunk/Bundles/
mkdir -p /Library/Application Support/TextMate/Bundles
cd /Library/Application Support/TextMate/Bundles
svn co http://svn.textmate.org/trunk/Bundles/jquery.tmbundle

40. $⇥
ready ⇥
.append ⇥
.find ⇥

41. create your own

42. bundle editor

43. for example:
green ⇥
absolute ⇥
letsgo ⇥

44. http://macromates.com/
screencasts

45. questions?

46. thanks!

47. marc tobias kunisch
marctobiaskunisch.com
mindgarden.de
twitter.com/tobestobs