HOW TO create a Responsive Iframe-d Tweets Carousel using plain JavaScript & CSS

Let's say you wanted to display a custom set of images within tweets from your Twitter feed or someone else's, Twitter provides a feature called Twitter Moment to create a curated list on Twitter.com. You have to scroll vertically to view the collection.

If you need a slide show kind of view, try the code I put together in a Github Gist after deriving inspiration from code samples on StackOverflow.com & W3Schools

The code for Responsive Iframed Tweets Carousel doesn't have much styling in order to just focus on the essentials.

Comments

Post a Comment

Popular posts from this blog

The Mercurial Grok AI Assistant Understands & Speaks Indian Languages

Image
Grok , the AI model developed by Elon Musk's xAI, can understand when you type Indian languages like Hindi, Telugu, Odia or other Indian regional languages using English letters (like when you type 'namaste' instead of 'नमस्ते'), and it can respond by mixing English with those languages. Grok doesn't necessarily need the native script of these languages. It has natural language processing abilities that extend to multiple languages. This is great innovation because many people in India, especially in online communication, use transliteration. Grok can generate responses that combine English words and phrases with words and phrases from the regional language you used in your input. For example, if you ask a question using a mix of English and Telugu transliteration, Grok might respond with a sentence that includes both English and Telugu words. Check these Hindi, Telugu, Odiya samples - Grok, ab Hindi mein Grōk, ippuḍu telugulō Grok, Oḍiā re This way Grok is more...
Read more

Things Near Me – Find & Learn About Landmarks Nearby

Image
Back in 2012, I was planning to build a location-aware app that would tell me about interesting sights & news-worthy facts about places that fall in the way of a train journey. I discovered that Web Dev guru Chris Heilmann ( @codepo8 ) had built a nifty app on a similar theme and shared the JavaScript code under the BSD license.  Things Around You used the browser's geolocation feature to find Wikipedia articles on nearby landmarks via the GeoNames API & list them with a brief description. For a Windows 8 app hackathon, I utilized the Geolocation detection idea to build a little app that I called GeoBuzz & posted it on the Windows 8 App Store. It's been on the back of my mind to extend it with more features. Now that GitHub Copilot is here, there was no need to procrastinate. I had a friendly chat with GitHub Copilot ( Gemini Flash model ). In under an hour, I customized @codepo8's original sample to include a map directly on the web page instead of linking t...
Read more