Is there a plugin that improves the user experience for image uploads - tinymce

If a user clicks the "image" icon, they get a very undhelpful interface.
I just clicked the "image" icon above here, and it's much better! Not beautiful, but far less confusing.
So, my question now is - what plugin is being used here by StackOverflow?
I used TinyMCE 'out of the box' and was unhappy with the image-upload process from a user's perspective.

Related

Testing Facebook Messenger Scan Code

Facebook recently announced the introduction of messenger codes which can be used to add new contacts and, more importantly, communicate directly with businesses and business pages (which is why I'm interested in it).
It took me ages to find it but on the bottom left of the messages tab on my Facebook page I have the option to download my code in three different sizes - clicking the disc will open a modal window where you can click the Download button and choose from 300, 600 or 1000px PNG file downloads.
NOTE: While they are PNG files the background is not transparent which seems like a bit of an oversight to me but hey ho that's what Photoshop is for I guess.
The problem is that while I can download my code I can't find any way to test it on printed materials (or even electronically at the moment!). The scanning feature doesn't seem to have been rolled out for me yet (I tried re-installing the Messenger app to see if I got a newer version but that didn't work) and nor for anyone I know (I'm in the UK). The codes are bespoke to Messenger so can't be scanned or tested using any other app.
I'm probably too far ahead of the game but is there any way I can test to see if my code scans correctly, or anywhere I can go to find out? I would like to use it on some promotional material which is likely to be long term materials that I don't want to have to update in the near future (several years, by which time it's likely these codes will be more commonplace).
I also need to know what the redundancy is like. For example the high redundancy QR codes I generate can have up to 30% of the code covered while still being usable, which is great for design purposes. I can't find any official documentation as yet for these codes at all, let alone what is required, what the spec. is etc.
I know the most likely option is 'sit and wait' but I really would rather not if possible. I've never been very patient...
Thanks
UPDATE: My Messenger app has now been updated so I can test, but I'm leaving this here in case anyone knows of another way to test perhaps? If someone doesn't have Messenger on their phone for example.

Official Facebook Connect button as PNG

Is there any official Facebook Connect button, as a image file?
There a lot of really different images on the web, with different sizes, different styles (and even colors), different licenses, free and paid. But I believe there should be some official example, as PNG image.
I know that by using https://developers.facebook.com/docs/reference/plugins/login/ I can generate HTML and make screenshot, but seems that it's too hacky, and I'm just missing right page. Is it?
Brand Permissions Center doesn't have 'Connect' button
You can get the official "Log in with Facebook" button here. ZIP has PNGs for different sizes
https://developers.facebook.com/docs/facebook-login/checklist/#brandedlogin
EDIT 26/07/2014: Facebook seems to have removed those image assets. They now suggest you using a Javascript log in button with their button style. https://developers.facebook.com/docs/plugins/login-button
EDIT 21/02/2018: Facebook has updated the guidelines with a new "Continue on Facebook" button image asset
Would comment on existing answer, but rep... =\
You can still download the icon here. I guess they've dedicated a separate domain to it now. I believe they will always have to provide you with an icon alternative since they require, just as google does:
The "f" Logo may be used alone or alongside other social icons. It should be used at equal size to neighboring icons. Be sure to maintain its shape and proportions and provide adequate clear space between logos.
You can't really do this consistently without a proper icon.

change text button of the dialog request component

Considering the component (http://developers.facebook.com/docs/reference/dialogs/requests/), I would like know how to change the text of your button. I would like replace the "SEND REQUEST" to just "SEND".
Thanks.
Just a note: http://developers.facebook.com/policy/ states:
IV. Application Integration Points
4 Platform integrations, including social plugins:
d. You must not obscure or cover elements of our social plugins,
such as the Like button or Like box plugin.
Which I think applies to that button as well. There is a discussion over the like button here:
http://forum.developers.facebook.net/viewtopic.php?id=81844
that probably applies to this question. Other than that, with fbml and fbjs, there was a way to change it, but facebook is deprecating them soon, so it won't even be worth trying using that. I think the only way to go would be to try and get a hold of facebook and make a request to change it, but seeing as how they are always changing things, not sure how that's going to work. If you have an argument as to why, they might listen.
http://developers.facebook.com/docs/reference/fbml/
http://developers.facebook.com/docs/fbjs/

A browser addon that makes a box pop up in the corner on certain domains

I want to create an addon where when you open a webpage from certain domains, a square or circle (not sure which yet) image will pop up on the corner of the page.
The closest example I can think of is the GetGlue addon. When you are on a page from specific domains, the toolbar pops up on the bottom and gives you options to pursue while you are on the page. Then once you go to a non-supported website, the toolbar is gone.
However the one I want to create is much more simpler where I just want an image to show up in the top corner of the page when you arrive at certain webpages, and disappear once you move to a domain not supported. It's not going to do anything or link anywhere or have any actions; it's just an image.
I don't know much about creating addons, but I am willing to learn how to do so as creating this is of somewhat importance to me. But I've been looking around, and I've come across things to get people started on creating them, but I don't really know how to go about it as I've not sure how I can get what I want done, and the ones I see are about things not related.
If anyone knows of any guides or tuts or anything similar that can explain the basics or even some more in-depth of doing what I want done, many thanks are sent your way.
Look into content scripts
This allows you to inject JS and CSS into any page that matches a url pattern
For example, including the following in your manifest will insert mystyles.css into any page under http://www.google.com/
"content_scripts": [
{
"matches": ["http://www.google.com/*"],
"css": ["mystyles.css"]
}
],

highlight a text in web view

I am using a html page in the web view. I want to track the location of the html page when I tap on the webview.Basically I want to mark the selected text in the html page.Please help me out as soon as possible.
Thanks in advance.
You're gonna have to do some javascript injection on the loaded page if it's not your own html. The javascript needs to locate the tap location and change the CSS of the element(s) where the tap occurred to highlight it. You can't do this just from UIWebView alone.
the developer of iCab Mobile (a full-featured iphone web browser) has some good discussions of things they did along those lines.
http://www.icab.de/blog/2009/07/27/webkit-on-the-iphone-part-1/
There's quite a bit involved with stuff like this. You can google around for something like "iPhone hybrid application project". There's a few opensource items out there which would be useful for learning these techniques.
Also for future consideration, it's kind of rude to suggest someone should "help you out as soon as possible".