• 人気のコメント(0)
  • 全てのコメント
nakagawax nakagawax timeline.jsを実装されたブログ。デモなど各種情報あり。

2012/09/13 リンク

    関連記事

    TimelineJSを利用して、ブログのタイムラインを作成してみる - サンプルとか

    ソース javascript var timeline = {"timeline": {"headline":"ブログタイムライン表示してみる", "ty...

    ブックマークしたユーザー

    • nakagawax2012/09/13 nakagawax
    すべてのユーザーの
    詳細を表示します

    いま人気の記事

    いま人気の記事 - テクノロジー

    新着記事 - テクノロジー

    同じサイトの新着

    • Presenteer.jsでプレゼン資料を作ってみる - サンプルとか

      1 userssample.miraoto.com

      こんな感じ <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/presenteer.min.js"></script> <div class="presentationcontainer" id="presentationcontainer"> <div class="presentation" id="presentation"> <div>スライド1枚目</div> <div>スライド2枚目</div> <div>スライド3枚目</div> </div> </div> スライドエリアを定義して、 .presentationcontainer { overflow: hidden; border:2px solid #000000; cu
    • Google急上昇ワードAPIを利用したランキング表示 - サンプルとか

      1 userssample.miraoto.com

      ソース define('GOOGLE_TRENDS_API', 'http://www.google.co.jp/m/services/trends/get'); $trendsString = file_get_contents(GOOGLE_TRENDS_API); preg_match_all('/<snippet src=\"(.+)\">/',$trendsString,$match); if ($match) { $snippetUrlList = $match[1]; } $trendsXml = new SimpleXMLElement($trendsString); $trendsList = get_object_vars($trendsXml); ?> <div class="well"> <ul class="pull-right unstyled"> <li><h
    • jQueryを利用した簡単なニュースティッカー - サンプルとか

      40 userssample.miraoto.com

      ソース javascript $(function(){ $.simpleTicker($("#ticker-fade"),{'effectType':'fade'}); $.simpleTicker($("#ticker-roll"),{'effectType':'roll'}); $.simpleTicker($("#ticker-slide"),{'effectType':'slide'}); }); HTML <h4 class="index">パターン fade</h4> <div id="ticker-fade" class="ticker"> <ul> <li>パターン1 テスト1</li> <li>パターン1 テスト2</li> <li>パターン1 テスト3</li> <li>パターン1 テスト4</li> <li>パターン1 テスト5</li> </ul> </div>
    • Morris.jsでグラフ作成 - サンプルとか

      3 userssample.miraoto.com

      ソース javascript $(function(){ // 線グラフ(1本) Morris.Line({ element: 'single',//描画対象のID data: [ {targetX: '2012', targetY: 100}, {targetX: '2011', targetY: 75}, {targetX: '2010', targetY: 50}, {targetX: '2009', targetY: 75}, {targetX: '2008', targetY: 50}, {targetX: '2007', targetY: 75}, {targetX: '2006', targetY: 100} ], //描画用データ xkey: 'targetX', //X軸の指定 ykeys: ['targetY'], //Y軸の指定(カンマ区切りで複数設定可能) labe

    あなただけの秘書「Sunrise」が、本日の予定を毎朝メールでお届けします | ライフハッカー[日本版]

    12 users https://www.lifehacker.jp/

    【歌わせて】千本桜@片霧烈火【頂きました】

    2 users http://www.nicovideo.jp/