## mattfeury Group Title Release - August 25, 2012 "Did You See The Words?" 2 years ago 2 years ago

1. mattfeury

Howdy hey hello. Included in the release today are a lot of tasty treats that we've been meaning to get to for a while now. Some are focused on performance, and some are new features. Changes: - The unseen question count (on the chat tabs) will now track the number of questions since you were last online. i.e., If you log off, next time you log back on you will see the number of questions posted since you logged off. - Text tool in drawings. Awww yeahh - Code block tags (see below) - Some fixes to polish up realtime changes. This fixes some issues on the profile page. - Some template reorganization which should hopefully result in quicker load times.

2. mattfeury

Code blocks are best explained by @farmdawgnation, the man behind the magic.  \ single line code surrounded by single ticks \ \\\syntax code goes here \\\  for example: javascript alert("i am a booyan!") 

3. hba

^^ couldn't get this lol

4. mattfeury

er "close enough" \\\javascript alert("booyan") \\\

5. mattfeury

results in javascript alert("booyan") 

6. mattfeury

|dw:1345928095212:dw|

7. farmdawgnation

Indeed. This is going to be useful for the computer science group. We support a handful of languages. HTML, JavaScript, XML, C, C++, Scala, Java, CoffeeScript, (I think) ObjectiveC, and maybe a few others. If there's demand for a language we don't support and the library we use has the ability to do it, we might roll it in as well.

8. Hero

Oh wow :D Awesome stuff

9. farmdawgnation

You can also, now provide a language and the library will try to guess. But don't be mad when it's wrong. :P

10. farmdawgnation

* not provide

11. farmdawgnation

|dw:1345928245328:dw|

12. hba

|dw:1345928377465:dw|

13. Libniz

|dw:1345932520903:dw|

14. karatechopper

|dw:1345932731351:dw|

15. saifoo.khan

|dw:1345934356455:dw|

16. saifoo.khan

I was wondering, why not you guys add the "resizing" thing with this drawing attachment. Like let's say if we want to write simple short equation|dw:1345934506107:dw|I've showed the equation, but the extra space is too much which is of no use. If we shorten this out, it will look alot nicer. Is this possible?

17. Hero

I totally agree with adding that functionality.

18. saifoo.khan

Thanks @Hero .

19. saifoo.khan

I'm still unable to figure out how to use that javascript boxes.

20. mattfeury

|dw:1345935196228:dw|

21. saifoo.khan

|dw:1345935167516:dw|

22. saifoo.khan

How can we use those javascript boxes?

23. mattfeury

it's just a way to add syntax highlighting to code so it is easier to read. It's not just javascript either. \type anything in ticks\ to become type anything in ticks \\\ or you can do three ticks to generate a block \\\ like so:  or you can do three ticks to generate a block  if you type a language immediately after the initial set of ticks, it will be highlighted using syntax parsing for that language \\\javascript var f = function(argument1) { return "hoaah" } \\\

24. saifoo.khan

 Box test  NO box test

25. mattfeury

hmm the syntax highlighting actually doesn't seem to be working for me. we'll have to look into that.

26. saifoo.khan

The best part i liked was, we can actually copy text from drawing potraits

27. mattfeury

Yep! Only if your browser supports SVG though, so namely only Chrome, Firefox, Safari, Opera, etc. ;)

28. Hero

@mattfeury, you're showing us things about the drawing box we've never used before. I bet there's also a secret feature that allows us to add color to it.

29. myininaya

|dw:1345939151101:dw|

30. Nali

testing

31. Nali

wow great :)

32. Libniz

kjkjkjkkj

33. Libniz

 kjlkjkkjklkljkjkljkljkjkljlkjkljklj ljkllklkjkjklj

34. sasogeek

i'm not sure if this is going to work but i'm more interested in the code blocks so let's see if my test works :o test

35. sasogeek

awesome! :) you guys, are awesome! :)

36. sasogeek

now i miss giving 2 medals cos i'd want to give the devs medals lol :P oh well xD

37. mathslover

hey nice work ...  |dw:1345951132381:dw|

38. pratu043

|dw:1345951116275:dw|

39. ParthKohli

|dw:1345953735226:dw|

40. ParthKohli

printf("Hello, World!") 

41. ParthKohli

@farmdawgnation Thank you! I had personally waited for the code blocks. I made one for myself when these didn't exist. http://openstudy.com/study#/updates/501d0f45e4b0be43870def9c

42. ParthKohli

$\text{We can explain LaTeX through these code blocks as well!}$ 

43. mathslover

But can any1 tell me that how to insert blocks?  hi hi

44. mathslover

Matt sir.. ? how to insert block?

45. mattfeury

Hit enter after each line.  var gizmo = function gadget(lobster, sauce) { return lobster + sauce; }  was made by typing: \\\ var gizmo = function gadget(lobster, sauce) { return lobster + sauce; } \\\

46. mathslover

 I got it 

47. mathslover

 var gizmo = function gadget(lobster, sauce) { return lobster + sauce; }   I got it 

48. ash2326

 Great work guys 

49. Compassionate

|dw:1345987672979:dw|

50. ParthKohli

hello This doesn't work.

51. ParthKohli

This does, but I want that box. 

52. karatechopper

|dw:1345990026355:dw|

53. ParthKohli

 lol not that one this one Heehaw! :) 

54. karatechopper

How u do that???

55. ParthKohli

A simple $$\LaTeX$$ program:  $\begin{array}{}Hi\\Hello \end{array}$  $\begin{array}{}Hi\\Hello \end{array}$

56. ParthKohli

  Insert stuff here   @karatechopper That's how you do it.

57. Libniz

 This quick brown fox jumped over the lazy dog.This quick brown fox jumped over the lazy dogThis quick brown fox jumped over the lazy dogThis quick brown fox jumped over the lazy dogThis quick brown fox jumped over the lazy dogThis quick brown fox jumped over the lazy dogThis quick brown fox jumped over the lazy dogThis quick brown fox jumped over the lazy dog 

58. hawkfalcon

whoo  yeaah  |dw:1346000278566:dw|

59. amistre64

'<input type=button value="button">'

60. amistre64

<input type=button value="button">

61. amistre64

i dont get it ..... can you dumb down the instructions a wee bit for the idiot challeneged?

62. Libniz

jlkjkljkj

63. Libniz

kjkjlk

64. Libniz

it is  not '

65. amistre64

<input type=button value="button">

66. amistre64

so it puts it in a textbox .....

67. amistre64

how do you code up html and javascript with tics?

68. amistre64

|dw:1346004989512:dw|

69. mattfeury

It's purely a formatting tool. It should also do syntax highlighting but that seems a little borked at the moment. single ticks (\) are for single line code blocks triple ticks (\\\) surround multiple lines.

70. amistre64

lol, i put a drawing in a tic

71. amistre64

so its just for displaying code blocks, and not a runtime event for the code ??

72. amistre64

<html> <body> <input type=checkbox value="chk1">Checkbox </body> </html> 

73. amistre64

did i break the tics?

74. Hero

his is going to be useful for the computer science group. We support a handful of languages. HTML, JavaScript, XML, C, C++, Scala, Java, CoffeeScript, (I think) ObjectiveC, and maybe a few others. If there's demand for a language we don't support and the library we use has the ability to do it, we might roll it in as well. 

75. Hero

Okay, that didn't work

76. mattfeury

correct.  \\\ <html> <body> <input type=checkbox value="chk1">Checkbox </body> </html> \\\  note the newline after the initial set of ticks

77. Hero

I was trying to do what Libniz did

78. amistre64

ahh, the "hit enter after each new line" instruction was hidden on page 34 of the indemnity clause .... lol

79. amistre64

so, does this have any real world applications? ;)

80. Libniz

you trying to get scroll bar?

81. amistre64

|dw:1346005379482:dw|

82. amistre64

the controls to move or resize the drawbox are sticky; they dont want to let go

83. Hero

Yes @Libniz

84. Libniz

just type bunch of text and use 

85. Hero

 his is going to be useful for the computer science group. We support a handful of languages. HTML, JavaScript, XML, C, C++, Scala, Java, CoffeeScript, (I think) ObjectiveC, and maybe a few others. If there's demand for a language we don't support and the library we use has the ability to do it, we might roll it in as well. 

86. Hero

Didn't work

87. Libniz

enter after  after entering text, enter then 

88. Hero

 his is going to be useful for the computer science group. We support a handful of languages. HTML, JavaScript, XML, C, C++, Scala, Java, CoffeeScript, (I think) ObjectiveC, and maybe a few others. If there's demand for a language we don't support and the library we use has the ability to do it, we might roll it in as well. 

89. Hero

I'm slow

90. amistre64

i couldnt get a good drag and drop to program up so i devised a sticky one, first click stuck it, second click unstuck it. This thing is just always stuck ....

91. amistre64

how is putting code in a box different from just typing it out and hitting post? or is this to offset and augment it so that its seen as a "code block" as opposed to just normal typed up words ?

92. Libniz

 his is going to be useful for the computer science group. We support a handful of languages. HTML, JavaScript, XML, C, C++, Scala, Java, CoffeeScript, (I think) ObjectiveC, and maybe a few others. If there's demand for a language we don't support and the library we use has the ability to do it, we might roll it in as well. 

93. Hero

That's great @Libniz. You can do it, but I can't :/

94. amistre64

 is there a vertical scroll limit? a b c d e f g h i j k l m n o p q r s t u v w x y z 

95. Hero

Amistre is going to be the first to figure out all the tricks with this new feature.

96. amistre64

so, there is no wordwrap ...

97. amistre64

 if we jsut type a long string of non carriage returned words, itll scroll off into center field so that we would have to use the bar underneath to view the entirety of the post .... 

98. amistre64

ill prolly be the first to break it :)

99. Hero

If you break it, you might break OS so don't do it.

100. Hero

if we jsut type a long string of non carriage returned words, itll scroll off into center field so that we would have to use the bar underneath to view the entirety of the post ....

101. Libniz

do you still have your drawing tool? @amistre

102. Hero

if we jsut type a long string of non carriage returned words, itll scroll off into center field so that we would have to use the bar underneath to view the entirety of the post ....

103. amistre64

well, that didnt scroll thru pictures :)

104. amistre64

the first line is just the 3 tics, hit enter, type your long string of words, hit enter again, 3 tics, and post

105. Hero

amistre was trying to make a slide show.

106. amistre64

i was :)

107. Hero

 if we jsut type a long string of non carriage returned words, itll scroll off into center field so that we would have to use the bar underneath to view the entirety of the post .... 

108. Hero

I told you I was slow. I need someone to spell things out for me exactly.

109. amistre64

if we 1 tic it, type and 1tic, does it do the same?

110. Hero

 if we jsut type a long string of non carriage returned words, itll scroll off into center field so that we would have to use the bar underneath to view the entirety of the post ....

111. Hero

No

112. amistre64

hickory wingspanory dock, the mouse ran up the clock, the clock struck one, the mouse said waht? and everyone left for the pub

113. amistre64

well, we cant curse in it .. thats nice

114. amistre64

@Libniz , no i havent messed around with that thing since they came out with their own drawing tool

115. farmdawgnation

@Hero That's intentional. If we try to apply normal word-wrap semantics to code things get harder to read than if we just scroll the container. Using the preview people should be able to figure out how to format their blocks to avoid the horizontal scroll fairly easily.

116. farmdawgnation

Also, my syntax highlighting doesn't appear to be working 100% yet, but it's only in production that it's acting weird, so we'll be looking into that.

117. amistre64

when i made my ColorMe by amistre64, i coded up such that the length of the string triggered a line return so that it word wrapped to a pretty good extent

118. amistre64

im just curious if you intended to leave off a word wrap so that lines of code dont become ... shredded?

119. farmdawgnation

Yes, as I said above. If we were to apply normal semantics this... scala val someTemplate = Templates("templates-hidden" :: "awesomesauce" :: "something-else" :: Nil) openOr NodeSeq.Empty 

120. farmdawgnation

Would get wrapped to scala val someTemplate = Templates("templates-hidden" :: "awesomesauce" :: "something-else" :: Nil) openOr NodeSeq.Empty 

121. amistre64

i believe i had used the begin and matrix, and when the count became like 25 it inputed the \\ for a new line :)

122. farmdawgnation

Whereas you might normally provide better semantics for wrapping. Also, it seems that our regular expressions aren't quite working how we expected. Multiple code blocks in one post don't play well. We're going to look into that as well.

123. amistre64

... dont forget the sticky draw tool

124. Hero

I could have sworn there was already a website for posting code.

125. farmdawgnation

There is, but as many of our user have pointed out, different paste-bin like sites have different retention policies. Nothing is worse than trying to read through an old question involving code and realizing that the code was removed.

126. MathBlonde

Sounds like some really great upgrades!!! I look forward to being able to use them especially typing in the drawing box!

127. pratu043

|dw:1346049689233:dw|

128. TheViper

'''code work'''

129. TheViper

Wht is code work

130. farmdawgnation

Oh, also. I just fixed code highlighting. scala val apples = "Hello world!" 

131. farmdawgnation

(You may need to reload your page to see the new stuff take effect.)

132. amistre64

im not sure what it is im spose to be noticing as "highlighted". It still looks like words in a box even after a refresh

133. amistre64

var apples = "Rotten"

134. amistre64

ok, i see val is purple and hello world as green this time ...

135. karatechopper

@amistre64 what have u done to the little kids song??

136. Nali

can someone tell me how to highlight a text ?

137. ParthKohli

|dw:1346171932302:dw|

138. ParthKohli

|dw:1346171962815:dw|

139. TheViper

How to make this gray box?? ( last made by @farmdawgnation ) @mathslover @ParthKohli plz tell :)

140. ParthKohli

  Between these, write what you want. :)

141. TheViper

 Thanx Parth Sir !! 

142. ParthKohli

:p yw!

143. hba

 I was also confused Thanks Pk :) 

144. ParthKohli

 How did that become red? 

145. TheViper

Can we use LaTeX in this grey box or drawing ??

146. ParthKohli

No.. :/

147. hba

 Well i dont know :) 

148. hba

 :) <<< The reason 

149. TheViper

 :):):P oh yes 

150. ParthKohli

Oh, I got it!  :)There's code highlighting too, so that is why the smiley makes it red. 

151. TheViper

 :D :S :P ;) :) :\ 

152. hba

 I get it :D 

153. TheViper

Thanx Parth & hba :)

154. TheViper

 :D 

155. ParthKohli

$\Huge \ddot \smile$

156. hba

|dw:1346235034882:dw|

157. TheViper

$$\Huge{\color{red}{\ddot{\smile}}}$$

158. hba

lol :)

159. TheViper

|dw:1346235063062:dw|

160. hba

How did you get the smiley

161. ParthKohli

\ddot \smile

162. hba

I see

163. hba

Thats Latex

164. ParthKohli

yes

165. TheViper

Wait if u want to know how they do just right click on LaTeX & then click show math as then click text commands @hba

166. hba

I know that lol ^^

167. TheViper

so why did u ask lol :P

168. hba

i forgot in which brackets we close the {} << these i guess

169. TheViper

looooool

170. Nali

Can somone plz tell me how to highlight ?

171. TheViper

 OK thank u:)