HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードしたり、ブックマークしておいて、すぐに確認できるようにしておくと便利ですね。
どうもこんばんは。今回のtipsは【twitpicAPIを通じでtwitterの投稿画像を一覧表示させる方法】です。twitpicAPIはv2が出てから触ってなかったのですが、結構便利なのでいつか使ってみたいと思っております。 twitpicAPI APIではXML,json,jsonpのどれかでデータの処理が行えます。ここではjsonpの例を書いておきます。ちなみに tag : "????" の部分でtwitterのタグで絞り込んでいます。 jQuery 本例では… ・ユーザー名 ・アバター画像URL ・投稿時間 ・投稿画像URL ・閲覧数 ・詳細ページURL ・地域 を取得、表示させています。 この他にも色々表示できますが詳細はRTM $(function(){ $.ajax({ url : "http://api.twitpic.com/2/tags/show.jsonp", dat
Result jQuery//マウスホバーイベント $('li a').hover(function() { var p = $(this).position().left; //マウスが乗るとclass="arrow"がアニメーションでポジションを変更 $('.arrow').animate({ //数値で位置を決める・・これだと汎用性が無いね:( left: (p + 60) + 'px'}); }, function() {});css.content { position: absolute; width: auto; height: 400px; } .arrow {/*矢印部分*/ position: absolute; margin-top: 0px; border-color: #696868 transparent; border-style: solid; border
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く