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

1. mattfeury Group Title

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 Group Title

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 Group Title

^^ couldn't get this lol

4. mattfeury Group Title

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

5. mattfeury Group Title

results in javascript alert("booyan") 

6. mattfeury Group Title

|dw:1345928095212:dw|

7. farmdawgnation Group Title

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 Group Title

Oh wow :D Awesome stuff

9. farmdawgnation Group Title

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 Group Title

* not provide

11. farmdawgnation Group Title

|dw:1345928245328:dw|

12. hba Group Title

|dw:1345928377465:dw|

13. Libniz Group Title

|dw:1345932520903:dw|

14. karatechopper Group Title

|dw:1345932731351:dw|

15. saifoo.khan Group Title

|dw:1345934356455:dw|

16. saifoo.khan Group Title

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 Group Title

I totally agree with adding that functionality.

18. saifoo.khan Group Title

Thanks @Hero .

19. saifoo.khan Group Title

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

20. mattfeury Group Title

|dw:1345935196228:dw|

21. saifoo.khan Group Title

|dw:1345935167516:dw|

22. saifoo.khan Group Title

How can we use those javascript boxes?

23. mattfeury Group Title

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 Group Title

 Box test  NO box test

25. mattfeury Group Title

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

26. saifoo.khan Group Title

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

27. mattfeury Group Title

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

28. Hero Group Title

@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 Group Title

|dw:1345939151101:dw|

30. Nali Group Title

testing

31. Nali Group Title

wow great :)

32. Libniz Group Title

kjkjkjkkj

33. Libniz Group Title

 kjlkjkkjklkljkjkljkljkjkljlkjkljklj ljkllklkjkjklj

34. sasogeek Group Title

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 Group Title

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

36. sasogeek Group Title

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

37. mathslover Group Title

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

38. pratu043 Group Title

|dw:1345951116275:dw|

39. ParthKohli Group Title

|dw:1345953735226:dw|

40. ParthKohli Group Title

printf("Hello, World!") 

41. ParthKohli Group Title

@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 Group Title

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

43. mathslover Group Title

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

44. mathslover Group Title

Matt sir.. ? how to insert block?

45. mattfeury Group Title

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 Group Title

 I got it 

47. mathslover Group Title

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

48. ash2326 Group Title

 Great work guys 

49. Compassionate Group Title

|dw:1345987672979:dw|

50. ParthKohli Group Title

hello This doesn't work.

51. ParthKohli Group Title

This does, but I want that box. 

52. karatechopper Group Title

|dw:1345990026355:dw|

53. ParthKohli Group Title

 lol not that one this one Heehaw! :) 

54. karatechopper Group Title

How u do that???

55. ParthKohli Group Title

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

56. ParthKohli Group Title

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

57. Libniz Group Title

 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 Group Title

whoo  yeaah  |dw:1346000278566:dw|

59. amistre64 Group Title

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

60. amistre64 Group Title

<input type=button value="button">

61. amistre64 Group Title

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

62. Libniz Group Title

jlkjkljkj

63. Libniz Group Title

kjkjlk

64. Libniz Group Title

it is  not '

65. amistre64 Group Title

<input type=button value="button">

66. amistre64 Group Title

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

67. amistre64 Group Title

how do you code up html and javascript with tics?

68. amistre64 Group Title

|dw:1346004989512:dw|

69. mattfeury Group Title

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 Group Title

lol, i put a drawing in a tic

71. amistre64 Group Title

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

72. amistre64 Group Title

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

73. amistre64 Group Title

did i break the tics?

74. Hero Group Title

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 Group Title

Okay, that didn't work

76. mattfeury Group Title

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

77. Hero Group Title

I was trying to do what Libniz did

78. amistre64 Group Title

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

79. amistre64 Group Title

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

80. Libniz Group Title

you trying to get scroll bar?

81. amistre64 Group Title

|dw:1346005379482:dw|

82. amistre64 Group Title

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

83. Hero Group Title

Yes @Libniz

84. Libniz Group Title

just type bunch of text and use 

85. Hero Group Title

 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 Group Title

Didn't work

87. Libniz Group Title

enter after  after entering text, enter then 

88. Hero Group Title

 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 Group Title

I'm slow

90. amistre64 Group Title

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 Group Title

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 Group Title

 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 Group Title

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

94. amistre64 Group Title

 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 Group Title

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

96. amistre64 Group Title

so, there is no wordwrap ...

97. amistre64 Group Title

 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 Group Title

ill prolly be the first to break it :)

99. Hero Group Title

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

100. Hero Group Title

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 Group Title

do you still have your drawing tool? @amistre

102. Hero Group Title

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 Group Title

well, that didnt scroll thru pictures :)

104. amistre64 Group Title

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 Group Title

amistre was trying to make a slide show.

106. amistre64 Group Title

i was :)

107. Hero Group Title

 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 Group Title

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

109. amistre64 Group Title

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

110. Hero Group Title

 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 Group Title

No

112. amistre64 Group Title

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 Group Title

well, we cant curse in it .. thats nice

114. amistre64 Group Title

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

115. farmdawgnation Group Title

@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 Group Title

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 Group Title

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 Group Title

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

119. farmdawgnation Group Title

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 Group Title

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

121. amistre64 Group Title

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 Group Title

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 Group Title

... dont forget the sticky draw tool

124. Hero Group Title

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

125. farmdawgnation Group Title

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 Group Title

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

127. pratu043 Group Title

|dw:1346049689233:dw|

128. TheViper Group Title

'''code work'''

129. TheViper Group Title

Wht is code work

130. farmdawgnation Group Title

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

131. farmdawgnation Group Title

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

132. amistre64 Group Title

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 Group Title

var apples = "Rotten"

134. amistre64 Group Title

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

135. karatechopper Group Title

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

136. Nali Group Title

can someone tell me how to highlight a text ?

137. ParthKohli Group Title

|dw:1346171932302:dw|

138. ParthKohli Group Title

|dw:1346171962815:dw|

139. TheViper Group Title

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

140. ParthKohli Group Title

  Between these, write what you want. :)

141. TheViper Group Title

 Thanx Parth Sir !! 

142. ParthKohli Group Title

:p yw!

143. hba Group Title

 I was also confused Thanks Pk :) 

144. ParthKohli Group Title

 How did that become red? 

145. TheViper Group Title

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

146. ParthKohli Group Title

No.. :/

147. hba Group Title

 Well i dont know :) 

148. hba Group Title

 :) <<< The reason 

149. TheViper Group Title

 :):):P oh yes 

150. ParthKohli Group Title

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

151. TheViper Group Title

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

152. hba Group Title

 I get it :D 

153. TheViper Group Title

Thanx Parth & hba :)

154. TheViper Group Title

 :D 

155. ParthKohli Group Title

$\Huge \ddot \smile$

156. hba Group Title

|dw:1346235034882:dw|

157. TheViper Group Title

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

158. hba Group Title

lol :)

159. TheViper Group Title

|dw:1346235063062:dw|

160. hba Group Title

How did you get the smiley

161. ParthKohli Group Title

\ddot \smile

162. hba Group Title

I see

163. hba Group Title

Thats Latex

164. ParthKohli Group Title

yes

165. TheViper Group Title

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 Group Title

I know that lol ^^

167. TheViper Group Title

so why did u ask lol :P

168. hba Group Title

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

169. TheViper Group Title

looooool

170. Nali Group Title

Can somone plz tell me how to highlight ?

171. TheViper Group Title

 OK thank u:)