Check it: CSS3 Tweet Scroller
Caveat: This currently only works on Safari. It may work on a bleeding edge Chrome dev build but I haven't tried that.
There are some other examples of this type of scrolling effect out there but I wanted to make one for tweets. I also noticed that there are some odd effects if you naively keep appending content to a div that's been rotated in 3-D. As it reaches a certain height, webkit apparently starts downsampling (I guess to save memory in the rendering pipeline? A limitation of hardware? Who knows) and you get this pixelated effect:
![]() |
This isn't a downsampled down screen shot. It actually looks like this if you let the rotated div get too large. |
So instead of putting all of the tweets into the same rotated div, I rotate each tweet element individually and that seems to fix the problem. Also, I start deleting tweets at the top (where you can no longer see them anyways) after a while, just to keep the dom size down. They are now readable and the CPU is happy.
Other stuff:
Instead of using CSS3 animations, I opted for javascript because I was loading the tweets with JS already and I'd have to manipulate the animations with JS anyways.
Also, the background is generated dynamically using the Canvas element. I wanted a more realistic looking star field so I did some research on the distribution of star sizes and colors to see if I could perhaps simulate it with a Pareto distribution. Turns out the distribution of star colors and brightness is some other weird distribution so I just made it more or less random, with smaller stars slightly more frequent than larger stars.
nike roshe run
ReplyDeletenba jerseys
soccer jerseys
ralph lauren,polo ralph lauren,ralph lauren outlet,ralph lauren italia,ralph lauren sito ufficiale
michael kors handbags
asics,asics israel,asics shoes,asics running shoes,asics israel,asics gel,asics running,asics gel nimbus,asics gel kayano
thomas sabo outlet
michael kors outlet
michael kors outlet
true religion canada
true religion outlet
beats by dre
michael kors outlet store
michael kors outlet store
prada shoes
true religion jeans
snapbacks wholesale
hermes belt
michael kors handbags
timberland boots
soccer jerseys wholesale
louis vuitton handbags
true religion jeans outlet
louis vuitton outlet
mbt shoes outlet
swarovski outlet
swarovski crystal
louis vuitton handbags outlet
links of london
longchamp handbags outlet
michael kors online outlet
adidas outlet
cheap mlb jerseys
cheap nhl jerseys
louis vuitton outlet store
20160224caihuali
Interesting Article
ReplyDeleteJavascript Training in Chennai | HTML5 Online Training
JavaScript Training Courses | Javascript Online Training | Angular 2 Training in Chennai
Interesting Article
ReplyDeleteJavascript Training in Chennai | HTML5 Online Training
JavaScript Training Courses | Javascript Online Training | Angular 2 Training in Chennai
discount oakley sunglasses
ReplyDeleteugg boots
moncler outlet online
pandora charms
longchamp sale
nike blazer low pas cher
michael kors outlet online
jimmy choo shoes
hejixia20161202
ray bans
ReplyDeletecheap oakley sunglasses
nike huarache
nike air huarache
nike air force 1
toms shoes
nike blazer low
ghd hair straighteners
nike air max 90
cheap jordans
ferragamo shoes
ReplyDeleteadidas outlet
moncler outlet
coach outlet
canada goose jackets
michael kors outlet store
uggs
cheap jordans
coach factory outlet
moncler jackets outlet
linpingping10.25
that's an amazing post, read more to know about my blog.
ReplyDeleteAlso check it..
DeleteFRP Bypass Apk
Nice tutorial. Thanks for sharing the valuable information. it’s really helpful. Who want to learn this blog most helpful. Keep sharing on updated tutorials…
ReplyDeleteBest Devops online Training
Online DevOps Certification Course - Gangboard
I'm here representing the visitors and readers of your own website say many thanks for many remarkable
ReplyDeletepython Course in Pune
python Course institute in Chennai
python Training institute in Bangalore
Thanks for splitting your comprehension with us. It’s really useful to me & I hope it helps the people who in need of this vital information.
ReplyDeleteSelenium training in Chennai
Selenium training in Bangalore
Selenium training in Pune
Selenium Online training
cool stuff you have and you keep Python classes in pune overhaul every one of us
ReplyDeleteThe article is so informative. This is more helpful for our
ReplyDeletebest software testing training institute in chennai with placement
selenium course
software testing training institute
Thanks for sharing.
Pretty post...! I got more useful information about this topic and I like a unique post. Please updating...
ReplyDeletePega Training in Chennai
Pega Training Institutes in Chennai
Tableau Training in Chennai
Oracle Training in Chennai
Oracle DBA Training in Chennai
Job Openings in Chennai
Social Media Marketing Courses in Chennai
Primavera Training in Chennai
Pega Training in Vadapalani
Pega Training in Thiruvanmiyur
Great Article. Thank you for sharing! Really an awesome post for every one.
ReplyDeleteProject Centers in Chennai
JavaScript Training in Chennai
Final Year Project Domains for IT
JavaScript Training in Chennai
such a great word which you use in your article and article is amazing knowledge. thank you for sharing it.
ReplyDeleteGet SAP HANA Training in Bangalore from Real Time Industry Experts with 100% Placement Assistance in MNC Companies. Book your Free Demo with Softgen Infotech.
Great Article. Thank you for sharing! Really an awesome post for every one.
ReplyDeleteIEEE Final Year projects Project Centers in Chennai are consistently sought after. Final Year Students Projects take a shot at them to improve their aptitudes, while specialists like the enjoyment in interfering with innovation. For experts, it's an alternate ball game through and through. Smaller than expected IEEE Final Year project centers ground for all fragments of CSE & IT engineers hoping to assemble. Final Year Project Domains for IT It gives you tips and rules that is progressively critical to consider while choosing any final year project point.
Spring Framework has already made serious inroads as an integrated technology stack for building user-facing applications. Spring Framework Corporate TRaining the authors explore the idea of using Java in Big Data platforms.
Specifically, Spring Framework provides various tasks are geared around preparing data for further analysis and visualization. Spring Training in Chennai
Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing.
ReplyDelete360DigiTMG artificial intelligence course in hyderabad
This is a wonderful article, Given so much info in it, These type of articles keeps the users interest in the website, and keep on sharing more ... good luck.
ReplyDeleteData Science Institute in Bangalore
Excellent Blog! I would like to thank for the efforts you have made in writing this post. I am hoping the same best work from you in the future as well. I wanted to thank you for this websites! Thanks for sharing. Great websites!
ReplyDeleteData Science Certification in Bangalore
I will be interested in more similar topics. i see you got really very useful topics , i will be always checking your blog thanks
ReplyDeleteData Science Course in Bangalore
This is very educational content and written well for a change. It's nice to see that some people still understand how to write a quality post!
ReplyDeleteData Science Training in Bangalore
ReplyDelete360DigiTMG, Indore is a leading solutions provider of Training and Consulting to assist students, professionals by delivering top-notch, world-class classroom and online training. It offers courses in ai training in indore.
I am really enjoying reading your well written articles. It looks like you spend a lot of effort and time on your blog. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work. data science training in coimbatore
ReplyDeleteIt looks like you spend a lot of effort and time on your blog. I have bookmarked it and I am looking forward to reading new articles.
ReplyDeletePython Hyderabad
Python Training in Coimbatore
Python Training in Chennai
Python Training in Training
Python Training in Bangalore
Thanks for sharing this information. I really Like Very Much.
ReplyDeletedevops online training
Thanks for sharing this information. I really Like Very Much.
ReplyDeletedevops online training
Truly mindblowing blog went amazed with the subject they have developed the content. These kind of posts really helpful to gain the knowledge of unknown things which surely triggers to motivate and learn the new innovative contents. Hope you deliver the similar successive contents forthcoming as well.
ReplyDelete360DigiTMG Machine Learning Course
supreme
ReplyDeletenike x off white
yeezy boost 350 v2
supreme hoodie
supreme
jordan shoes
golden goose sneakers
yeezy shoes
kd 12 shoes
kd 13
Good Post! , it was so good to read and useful to improve my knowledge as an updated one, keep blogging. After seeing your article I want to say that also a well-written article with some very good information which is very useful for the readers....thanks for sharing it and do share more posts like this.
ReplyDeleteSalesforce Online Training
Thanks for Sharing This Article.It is very so much valuable content. I hope these Commenting lists will help to my website
ReplyDeletedevops online training
best devops online training
top devops online training
Thanks for Sharing This Article.It is very so much valuable content. I hope these Commenting lists will help to my website
ReplyDeletedata science course in noida
Wow! Such an amazing and helpful post this is. I really really love it. I hope that you continue to do your work like this in the future also.
ReplyDeleteBest Tableau Training Institute in Pune
Apache Spark Training Institute in Pune
Really Nice Information It's Very Helpful All courses Checkout Here.
ReplyDeletedata science in malaysia
"Very Nice Blog!!!
ReplyDeletePlease have a look about "data science training in noida
Thanks for posting the best information and the blog is very helpful.python course in Bangalore
ReplyDeleteIt is late to find this act. At least one should be familiar with the fact that such events exist. I agree with your blog and will come back to inspect it further in the future, so keep your performance going.
ReplyDeleteBusiness Analytics Course
Very good message. I stumbled across your blog and wanted to say that I really enjoyed reading your articles. Anyway, I will subscribe to your feed and hope you post again soon.
ReplyDeleteBest Data Science Courses in Bangalore
This comment has been removed by the author.
ReplyDeleteI finally found a great article here. I will stay here again. I just added your blog to my bookmarking sites. Thank you. Quality postings are essential to get visitors to visit the website, that's what this website offers.
ReplyDeleteDigital Marketing Course in Bangalore
This is a fantastic website , thanks for sharing.
ReplyDeleteai course in pune
I'm looking for and I like to post a comment that says "The content of your post is amazing" Great job!
ReplyDeleteDigital Marketing Course in Bangalore
Very good message. I came across your blog and wanted to tell you that I really enjoyed reading your articles.
ReplyDeleteBusiness Analytics Course
Very good message. I came across your blog and wanted to tell you that I really enjoyed reading your articles.
ReplyDeleteBest Data Science Courses in Bangalore
It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
ReplyDeleteBest Data Science Courses in Bangalore
I am a new user of this site, so here I saw several articles and posts published on this site, I am more interested in some of them, will provide more information on these topics in future articles.
ReplyDeleteData Analytics Course in Bangalore
I am impressed by the information that you have on this blog. It shows how well you understand this subject.
ReplyDeletedata science training
Very Useful article
ReplyDeletedata science courses in aurangabad
Good information you shared. keep posting.
ReplyDeleteartificial intelligence training aurangabad
You have completed certain reliable points there. I did some research on the subject and found that almost everyone will agree with your blog.
ReplyDeleteArtificial Intelligence Courses in Bangalore
It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
ReplyDeleteCloud Computing Certification in Bangalore
Very good message. I came across your blog and wanted to tell you that I really enjoyed reading your articles.
ReplyDeleteCyber Security Colleges in Bangalore
It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
ReplyDeleteData Analytics Bangalore
Thanks for sharing this article. It is very helpful for us to develop my skills in the right way.
ReplyDeleteUbs inventory Singapore
Peppol invoicenow Singapore
Psg grant Singapore
This post is so interactive and informative.keep update more information...
ReplyDeleteImportance of German Language
Importance of German Language in Modern Era
Great post. keep sharing such a worthy information.
ReplyDeleteAndroid Training in Chennai
Android Course Online
Android Training in Bangalore
It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
ReplyDeleteData Scientist Course Syllabus
It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
ReplyDeleteData Scientist Course in Bangalore
It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
ReplyDeleteData Analytics Course in Kolkata
This comment has been removed by the author.
ReplyDeleteExtraordinary blog went amazed with the content that they have developed in a very descriptive manner. This type of content surely ensures the participants to explore more themselves. Hope you deliver the same near the future as well. Gratitude to the blogger for the efforts.
ReplyDeleteData Science Training
Stupendous blog huge applause to the blogger and hoping you to come up with such an extraordinary content in future. Surely, this post will inspire many aspirants who are very keen in gaining the knowledge. Expecting many more contents with lot more curiosity further.
ReplyDeleteData Science Certification in Bhilai
Wonderful blog found to be very impressive to come across such an awesome blog. I should really appreciate the blogger for the efforts they have put in to develop such an amazing content for all the curious readers who are very keen of being updated across every corner. Ultimately, this is an awesome experience for the readers. Anyways, thanks a lot and keep sharing the content in future too.
ReplyDeleteData Science Course in Bhilai
Such a good post .thanks for sharing
ReplyDeleteIELTS Training in T Nagar
IELTS Training in T Nagar
Informative article. Thanks for sharing with us.keep it up.
ReplyDeletedata science courses aurangabad
Thanks for the information about Blogspot very informative for everyone
ReplyDeletedata analytics course aurangabad
Very informative message! There is so much information here that can help any business start a successful social media campaign!
ReplyDeleteData Analytics Course in Erode
Before visiting Dissertation Editing Services and reading your blog, there was a lot of chaos in my life. But as soon as I started following your instructions, everything got on track.
ReplyDeleteAre you planning to start Data Science Training Online, then enroll with 360DigiTMG to get trained by the world-class trainers with a well-designed curriculum, LMS Access, real-time projects, and assignments that will help you in upscaling your skills to grab the highest paid job.
ReplyDeleteBest Data Science Training institute in Bangalore
Join the Best institute for Data Science in Bangalore to achieve your career goals. Learn to manage, store, and protect data that will further help in analyzing customer behavior and provide feedback to make critical decisions. Learn the art of storytelling using the facts derived out of data and present the same user data visualization tools. With the right skills and techniques, you can achieve your career goals in this lucrative field.
ReplyDeleteData Science Course in Bangalore
Are you planning to start Data Science Training Online, then enroll with 360DigiTMG to get trained by the world-class trainers with a well-designed curriculum, LMS Access, real-time projects, and assignments that will help you in upscaling your skills to grab the highest paid job.'
ReplyDeleteData Science in Bangalore