Facebookのタイムライン表示をHTML5で再現·Facebook timeline with simple html and css MOONGIFT
Facebook timeline with simple html and cssはFacebookのタイムライン表示をHTML/CSSで再現したソフトウェアです。 Facebookで導入されているタイムライン表示。最初はインパクトが強いと思うUIでしたが、慣れてくると見やすさを感じます。左右の高さをずらすことで情報の強弱を感じる面白いUIです。そんなタイムライン表示をHTML/CSSで再現したのがFacebook timeline with simple html and cssです。 メイン画面です。まさにFacebookのタイムライン風です。 Facebook timeline with simple html and cssでは表示のみならず、ページ下部までスクロールしたときの追加読み込みにも対応しています。情報はテキストの他、写真表示にも対応しています。Facebookアプリで
GithubのアクティビティをFacebookのタイムライン風に表示·Gitspective MOONGIFT
GitspectiveはGithubのアクティビティをFacebookのタイムライン風に表示するWebサービスです。 Facebookのタイムライン表示はPinterestのデザインにも影響を与えるなど、色々な所で使われているUIになります。そんなタイムライン風表示をGitHubでも実現させるのがGitspectiveです。 筆者の場合。Gistばっかりだ…。 アクションをフィルタリングできます。こうするといい感じ？ プロジェクトの作成は記念っぽく表示されます。 Facebookライクに一本の線が引かれて、その左右に情報が表示されていきます。自分のプログラマーとしての歴史のようでとても面白いです。 GitspectiveはHTML/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 同じ情報であっても見せ方一つで印象が全く変わって
GitHubのfeedをfacebookのtimeline風に表示するgitspectiveがシャレオツ - Glide Note
GitHubのfeedをfacebookのtimeline風に表示してくれるgitspectiveという サービスがリリースされていたので、早速試してみました。 http://zmoazeni.github.com/gitspective/にアクセスすると下記のような画面。 私のtimelineを表示させた場合 [Push],[Fork],[Gist],[Branch],[Tags],[Follows],[Comments]などで表示、非表示が 出来るので、必要な情報だけ絞り込むことが出来ます。 Gistだけを表示させると下記のような感じ またソース自体も公開されているので、ローカルにgit cloneして
地図や動画、Googleスプレッドシートとも連携する年表ライブラリ·Timeline MOONGIFT
Timelineは各種Webサービスのコンテンツを載せられる年表表示ライブラリです。 JavaScriptを使って格好いい年表（タイムライン）を表示したいならばTimelineを使ってみましょう。目を引くインパクトある表示が実現します。 上にコンテンツ、下に年表（タイムライン）が表示される仕組みになっています。 YouTube動画も埋め込めます。Vimeoにも対応しています。 Flickr画像です。 Googleマップです。 Twitterも表示できます。 SoundCloudです。 Googleスプレッドシートから取り込む機能もあります。 データです。JSONで定義するだけで使えます。 Timelineでは下に表示されている年表の中から項目を選ぶと上にある詳細に表示されるようになっています。歴史、個人の人生、ソフトウェアの遷移など様々なコンテンツが表示できそうです。時間の単位は拡大、縮小
#hero-unit
This Domain is NOT Suspended Anymore This domain has all already been restored and not Suspended anymore. If you are the registrant of the domain please update your nameservers so it resolves to your site. Este Dominio Ya NO Esta Suspendido Este dominio ya fue restaurado y no está suspendido. Si usted es el titular por favor actualice los nameservers para que resuelva a su página.
Facebook Timeline Design using JQuery and CSS.
I know what my readers are expecting from 9lessons blog, after long time I'm going to discuss about Jquery usage. Facebook timeline design makes big revolution in social networking world and it gives new feel to the user profile pages. In this post I want to explain how simple I had implemented this design with Jquery and CSS. Try this demo with modern browsers like Chrome, Firefox and Safari (IE
jQuery Timelinr
Dando vida al tiempo / Giving life to time Selecciona tu idioma / Select your language:⌗ English Español EN This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc. Last stable version: 0.9.6 Configuration: Include the jQuery library and this plugin: <script src="j
JavaScriptでFlashみたいなタイムラインアニメーションを作るToolkit「Mashi」:phpspot開発日誌
Mashi - Javascript Timeline Toolkit JavaScriptでFlashみたいなタイムラインアニメーションを作るToolkit「Mashi」 トップページにアクセスするとわかるのですが文字や画像がいい感じにアニメーションします。 ドキュメントも比較的綺麗にまとまっています オーサリングツール等は存在しないため、使い方にはちょっとコツが必要かもしれませんが、iOS端末用に、よし、Javascriptでやろうっていうような時に使えるかもしれません。メジャーになってくればコードを吐いてくれるオーサリングツールなんかも出来るかもしれませんね。 関連エントリ もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
