はじめに タイガーマスクが貢いでくれるのを待っている皆さんこんばんは。 前振り考えるのが面倒なので結論から書くと、今日はWebSocketについて扱おうと思います。iPhoneを使って↓こんなサンプルを作ってみました。 Safari上のJavaScriptと、WebSocketをWebサービスとして提供しているPusherを利用して、サーバサイドの言語を使わずに実装しています。 WebSocketってなぁに？ httpおさらい Webの通信に使われる皆さんお馴染みのhttpは、クライアント（ブラウザとかね）とサーバが常に「問い合わせ（リクエスト）と返答（レスポンス）」のペアでやりとりをおこないます。 クライアント(FirefoxやChromeなど): 「情報ください」 サーバ(Apacheやnginxなど): 「はい、どうぞ」 このシンプルな仕組みがhttpの強みであり、URLと共にここま
Feature.js
Feature.js, a feature detection library in 1kb A Fast, simple and lightweight browser feature detection library written in plain JavaScript. Try it by opening this page in different browsers and seeing the results: What is it Feature.js is a fast, simple and lightweight browser feature detection library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatically i
Configuration You can pass options as a 3rd parameter. Here are the default values and what each parameter means… fit( bar, foo, { // Alignment hAlign: fit.CENTER, // or fit.LEFT, fit.RIGHT vAlign: fit.CENTER, // or fit.TOP, fit.BOTTOM // Fit within the area or fill it all (true) cover: false, // Fit again automatically on window resize watch: false, // Apply computed transformations (true) or jus
jQuery Patch: Animate CSS Rotation and Scale - zachstronaut
published: 2009.08.07 topics: css javascript I have created a monkey patch for jQuery (tested through 1.6) which enables you to independently set and/or animate both the scale and rotation of any HTML content with jQuery. This code uses the scale() and rotate() CSS transformations that are only supported by Webkit, Safari, Chrome, Firefox 3.5+, IE9, and some versions of Opera at this time. As an e
HugeDomains.com
Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing
複数の画像を切り替えて表示するカルーセルパネルといえば、どんなサイトでも使われる定番の表現方法。ちょっと工夫して、CSSとJavaScriptで魅力的な3Dカルーセルを実装する方法を解説します。 Smashing Magazineの記事など、伝統的な2Dカルーセルの使い方についての記事はたくさんあります。「カルーセルを使うべきか」という問いに対して単純にイエスかノーでは答えられないでしょう。答えは状況によって変わります。 このトピックの調査を始めた時は、3Dカルーセルの必要性は感じないものの、実装に関する技術的な関心は高まりました。主に使われるのはCSS Transforms Module Level 1のテクニックですが、CSSやSass、クライアントサイドのJavaScriptにおける機能に関連した一連のフロントエンド開発テクノロジーにも使われます。 こちらのCodePenは、これから
August 10, 2012 12:13 カテゴリCSSHTML CSS3の使いやすいジェネレーター Posted by okappu No Comments No Trackbacks Tweet ▼ CSS3プロパティジェネレーター http://css-eblog.com/eblog_sample/0912/css3-generator/ 角丸・透明度・グラデーション・ドロップシャドウ・背景・テキストシャドウなどシンプルなもののみ。日本語でわかりやすい。詳細な設定は無理。 ▼ CSS3maker http://www.css3maker.com/ borderスタイル、CSSTransform、fontface、outline offsetも設定 プロパティー毎なのでちょっと不便だけどプロパティごとのブラウザ対応（iPhone含む）が分かるのは便利。 詳細な設定は可能。 ▼Ulti
Introduction This will be a multi part tutorial series on how to create a "Modern" web application or SPA using Django and React.js. We will create a Note taking Single Page Application which will be rendered by ReactJS with Django as an API backend. Let's call it "ponynote", because ponies are quite popular within django community. We will be using multiple libraries in this project, mainly, djan
gocon.connpass.com もう昨日のことですが、ゴーコンことGo Conferenceに参加してきました。 運営の皆さんやプレゼンターの皆さんお疲れさまでした。 以下、メモ。 Keynote Francesc Campoy Floresさん Go 1.5 Go1.5が8月リリース Cのコードが無くなった go oracleについて 色々静的にチェックしてくれる VimやEmacsで利用可能 gomobileについて これから頑張っていくらしい iOSも視野にはいっているみたい... Generative Programming in Go @monochromeganeさん argenについて github.com 以下のようなものに、go generateを使うとよさげ Generics Performance( Reflectionの代替として使用する ) DSL Gore
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pusherでお手軽WebSocket - iPhoneから加速度をリアルタイム送信
Fit.js » Fit things into other things
もう普通じゃつまらない！CSSとJavaScriptで作る3Dカルーセルのアイデア
CSS3の使いやすいジェネレーター - okappublog
Modern Django: Part 1: Setting up Django and React — v1k45
dorayakikun’s diary