Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
twitter の console.log() エラーよけ - てっく煮ブログ
javascript, twitterFirebug が導入した console.log() は最近のブラウザで標準的に実装されつつあります。しかし、万が一、リリースコードに console.log が混じり込んでしまうと、古いブラウザや開発ツールが導入されていないブラウザで JavaScript エラーになってしまってとても悲しくなります。ということで、そういう場合にエラーを出さないようにするために、お手製の偽者 console オブジェクトを実装するテクニックがあります。ちょっと検索するといろいろ見つかります。 if (!window.console){ window.console = { log: function(){} }; } 確かに小さなプロジェクトでは、こういうおまじないを書いておくと安心だろうなー…と思っていたら、twitter のソースコードに次のようなコードを発見。
Twitter風のレイアウトを実装するためのjQueryプラグイン｜jQuery plugin｜Ajax｜PHP & JavaScript Room
How to create a Twitter-style alert with jQuery, CSS, and PHP〔Twitter風のアラート表示（PHP+jQuery使用）〕 jMaxInput: jQuery Twitter-Like Textarea〔Twitter風のテキストエリア（入力可能文字数を超過した場合は投稿ボタンを無効化）〕 jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields〔Twitterのようにテキストフィールドや入力フォームに入力された文字数を動的にカウント〕 Notify Bar plugin〔Twitter風の通知バー〕 Perfect signin dropdown box likes Twitter with jQuer
30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
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
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
Twitterの機能をJSで簡単に導入できる「@Anywhere」の使い方メモ - Rewish
Twitterの諸機能をサイトに導入するためのJavaScriptフレームワーク「@Anywhere」がリリースされましたね。 その場でフォローしたりサイト上から直接Tweetしたり、Twitterがナチュラルに様々なサイトに組み込まれるようになるんですかね。 と言うわけで僕も軽く試してみたので、使い方のメモと雑感を書いてみます。 まずはアプリケーション登録 New Twitter Applicationでアプリケーション登録を行う。 Application Name @AnywhereでTweetした時に表示されるアプリケーション名。</dd> Application Website Application NameにリンクされるサイトのURL。 Organization 組織名？とりあえず空白で。 Callback URL コネクションの許可などで一度Twitterにアクセスした場合に
jQueryでcheckboxがcheckされてるかの値をとる - Webtech Walker
checkboxがcheckされてるかどうかを判別するメソッドってjQuery側に用意されてないんですよね。 twitterでも色々教えてもらったけど方法としては3つくらいかなー。 https://twitter.com/kyo_ago/status/11685019866 https://twitter.com/songmu/status/11675950113 https://twitter.com/rea/status/11675545507 素のHTMLエレメントから取得 var checked = $('#elem').get(0).checked; せっかくjQuery使ってるのにという感じがいなめない。。これはないかな。 is()で取得 var checked = $('#elem').is(':checked'); これが一番直感的ではある。これでいいっちゃいい気もする。
pg เบ ท 1 บาท ฝากถอน ไม่มี ขั้นต่ำ - Official Website
ยินดีต้อนรับสู่เว็บไซต์การพนันที่ดีที่สุด pg เบ ท 1 บาท ฝากถอน ไม่มี ขั้นต่ำ! เราตื่นเต้นที่จะมอบประสบการณ์การเล่นเกมที่ไม่มีใครเทียบให้คุณซึ่งคุณสามารถเล่นได้ด้วยเงินฝากบาทเดียวและไม่มีข้อกำหนดขั้นต่ำ แพลตฟอร์มของเราได้รับการออกแบบมาเพื่อให้ความบันเทิงที่ไม่มีที่สิ้นสุดและโอกาสที่จะได้รับรางวัลใหญ่ทั้งหมดในขณะที่มั่นใจว่าสภาพแวดล้อมที่ปลอดภัยและปลอดภัยสำหรับลูกค้าที่มีค่าของเรา ที่ เว็บสล็อต ฝากถ
[TWITTER] emTweet – Growlのようなエフェクトで、サイト内につぶやきを表示 - mBlog
[TWITTER] emTweet – Growlのようなエフェクトで、サイト内につぶやきを表示 Pocket Tweet 自分のサイトにTwitterでのつぶやきを表示する方法には色々ありますが、これはちょうどMacユーザーのよく使うGrowlのような手法で表示できるようにするJavascript。サイトロード時に右上にフワっとロードされ、自然にフェードしていくという感じ。導入は簡単で、サイト内の「Install now」メニューからソースを生成できます。Twitterアカウントを入力するだけでもオッケーですが、やろうと思えば細かい設定も色々と行えるようになってます。一通り指定ができたら、ジェネレイトされたソースを自分のサイトに貼るだけ。ただしJavascriptの使えないブログサービスなどでは使えません。ちなみにJSライブラリにはjQueryが使われているようです。生成されたコード内に
jQueryカスタムサーチエンジン＆iTwitter powered by jQuery-WEBデザイン BLOG:
ここ最近、jQuery: The Write Less, Do More, JavaScript Libraryが注目を浴びていますね。テクノラティやwordpressにも採用されるようになって、jQueryネタの情報が一気に増えました。 もし、jQueryで本家サイトを覗いてもわからないことがあったらこちらのCustom Search Engineを使ってみてください。 jQuery Topics searchhttp://www.google.com/coop/cse?cx=001816526500206153589%3Ap3hh00lypb4このサーチエンジンは、jQuery本家で公開されているメーリングリストのアーカイブから情報検索できるものです。 iGoogleを使っている方は、ご自身のページへwidget追加も可能です。 jQueryの情報収集 最近はまったく勉強していないんで
)
サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌
Juitter | jQuery Plugin to put Twitter live on your website サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 次のようなウィジェットをjQueryプラグインによって簡単設置されます。 Twitterの発言は、ダイナミックに更新されたものからアニメーションされつつ追加されるところがナイスです。 検索機能も付いているのがよくて、そのまま、画面遷移なしに検索が可能です。 関連エントリ 「フォローしてね」を表すTwitterアイコン集 Twitterのメッセージ表示などができるPHP＆AJAXなブログパーツ実装が可能な「Ptwix」 Twitterで使われているフォント「Pico」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」 – creamu
IDEA * IDEA
Components · Twitter Bootstrap
ブログ
Twitterのような通知バーを実装するjQueryプラグイン – creamu
IDEA * IDEA
)
JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」:phpspot開発日誌