background preloader

WebDev

Facebook Twitter

UXD

HubSpot — Open Source. Rotate the World. Jason Davies → Maps Drag to rotate the world.

Rotate the World

Scroll or pinch to zoom. D3’s geographic projections allow features to be rotated about three axes. The three angles used are called Euler angles, and in D3 they specify the following sequence of rotations: This sequence is convenient, since if we approximate the globe as a sphere, the first two angles can be used to specify a central meridian λ0 and central meridian φ0 by simple negation: [-λ0, -φ0], and the third angle allows oblique projections. Interactive Rotations A naïve implementation simply takes the x- and y-coordinates in 2D screen space and uses them directly as the first two Euler angles mentioned above. However, the geographic start point of the gesture often moves at a different speed to the cursor, making it difficult to control. Naïve implementation (left) and improved version (right). An improved implementation ensures the geographic start point remains under the cursor where possible.

Using statistics to find the nicest (and nastiest) food at Waitrose. Using the Wilson score interval to identify the most delicious, and disgusting, foods at Britain’s best online supermarket.

Using statistics to find the nicest (and nastiest) food at Waitrose

Jump to the results. The hardest bit of cooking, for me, has always been choosing what to cook. HTML5 Live Video Streaming via WebSockets. When I build my Instant Webcam App, I was searching for solutions to stream live video from the iPhone's Camera to browsers.

HTML5 Live Video Streaming via WebSockets

There were none. When it comes to (live) streaming video with HTML5, the situation is pretty dire. HTML5 Video currently has no formalized support for streaming whatsoever. Safari supports the awkward HTTP Live Streaming and there's an upcomming Media Source Extension standard as well as MPEG-DASH. But all these solutions divide the video in shorter segments, each of which can be downloaded by the browser individually. So here's a totally different solution that works in any modern browser: Firefox, Chrome, Safari, Mobile Safari, Chrome for Android and even Internet Explorer 10. A live view at recording from our office in Darmstadt, Germany. It's quite backwards, uses outdated technology and doesn't support audio at the moment. The C10K problem. [Help save the best Linux news source on the web -- subscribe to Linux Weekly News!]

The C10K problem

It's time for web servers to handle ten thousand clients simultaneously, don't you think? After all, the web is a big place now. And computers are big, too. TellDontAsk. Encapsulation · API design · object collaboration design tags: Tell-Don't-Ask is a principle that helps people remember that object-orientation is about bundling data with the functions that operate on that data.

TellDontAsk

Effective Scala. Table of Contents Other languages 日本語Русский简体中文 Introduction Scala is one of the main application programming languages used at Twitter.

Effective Scala

Much of our infrastructure is written in Scala and we have several large libraries supporting our use. Scala provides many tools that enable succinct expression. NanoDoc.

Audio

Best Practices for Designing a Pragmatic RESTful API. Your data model has started to stabilize and you're in a position to create a public API for your web app. You realize it's hard to make significant changes to your API once it's released and want to get as much right as possible up front. Links & Resources - Makerops' blog. Moving things with Clojurescript and your phone accelerometer. Now let's get to actually moving things.

Moving things with Clojurescript and your phone accelerometer

We'll use a canvas element of width and height both 300 pixels. (def width 300)(def height 300 We'll store the x and y coordinates of our blob in an atom, (def state (atom {:x (/ width 2) :y (/ height 2)})) Our draw function will draw our blob into the x and y coordinates: (defn draw [] (let [canvas (.getElementById js/document "canvas") ctx (.getContext canvas "2d") [r g b] [200 0 0] x (:x @state) y (:y @state)] (.clearRect ctx 0 0 width height) (set!

Clojure

Free Live Chat Widget For Websites. Hammer.js - A javascript library for multi-touch gestures. Improve SEO: How we increased our search traffic by 2600% Improve SEO This is a graph of the organic search traffic for my startup, Tint.

Improve SEO: How we increased our search traffic by 2600%

Refactoring Home. The Web Developer's SEO Cheat Sheet 2.0. WebDesign. HTML5 Demos. Image Manipulation. Python. Php. Security. Game development. Development Environment. Free Resources for Web Designers and Developers - eWebDesign. That feeling of a creative blockage, may happen to everyone once in a while, and it is fully understandable with all the pressure and stress that a web project may cause our thoughts to get stuck.

Free Resources for Web Designers and Developers - eWebDesign

Fortunately, here you’ll find some freebies to make life easier. In this opportunity we present this list with cool new freebies, designed to save time and take that pressure out from your shoulders. Including all kind of things you would need, go ahead and take a look into this post and check the fantastic things we feature here for you. Perfect moment to catch up the inspiration that is running away from you. Xcharts javascript library Xcharts is a cool javascript library thought to create good looking data driven chart visualizations. Free Site under construction template Considering its main purpose, this is a very complete freebie. Complete and free user icon set with vectors This fantastic set of icons comes available in 4 versions. PSD Shopping cart interface Windows Upgrade Notification.

CSS

WEBGL. Three.js. How to determine and build paths in JSP/Java code. In Java applications (servlets/JSP) users may need to determine absolute or relative paths where files may be uploaded or read from.

How to determine and build paths in JSP/Java code

We show examples for path retrieval and manipulation in Java code. Physical path (on the server) can be retrieved inside Jav/JSP code in many ways. Some of them include: fetching path from a System propertyretrieving path using application or context objectsgetting path from a properties filehardcode path inside Java/JSP codereading path from a paramter in web.xml For Java apps the path can be either inside web application root or somewhere outside of it. If you choose to save uploaded files outside of Java web application the files will not be reachable directly with an URL. Processing Video with Python. Stickyworld's consultation web app has supported video for a long time but it's been hosted via a YouTube embed. When we started building the new version of the web app we wanted to take control of the video content and also free our users from YouTube's terms of service.

Deployment

Directed Graph Editor. Go read. Web frameworks. TextBlob: Simplified Text Processing — TextBlob 0.4.0 documentation. GO. Processing. Visualization. Javascript. Tutorial. Node.js.