Win a copy of Programmer's Guide to Java SE 8 Oracle Certified Associate (OCA) this week in the OCAJP forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Social media integration

 
Ulf Dittmer
Rancher
Posts: 42968
73
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
With the latest release of the forum software we've added integration with some social media sites, namely del.icio.us, Mr Wong and Twitter. You'll find their logos above the first post on each individual post page:

These enable people to post the URL of that topic to those sites, assuming that they're logged in. Are there are other sites folks here think would be appropriate for the kind of content we have in the forums? Digg? Reddit? StumbleUpon? Yahoo Buzz? Something else? As always, please feel free to provide feedback.
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Its nice to see these new icons on top,


Designing suggestion : make a container or something (like a capsule) to contain these icons.
they really dont suit well on brown.
 
fred rosenberger
lowercase baba
Bartender
Posts: 12185
34
Chrome Java Linux
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
man... i know i'm not up on all the current trends, but i've never HEARD of Mr. Wong until now. (and i'm still not sure what it is)

-10 geek points for me!!!
 
Gregg Bolinger
Ranch Hand
Posts: 15304
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
fred rosenberger wrote:man... i know i'm not up on all the current trends, but i've never HEARD of Mr. Wong until now. (and i'm still not sure what it is)

-10 geek points for me!!!


Yea +1 on the Mister Wong clueless-ness for me as well. And I consider myself pretty social media savvy.
 
Henry Wong
author
Marshal
Pie
Posts: 21413
84
C++ Chrome Eclipse IDE Firefox Browser Java jQuery Linux VI Editor Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Gregg Bolinger wrote:
Yea +1 on the Mister Wong clueless-ness for me as well. And I consider myself pretty social media savvy.


I've heard of Mister Wong -- only because I seen the logo before, and was interested, on how the website knew my name in chinese. Of course, I was disappointed when I found it that it had nothing to do with the site knowing who I was.

As a side note, "wong" means yellow in chinese (at least the version of the character "wong" that is used in the logo), so why is the logo red? ...

Henry
 
Kerry Wilson
Ranch Hand
Posts: 254
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Henry Wong wrote:
Gregg Bolinger wrote:
Yea +1 on the Mister Wong clueless-ness for me as well. And I consider myself pretty social media savvy.


I've heard of Mister Wong -- only because I seen the logo before, and was interested, on how the website knew my name in chinese. Of course, I was disappointed when I found it that it had nothing to do with the site knowing who I was.

As a side note, "wong" means yellow in chinese (at least the version of the character "wong" that is used in the logo), so why is the logo red? ...

Henry


yep, never heard of mr wong here either. I'll have to look in to it.
 
Ulf Dittmer
Rancher
Posts: 42968
73
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Mr Wong is kind of a similar service to del.icio.us. It's more popular over here in Europe than it is in the USA, and particularly so in -ahem- Germany :-)
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Count me in too in the Never-Heard-Of-Wong list.
 
Mike Simmons
Ranch Hand
Posts: 3090
14
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Henry who?
 
Oleg Tikhonov
Ranch Hand
Posts: 55
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
It might be ridiculous, but I think that Linkedin could be the theme of consideration.

Unfortunately, I'm not sure if they provide a public API.

Oleg.
 
Maneesh Godbole
Saloon Keeper
Posts: 11092
13
Android Eclipse IDE Google Web Toolkit Java Mac Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Henry Wong wrote:
As a side note, "wong" means yellow in chinese (at least the version of the character "wong" that is used in the logo), so why is the logo red? ...


What do you mean "version". Do you mean to say, you can write "wong", in a different way, which would "sound" wong, but would mean something different?
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I "tinkered" with the site design and here is what i came up with:



PS: if image is not visible, copy its url and open in a new browser window

 
Ulf Dittmer
Rancher
Posts: 42968
73
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
here is what i came up with

Not bad. What's the CSS for that?
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Here you go:

http://www.freewebtown.com/salvindata/temp/proposed%20design.zip

PS: if url does not work, copy and paste it in a new browser window
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Likes 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
HTML:



css:


 
Sagar Rohankar
Ranch Hand
Posts: 2907
1
Java Spring Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I use StumbleUpon, but dosen't seem I'm gonna bookmarked any link of JR on StumbeUpon, I'll like to bookmark it using JavaRanch Bookmark link which will help me to gather some really good Java discussion link at one place
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
i confess i have not used it, but what do you guys think about digg ?
 
Ulf Dittmer
Rancher
Posts: 42968
73
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Salvin, I got the files - thanks. I incorporated it in a test version and it looks nice (IMO). If others here think the same, we may roll it out.

Regarding integration with other sites (like Digg, Reddit, StumbleUpon, Yahoo Buzz etc.) - those seem geared more towards articles and sites, not so much towards discussions. We have those on the FAQ pages (where I think they are a better fit), but it's somewhat of a judgement call. Different people may use different sites in a different ways, after all.
 
Henry Wong
author
Marshal
Pie
Posts: 21413
84
C++ Chrome Eclipse IDE Firefox Browser Java jQuery Linux VI Editor Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ulf Dittmer wrote:Salvin, I got the files - thanks. I incorporated it in a test version and it looks nice (IMO). If others here think the same, we may roll it out.


It seems to not work well if the browser is slightly smaller. Shrink the width of the browser a bit -- and you'll see what I mean.

Henry
 
Ulf Dittmer
Rancher
Posts: 42968
73
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I see. I tweaked it a bit, and now it seems fine in Safari, and better -but not perfect- in Firefox. Henry, can you check what IE thinks about it?
 
Ananth Chellathurai
Ranch Hand
Posts: 349
Eclipse IDE Hibernate Spring
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi Ulf,

Its nice to see the icons at the top and in fact will be useful too. It would be great for me if Digg, Reddit and Dzone are added to the list.
 
Henry Wong
author
Marshal
Pie
Posts: 21413
84
C++ Chrome Eclipse IDE Firefox Browser Java jQuery Linux VI Editor Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ulf Dittmer wrote:I see. I tweaked it a bit, and now it seems fine in Safari, and better -but not perfect- in Firefox. Henry, can you check what IE thinks about it?


Here is how it looks with IE... with the width shrunk just a tad....

Henry

JRicons_cut.JPG
[Thumbnail for JRicons_cut.JPG]
 
Sagar Rohankar
Ranch Hand
Posts: 2907
1
Java Spring Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version
 
Sagar Rohankar
Ranch Hand
Posts: 2907
1
Java Spring Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Sagar Rohankar wrote:
Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version

OK, I got it, I guessed and found this:
[Edited: The JR forums "sandbox" link]
 
Maneesh Godbole
Saloon Keeper
Posts: 11092
13
Android Eclipse IDE Google Web Toolkit Java Mac Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Sagar Rohankar wrote:
Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version


That's like asking a magician, how a particular trick is done
 
Sagar Rohankar
Ranch Hand
Posts: 2907
1
Java Spring Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Maneesh Godbole wrote:
Sagar Rohankar wrote:
Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version

That's like asking a magician, how a particular trick is done

Sorry, If the URL is private for moderators and sheriff.
 
Sagar Rohankar
Ranch Hand
Posts: 2907
1
Java Spring Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Meanwhile,
On Gogle Chrome: Looks fine

On IE6: As Henry suggested, the div gets vertically aligned, if screen resolution minimized. My suggestion would be make the width of parent DIV to some constant value and make display inline,



This is based on my knowledge, it may or may not work for IE 6.
(You never get your CSS work in first shot on IE6, it's nightmare for all the web deesigner )
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hmmmm.

There is a solution for this problem,
It involves using browser hacks in css.....

Let me do a bit of a research.....


 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Here is a pattern i would like to call: Left-Right-Center.

I think this takes care of IE's shrinking bug....

"bit" different html:




Css:



Let me know if this fails under any browser.
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
By the way the above code was tested by me under :

IE 7
Firefox 3.0.8
Chrome 2.0.172 (is not the latest)

it works fine.
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
any updates ??
 
Ulf Dittmer
Rancher
Posts: 42968
73
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
We have it running on the test server, and it seems to work fine. It'll be released whenever the next release of the forum software is due (no target date yet). Thanks for your help with this.
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
this may be the wrong forum for this suggestion, but i felt like posting here any ways....


Please copy and paste the above image url in a new window:





Some one stop me, Please...
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Psd for the above images (Requires Photoshop):

i hope the link works
 
Ulf Dittmer
Rancher
Posts: 42968
73
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
As you may have seen by now, this change has been released. Thanks to Salvin for the idea and the CSS!
 
Pushkar Choudhary
Rancher
Posts: 425
Android Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
The div doesn't seem to be properly aligned in my browser. I'm using Firefox 3.5.2

I've attached the image here.


-Pushkar

Javaranch.JPG
[Thumbnail for Javaranch.JPG]
Problem with misalignment in the social media integration div
 
Jaikiran Pai
Marshal
Pie
Posts: 10447
227
IntelliJ IDE Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Clear your browser cache, that should fix it.
 
salvin francis
Bartender
Posts: 1306
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ulf Dittmer wrote:As you may have seen by now, this change has been released. Thanks to Salvin for the idea and the CSS!

Anything for coderanch

one favour:
Any suggestion/critism for my own site: www.salvin.in
Thanks in advance
 
Jeanne Boyarsky
author & internet detective
Marshal
Posts: 34839
369
Eclipse IDE Java VI Editor
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic