Customised Twitter Feed on website - html

I am creating a website for a customer who would like a Twitter feed on their page. I am aware of the standard Twitter feed via the embedded code on Twitter or via the various plug ins however they do not allow me to customise the feed to the extent I would like to customise it to. I have attached an image to this post. Is it possible to fully style a feed like this? The caption image is not an issue as I can make it the background image but is the rest possible?
Andi

Use rest api from twitter you will get json and can format them how ever you want.
Use the rest api console of twitter here.
https://dev.twitter.com/rest/tools/console
If you are not sure how rest APIs work please do a google for that

Related

I need to take a PDF from a weblink (it is a shipping label) and display it on an HTML page and be able to print it out

I am integrating a shipping company's API with our business software. Their API returns a web address with the PDF file, which is a shipping label that we just purchased through the API. So something like... https://example.com/file.pdf
I need to embed, or place, or something the pdf file on a webpage.
The PDF is just one page and only a 4x6" label.
I have used iFrame and it displayed, although ugly.
I tried embed and object also and they also both worked.
The problem with all of these is that although I can see the label on the page, I cannot print it. When I go to print preview, I never see the label and it never prints.
I want to be able to place the image of the shipping label on the page and place several other elements too such as a receipt, message, etc. Then we will peel off the label and put the rest of the paper with the package.
I would prefer to do this without having to download the file anywhere and do any type of conversion because I know that will make things very difficult as I am basically a beginner. But I will if that is my only options.
SURELY there's an easy way to give the URL and then it give you a different URL of that PDF that's been converted to an image.
Or maybe I am asking too much...
Any help would be greatly appreciated!
I am using PHP, JS, JQuery, HTML, CSS
Reposting from this answer: https://stackoverflow.com/a/4854037/1027624
I use Google Docs embeddable PDF viewer. The docs don't have to be uploaded to Google Docs, but they do have to be available online.
<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true"
style="width:600px; height:500px;" frameborder="0"></iframe>
In this way you can directly use the API's returning web address.

Instagram, get JSON feed for cetain hashtag without using API

I am creating a personal app and I am having some trouble. I have tried using the Instagram API to get a JSON feed of images by hashtag (any image insta, not just images on my profile).
My issue with the API is that i cannot seem to search public images without having my app in live mode. i keep getting a 400 unauthorized access_token error, even though i do have a valid access token.
I cannot put my app in live mode because insta require a privacy policy url and a company name and I am not a company. I am an independent dev making a personal app.
Whilst searching through stack overflow i cam across this url:
https://www.instagram.com/bikerpicgirl/media/
This allows me to get images by user without the API. I am wondering if anyone knows a similar url where i can get a feed like this but for hashtags instead of users.
I could just make a scraper that mimics the search process but this seems way to overkill and is alot of effort for something that should be so simple.
Yes, you can explore Instagram media by hashtags with this url format:
/explore/tags/your-tag/
for example if hashtag is #amsterdam your url would look something like this:
https://www.instagram.com/explore/tags/amsterdam/
As Jon Goodwin mentioned in the comment this example link is subject to change and may not work in the future.

Facebook post via API - include html, css, & outside images?

First off: I'm a designer, I'm not a developer. I don't really know php or JS, I know html and css. And that's not changing.
Context: I'm working on designing a website for a client that once it is turned over to the development team will involve using the facebook API to allow users to post things on their facebook walls. I'm not familiar with the facebook API at all and I don't really use facebook. However, I need to know the limitations of these things so I can actually design something that is possible to develop. I tried looking at the facebook API docs, but it's gibberish to me since I'm not a developer.
My actual question: I know text can be added, I know at least one main image can be added to go with the post. Can any custom html/css be added to the content of a facebook post? Specifically the client asked for the stars system on the website to the facebook posts (which would require custom html, css, and images from the site), but after working with the facebook share button/iframe I doubt facebook allows for that type of thing.
And if you don't mind posting a long answer: is there any control over what the post looks like, is that all set by facebook? Things like sizes of images, placement of content, etc. Or is this just another insert iframe (maybe with a few variables) and facebook has 100% control over what goes inside the iframe?
No, you can't control over what the post looks like using Facebook Graph API. Publishing a post only supports the following fields:
message: The main body of the post, otherwise called the status message. Either link or message must be supplied.
link: The URL of a link to attach to the post. Either link or message must be supplied.
actions: The action links attached to the post.
place: Page ID of a location associated with this post.
tags: Comma-separated list of user IDs of people tagged in this post.
privacy: Determines the privacy settings of the post.
object_attachment: Facebook ID for an existing picture in the person's photo albums to use as the thumbnail image.
Source: Graph API User Feed Reference.
As you can see, there is no field to customize the design/template of the post. In short, what you publish using the Graph API will just look like a typical post that you post using Facebook GUI.

Documentation for getting Facebook feed stream on website?

Trying to integrate a Facebook page stream into an element for a website?
The Facebook Like Box has a "show stream" option that displays this data.
Be aware, it is against Facebook's policy to exactly copy any of it's features and use on your own site (as if emulating Facebook).
With that said, you need to grab this information manually using either the Graph API or FQL. There is no social plugin that can do this automatically.
You can check out the Graph API documentation here: https://developers.facebook.com/docs/reference/api/
You can test out some Graph API calls here:
https://developers.facebook.com/tools/explorer/
You can learn more about FQL here:
https://developers.facebook.com/docs/reference/fql/

display twitpic using actionscript 3

I would like to find out if it is possible to display twitpic with specific hashtag in flash application. I have been searching online but none has actually provide similiar solution. Please give me some source as reference as I have been stuck for quite awhile. Thanks a lot.
You will need to use the twitter API to do a query on a hashtag search. Then use the twitter image domain to pull images for the user's screen name that's in the json result in the query.
URL address to pull images:
http://img.tweetimag.es/i/UserName
Twitter API for searching (includes hashtags):
https://dev.twitter.com/docs/using-search