Twitter Bootstrap 101: Customize | Envato Tuts+
Built into Twitter Bootstrap's documentation is a handy Customize page, which provides a quick way to implement a custom color scheme, custom typography and a number of other CSS customizations. Of course, the most powerful approach is to work directly with Bootstrap's LESS files. But with a few quick adjustments, and for those who prefer to work in straight CSS, this page offers you a great way t
Twitter Bootstrapのテーマ作成も出来て、スマフォやタブレットでの表示状態も確認出来るジェネレーター・BootTheme - かちびと.net
Twitter Bootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。 Twitter Bootstrapのデザイン作成ツールです。Twitter BootstrapはレスポンシブWebデザインに対応していますので、このジェネレーターでもスマフォやタブレットデバイスのサイズで表示確認が出来る様になっています。 確認しながら作成できます。リンク色とか背景色とかボタンのカラーとか。使い方はよくあるジェネレーターと相違ないので割愛します。 簡易的なものではありますが、上記のようにスマフォやタブレットデバイスのウィンドウサイズにリサイズして表示を確認する事が出来ます。 コードは通常のCSSだけでなくLESS形式でも発行可能です。 もう少し使い勝手が良くなると嬉しい。今後に期待です。Twitter
URL の自動リンクをする autolink.js ってのつくった。 - tokuhirom's blog
URL の自動リンクをする autolink.js ってのつくった。 なんかまともにうごくフリーのやつみあたらなかったというか、そういう感じだったので、つくっといた。 https://github.com/tokuhirom/autolink.js/ 動作としては以下のようなかんじになります。まあコピペしてつかうなりなんなりご自由にどうぞ。MIT ライセンスってかいてあるけど public domain 扱いでいいので。 #!/usr/bin/env node var assert = require('assert'); var al = require('../lib/autolink.js'); assert.equal(al.autolink("http://google.com/"), "<a href='http://google.com/'>http://google.com
Twitter.comの読み込みが高速化 5分の1に短縮 - ITmedia ニュース
米Twitterは5月29日（現地時間）、Twitter.comをアップデートし、読み込みにかかる時間を従来の5分の1に短縮したと発表した。今週中に新生Twitter.comに切り替わる見込み。 まず、ページ上のパーマリンク（永続的なリンク）に含まれているハッシュバング（#!）を排除した。ハッシュバングはAjaxを利用するための仕組みだが、JavaScriptがパスを解釈する分、読み込みに時間がかかる。これを排除することで、パーマリンクの読み込みを速くしたという。 また、外部のWebサイト上でツイートのリンクをクリックしてからTwitter.comでそのツイートを表示するまでの時間を短縮するために、まずサーバでページのコンテンツをレンダリングしてからJavaScriptをロードするようにした。 さらに、JavaScriptのロード時間も短縮するために、コードを書き換えた。 Twitterは
Twitter API 関連の JavaScript ライブラリまとめ
PhoneGap や Titanium Mobile でツイートできるアプリを作りたいと思い、Twitter API 関連の JavaScript ライブラリを調べてみました。 Twitter API OAuth 認証の手順 ———————————————————————- 最初に、自作アプリを Twitter に [アプリケーション登録](https://dev.twitter.com/apps/new) し、Consumer key, Consumer secret を準備する。 その後は、下記のページを読んでみてください。手抜きでスミマセン…。 – [Twitter API を OAuth で認証するスクリプトを 0 から書いてみた – trial and error](http://techno-st.net/2009/11/26/twitter-api-oauth-0.html)
検索メモ:Javascript（ｊQuery）でのTwitterAPI・OAuth認証 - とうもろこし日記（改）
Twitter Developers oauth.jsJavaScript で OAuth 認証を行う方法TwitterクライアントのOAuth対応(Javascript編) | tomatomax.netTwitter API を OAuth で認証するスクリプトを 0 から書いてみた - trial and errorOAuth認証を使ってtwitterのhome TL(friends TL)を表示するgoogle chrome extensionを作ってみた - やる気のないはてだAIR の app-storage:/ はどこに保存される？ - てっく煮ブログ javascriptでのTwitterのOAuth認証にドハマリしましたが、このあたりを読んで解決。 でも、oauth.jsはそのままではTwitter認証できないので、ソースいじっちゃってます。 詳細は後日、時間あったら解説
Creating a Web App with Backbone.js, Node.js, Express.js, Bootstrap, and MongoDB - TUTORIAL
Tech Stack for the Backbone.js WebApp Before moving on to building the application, it’s a good idea to get to know more about the Tools and Frameworks we’ll be using. Backbone.js “Backbone.js is a Frontend framework which helps us in building web apps in a more structured way and helps us in writing cleaner and bug-free code.” Don’t worry if you do not understand the above definition, let’s first
twitterのツイートをJavaScriptやPHPで取得する方法 | ブクマ！
自分の Web サイトなどに twitter のツイートを表示する場合、公式のウィジェットが配布されています。しかしオリジナルのデザインで表示したい場合は JavaScript や PHP などを使って自分でスクリプトを書く必要があるので、その方法を調べてみました。 [jQuery(JavaScript) で取得する方法] Twitterの色んな値をJSONで取得する方法 | WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介 PC 向けやスマートフォン向けであればこれで十分かも。 [PHP で取得する方法] JSON の取得する URL は次のとおりです。 http://api.twitter.com/1/statuses/user_timeline/アカウント名.json?callback=取得件数 PHPでJSONを取得 – billboardto
JavaScriptだけで地図の上にTwitterのつぶやきを表示する：マピオンラボ(Javascript)
Twitter連携という機能を2ヶ月くらい前にリリースしました。 実はこの機能、サーバサイドは一切使わずにJavaScriptだけで実装されています。 田町駅周辺のTwitterのつぶやき Twitter Search APIをJSONPで取得しているだけ これ。 Twitter Search API Method: search 必要なパラメータは以下の通り geocode 緯度経度半径 callback JSONPのために必要 rpp 取得するツイート数。最大100件まで。 検索結果を地図に載せるだけ！ なんだ楽勝じゃん、と思ったらほとんどのツイートに位置情報（ジオタグ）が含まれていないことが判明しましたorz 位置情報は以下のような形で返ってきます。 geo: { type: "Point", coordinates: [35.7011, 139.7708] } ところがほとん
第19回 jQueryでAJAX入門：JSONを使いサイトにTwitterを表示 | gihyo.jp
jQueryでAJAX入門2回目：JSON形式を扱う 前回はXML形式のRSSをAJAXで取得してリストで表示させました。今回はXMLではなく、JSON（ジェイソン）と呼ばれる形式を扱い、同じようにリストを表示させてみることにします。今回ご紹介するJSON形式も、前回紹介のXML形式同様jQueryで取得・表示をさせることができます JSON？ JSONはJavaScript Object Notationの略で、JavaScriptで簡単に扱えるテキストベースのデータフォーマットです。たとえば下記のような構造になっています。 JSONサンプル [ { "name": "技評太郎", "age" : 26, "skills":["PHP" , "JavaScript"] }, { "name": "長谷川広武", "age":25, "skills":["HTML" , "CSS"] },
Big Sky :: node.jsでtwitter上に流れる画像をパラパラ見せるサーバを作ってみた。
こんばんわ。node.jsやってないとjavascriptのもぐりだと言われている昨今、いかがお過ごしでしょうか。 個人的には node.js は2回くらい飽きてしまって、3周目くらいです。 よく考えたらこのブログでは一度も node.js に触れてなかったなーと思ったのと、最近触ってないから忘れてそうだな...という思いからエントリにしてみました。 node.js が面白いと言われている理由の一つに非同期処理があります。そして非同期を面白くする題材として websocket があります。今日はその websocket を使って、サンプルを作ります。 物としては、twitter の filter stream から、instagr.am と picplz.com の画像URLを収集し、それをクライアントにブロードキャストします。クライアントはそれを受けて Growl 風にポップアップ表示す
ブラウザ上で動くnode.jsベースのTwitterクライアントOSS「Streamie」:phpspot開発日誌
Streamie ブラウザ上で動くnode.jsベースのTwitterクライアントOSS「Streamie」。 node.jsベースのオープンソースなので、Twitterクライアントのよい見本となりそうです。（githubにてソース公開) ちょっと作ってみました的なものではなくてTwitterの機能をフルで使えるのも特徴 単に利用するだけでも便利そう。新しいツイートもリロードなしに見ることができます UIもCSS3等を使ってデザインされていてリッチかつ、それなりに洗練されています ＵＩやnode.jsの教材として、あるいは単にTwitterクライアントとして活用することができます。 関連エントリ Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 Twitterで使わ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
English (US)
JavaScriptでアプリ開発！Titanium Mobileで作られたスマホアプリ
最近海外で流行りのTwitter,Facebook,Google+1,Analyticsをまとめる非同期スクリプトにはてなを加えてみた | ゆっくりと…