background preloader

DailyJS: A JavaScript Blog

Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3. Raphaël even has some support for IE 6, although some of its underlying technology cannot be implemented there.Do you need to support Android? Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. Choosing the right framework will determine the success of your project. All of the code in this article is open source and can be run on the demo page that accompanies this article. Overview It’s all JavaScript once the page runs, but the frameworks take different paths to get there. PaperScript is a JavaScript extension that makes it possible to write scripts that don’t pollute the global namespace. Processing.js is based on a framework named Processing, which runs in the Java Virtual Machine. Getting Started Paper.js: (al)

Best Open Source Resources for Web Developers | WebAppers QuirksBlog Below you find the last seven QuirksBlog entries. By default, if you tap on a touchscreen it takes about 300ms before a click event fires. It’s possible to remove this delay, but it’s complicated. I investigated it. continue reading Desktop browsers have only one viewport: the browser window. continue reading In mid-May I’ll be on the West Coast for about 10-16 days, ending at HTML5 Dev Conf 19-22 May. continue reading A month ago Nokia announced its Nokia X product line which runs Android as its operating system. I have a theory about the Nokia X that I’d like to share with you. continue reading Three weeks ago I wrote about installable web apps. continue reading Yesterday I replied to a tweet by Marcos about “add to home screen,” and that kicked off a long and rather interesting conversation about installable web apps. continue reading Returning false, or calling preventDefault(), in an event handler is supposed to prevent the default action of the event. continue reading

Tutorial: Controlling Processing.js with jQuery UI « Joseph Harrington Years ago when I was first learning to code, I stumbled upon Processing and we quickly became great friends. As it often goes though, the years went by and I started hanging out with bigger and more dangerous languages, and Processing and I drifted apart. Every so often I would think back on the good times we had and wonder what he was up to. But recently we bumped into each other on the street! Gladly those days are over with the Javascript- and HTML5-based port of the original language. “But wait!” And the answer is yes. Check out this demo in which I may or may not have gone a bit overboard with sliders… I hope you wasted as much time playing with that as I have. Anyway, enough gushing. Let’s try something a bit simpler and more focused than that kaleidoscopic nonsense up there. Let’s say you want to create some kind of dynamic text visualization. The UI components that will interact with the sketch will be a textbox and a slider. We can break this down into three parts: Alright!

SIGMOD Blog - ACM Chapter Site TechCrunch - The latest technology news and information on startups D3.js - Data-Driven Documents Bruce Momjian: Postgres Blog This blog is about my work on the Postgres open source database, and is published on Planet PostgreSQL. PgLife allows monitoring of all Postgres community activity. Visualizing Postgres Feature Growth Friday, November 22, 2013 As the creator of the initial major release notes, I am aware of the many changes that go into every release. This keynote presentation from PGConf EU contained a graphic that gave me a new perspective. Easy to use / deploy High-end enterprise requirements New workloads / platforms With examples under each section, the diagram clearly shows Postgres development targeting three different segments. This presentation will also be given in December at the Boston PostgreSQL Users Group. View or Post Comments PgPool Improves Reliability Tuesday, November 19, 2013 Originally released in 2006, pgpool-II is the Swiss Army Knife of Postgres middleware tools, allowing connection pooling, replication, load balancing, and parallel query. These are exciting times for pgpool.

Loosely Coupled, Reusable UI Components in Backbone.js | Azavea Labs This article assumes a fairly good understanding of the Backbone.js MV* library. There is a lot of good material on the web for learning Backbone, including the Backbone home page at backbonejs.org. Intro One of the things that differentiates Backbone from other frameworks is that it is extremely lightweight. A typical pattern, tight view and model binding: In a recent application, I added UI to modify the opacity and color ramp palette in a map raster layer. I am wary of trivial Backbone examples, but a simplified example is an opacity control in some sort of image editing app: When the user slides the slider in the opacity view, it sets the opacity attribute of the image model. The problem with this structure is that what is basically a generic control, used for controlling the level of any numerical attribute, has been tightly couple to an image model, where it only controls opacity. The implementation of this LevelControlView could look like this: The Solution So what you end up with is

Seph Learning JavaScript Design Patterns Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form to others. In this book we will explore applying both classical and modern design patterns to the JavaScript programming language. Target Audience This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Acknowledgments Credits Reading We already use patterns everyday

Developer Guide: Developer Guide Loading... On this page, you will find a list of official AngularJS resources on various topics. Just starting out with AngularJS? Try working through our step by step tutorial or try building on our seed project. Ready to find out more about AngularJS? Core Concepts Templates In AngularJS applications, you move the job of filling page templates with data from the server to the client. Application Structure Other Features Testing Community Resources We have set up a guide to many resources provided by the community, where you can find lots of additional information and material on these topics, a list of complimentary libraries, and much more. External AngularJS resources Getting Help The recipe for getting help on your unique issue is to create an example that could work (even if it doesn't) in a shareable example on Plunker, JSFiddle, or similar site and then post to one of the following: Official Communications Official announcements, news and releases are posted to our blog, G+ and Twitter:

Related: