TreasureTweet

An interactive demo of Mozilla Firefox Responsive Design View, showing different tweets based on the screen size you selected!

建立方法 JavaScript, HTML5, CSS3, 字形與類型, Mobile, 裝置,

  • 163 個檢視數
  • 0 條回應

作者所寫的更多關於此 Demo 的資訊

This Demo allows you to find tweets with hashtags based on the screensize you selected and hide them yourself! For instance people who selected the screensize 320x480 will see tweets with the hashtag phone.

There are many different hashtags and some of them are only visible on the devices themselves so be sure to check them out too!

This demo uses CSS3 (media queries, transformations, ...), HTML5, JS and jQuery.

We are using Google webfonts for the special fonts :
Damion - http://www.google.com/webfonts/specimen/Damion
Finger Paint - http://www.google.com/webfonts/specimen/Finger+Paint

The tweets are displayed using the awesome Tweet plugin from Sea Of Cloud (tweet.seaofclouds.com)

The CSS3 cloud was inspired on the CSS3 Cloud from Dan Eden (dribbble.com/shots/608217--i-Cloud-CSS)

Thank you for looking at my demo and remember to -Like- it and post reactions in the comments down below,

Laurens



*: - Please reload your browser when you're using responsive design view, otherwise it will not change the tweet hashtag!

還沒有回應

登入後即可自行新增。

關於此 Demo

下載原始碼 16.32 KB · ZIP 格式

Browse the Source

此 demo 係以 GPL 條款進行授權。

laurensdebackere 的更多作品