Dev Breakthroughs
68.9K views | +0 today
Dev Breakthroughs
Monitoring innovations in database, PHP, JS, RIA, HTML5, mobile and agile dev strategies & tools
Curated by Nicolas Weil
Your new post is loading...
Your new post is loading...
Scooped by Nicolas Weil
Scoop.it!

Exciting Features in CouchDB

Exciting Features in CouchDB | Dev Breakthroughs | Scoop.it
Overview of exciting features in CouchDB. This article is a high-level overview of CouchDB features, not a tutorial.

JavaScript can access the database directly
Replication
JSONP for Free
Changes API
Authentication and Session Support
...
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Web console with node.js

Continuing with my experiments of node.js, this time I want to create a Web console. The idea is simple. I want to send a few command to the server and I display the output inside the browser. I can do it entirely with PHP but I want to send the output to the browser as fast as they appear without waiting for the end of the command. OK we can do it flushing the output in the server but this solution normally crashes if we keep the application open for a long time. WebSockets again to the rescue. If we need a cross-browser implementation we need the socket.io library...
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Unlocking the power of HTML5 ‹audio›

Unlocking the power of HTML5 ‹audio› | Dev Breakthroughs | Scoop.it
Sounds form the background of our life. Today the HTML5 element enables Web developers to embed sounds in their applications. The flexibility of the control coupled with the integration with the rest of the platform allows several scenarios, from simple sound effects to background audio to gaming experiences to more sophisticated audio engines.

This blog post walks through some of the best practices for using the tag in your Web applications, and includes useful tips from real-world sites.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

10 Reasons Why Architects and Developers Should Care about Cloud Computing

Cloud computing isn’t just about outsourcing IT resources. We explore ten benefits IT architects and developers will realize by moving to the cloud.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Native Apps Or Web Apps? Particle Code Wants You To Do Both

Native Apps Or Web Apps? Particle Code Wants You To Do Both | Dev Breakthroughs | Scoop.it
When it comes to app development for mobile devices, cross-platform implementation is the new hot thing. Developers have long struggled with fragmentation across operating systems, when they want to just be able to create one app and blast it out on every platform imaginable. Businesses like Heroku and Appcelerator, and gaming versions like Game Closure (and many others) collectively make creating, hosting, and deploying games a more manageable endeavor. But today, a startup is launching that hopes to make development of mobile apps even easier.

Palo Alto-based Particle Code is building a platform that enables mobile developers to write mobile apps and games once, deploy both HTML5 and native apps across platforms and devices — all from within a single codebase. Particle Code is built on the Eclipse IDE, an environment and suite of tools for Java developers, and supports development in a wide array of languages including Java, C# and ActionScript3. This means millions of additional programmers can now enter mobile app development in a way that is scalable to reach a whole bunch of devices.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

9 things to know about PhoneGap

9 things to know about PhoneGap | Dev Breakthroughs | Scoop.it
The People / PhoneGap Build / PhoneGap Generate / Cordova / You don’t have to use Platform-specific IDEs / The Supported APIs (per platform) / PhoneGap can technically do anything / They Want You! / weinre (remote debugger)
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

10+ useful tools to simplify CSS3 development

10+ useful tools to simplify CSS3 development | Dev Breakthroughs | Scoop.it
CSS3 is indeed a great improvement to the CSS specification. It allow web developers to add stylish effects to their websites, without any headaches. That said, several tools can definitely be life savers when building websites using CSS3. In this article are compiled the 10+ most useful tools for all your CSS3 coding.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

How CoffeeScript makes jQuery more fun than ever

When I first started to work with jQuery a couple of years ago it felt as if I reached programmer heaven. It reduces the amount of required code substantially and makes working with the DOM a breeze. Implementing functionality feels so much easier. Although new frameworks emerge these days that are more suited for rich frontend development, I do not want to imagine a developer life without jQuery anymore. Can you relate? Cool :)

Enter CoffeeScript. It’s the same story all over again and is just as addictive. After writing a few lines of code you do not want to go back to plain old Javascript. CoffeeScript is packed with features. Combine them with jQuery and you’ll find new delights.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

8 Awesome HTML5 and Javascript Effects

8 Awesome HTML5 and Javascript Effects | Dev Breakthroughs | Scoop.it
Here we go again, hot from oven, brand new impressive chrome experiments. HTML5 and Javascript have been doing really well in creating all sort of cool animation and effect, however make sure you use chrome, or the latest firefox to view them.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

batman.js - a microframework with node.js integration and push persistence

The heart of batman.js is a tiny microframework that makes building web apps easier and more beautiful. It embodies a set of principles that makes trivial the parts of development that should be trivial.

If you are starting a new app, batman.js is also an optional full stack framework that embodies the same principles. It sports a utility belt that includes a toolchain, a powerful node.js server, and a push based persistence layer.

It's also worth defining a microframework as it applies here: batman.js only includes code to do what it needs to do in order to run. It won't give you utilities to work with objects like Prototype.js or manipulate the DOM like jQuery. But batman.js is a good JavaScript citizen; it won't pollute the global namespace and you can use it with any other library.

For example, if you're doing a lot of DOM manipulation, you can, and probably should, still include something like jQuery. If you want to use a full UI library like jQuery UI, UKI, or even (with a bit of hackery) Cappuccino, batman.js will happily work with those as well.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Mibbu - javascript html5 game framework

Mibbu - javascript html5 game framework | Dev Breakthroughs | Scoop.it
Michal Budzynski has just published initial release of Mibbu - his javascript microframework for fast game prototyping.

Get it here : http://mibbu.eu/
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

This Could be Big: Decentralized Web Standard Under Development by W3C

This Could be Big: Decentralized Web Standard Under Development by W3C | Dev Breakthroughs | Scoop.it
Imagine a web where our browsers connected directly to each other to do voice, video, media sharing and run applications, using P2P and real-time APIs, rather than going through centralized servers that controlled traffic and permissions. That's a potent idea and if implemented properly could future-proof a part of the web from authoritarian crack-downs, disruptions by disasters and more. It could also establish a permanent lawless zone of connected devices with no central place to stop anyone from doing anything in particular.

It just so happens that something like that may now be under development in the most official of venues. The World Wide Web Consortium (W3C) announced today the formation of a new Web Real-Time Communications Working Group to define client-side APIs to enable Real-Time Communications in Web browsers, without the need for server-side implementation. The Group is chaired by engineers from Google and Ericsson. It sounds like Opera Unite to me (see video below), but democratized across all browsers. It sounds like it could be a very big deal.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Wink toolkit - A mobile JavaScript framework to build great cross platform webapps with 3D CSS and more

Wink toolkit - A mobile JavaScript framework to build great cross platform webapps with 3D CSS and more | Dev Breakthroughs | Scoop.it
Wink Toolkit is a lightweight JavaScript toolkit which will help you build great mobile web apps. It is designed and developed to meet the specific constraints of the mobile environment. The toolkit's core offers all the basic functionalities a mobile developer would need from touch event handling to DOM manipulation objects or CSS transforms utilities. Additionally, it offers a wide range of UI components are offered to help you improve the look and feel of a web app, or simply to experiment with new user interactions.

Wink Toolkit currently supports iOS (iPod, iPhone, iPad), Android, BlackBerry and Bada.
Extra efforts have been made to adapt Wink on Firefox mobile and Opera mobile.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Xamarin : the new home of the engineers that created Mono, MonoTouch and Mono for Android

Today we start Xamarin, our new company focused on Mono-based products. These are some of the things that we will be doing at Xamarin: Build a new commercial .NET offering for iOS Build a new commercial .NET offering for Android Continue to contribute, maintain and develop the open source Mono and Moonlight components. Explore the Moonlight opportunities in the mobile space and the Mac appstore
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Dreams in 3D: a WebGL experience for the modern browser

Dreams in 3D: a WebGL experience for the modern browser | Dev Breakthroughs | Scoop.it
Last August, we released “The Wilderness Downtown”, a music experience that brought together HTML5 and JavaScript, as well as the Google Maps and Street View APIs. Today, we’re excited to introduce our newest project, “3 Dreams of Black”, made with WebGL, HTML5 and JavaScript, and designed for modern browsers like Google Chrome
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Kaiten - New Navigation Model For Web Application

Kaiten - New Navigation Model For Web Application | Dev Breakthroughs | Scoop.it
Kaiten is a jQuery plug-in which offers a new navigation model for web applications, with Kaiten interactions between the user and the application are a stack of contiguous screens where each screen is presented in columns.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Real time monitoring PHP applications with websockets and node.js

The inspection of the error logs is a common way to detect errors and bugs. We also can show errors on-screen within our developement server, or we even can use great tools like firePHP to show our PHP errors and warnings inside our firebug console. That’s cool, but we only can see our session errors/warnings. If we want to see another’s errors we need to inspect the error log. tail -f is our friend, but we need to surf against all the warnings of all sessions to see our desired ones.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

weinre - Web Inspector Remote

weinre - Web Inspector Remote | Dev Breakthroughs | Scoop.it
weinre is Web Inspector Remote. Pronounced like the word "winery". Or maybe like the word "weiner". Who knows, really.

It's a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Using API keys effectively | Cloud Zone

Using API keys effectively | Cloud Zone | Dev Breakthroughs | Scoop.it
A common use of API keys for authentication of web api consumption is to ask the requester to just include the key directly in the URI parameters of the web API call as illustrated below:

http://apis.acme.com/resources/blah/foo?app_id=myid&app_key=mykey

The term ‘key’ in this case can be misleading. A key is normally used to perform some sort of crypto operation, typically a signature. The use of the API key above is the same as using a password in clear such as in:

http://apis.acme.com/resources/blah/foo?login=mylogin&password=mypassword
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Sencha Animator Beta 1 : CSS3 animations made easy

Sencha Animator Beta 1  : CSS3 animations made easy | Dev Breakthroughs | Scoop.it
Sencha Animator is a desktop application built for the new animation capabilities in CSS3, providing designers and developers with a powerful but easy to use application that allows you harness CSS3 animations without writing any CSS. Animations created with the tool work in modern WebKit browsers both on desktop and mobile.

A particularly exciting aspect of Sencha Animator is that you can reach users that do not have Adobe Flash, including the entire iOS community, and provide them with smooth, hardware-accelerated animations.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

PHP UML generation from a live object graph

PHP UML generation from a live object graph | Dev Breakthroughs | Scoop.it
Sometimes you need to share a design with your colleagues. You can walk him through the code, and explain which classes and interfaces you created, but there are higher abstracted models that you can show to him to make him grasp the picture quickly.

One of these tools is UML, and in particular class diagrams. A good class diagram can show the relationships between a dozen of classes, and thus the design of an entire small component.
I'm no advocate of designing software before coding however, since the code is the ultimate design document. When we prepare UML diagrams, we mostly are in the stage after having Test-Driven the code and committed it. The goal is sharing information quickly, and then throw away the diagram when it gets out of sync with the code.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Classification of HTTP APIs

This table provides a classification of HTTP-based APIs. The classification achieves an explicit differentiation between the various kinds of uses of HTTP and provides a foundation to analyse and describe the system properties induced.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Linxter : from middleware to cloud messaging

Message-oriented Cloud Middleware (Cloud Messaging)

The logical evolution of traditional message-oriented middleware solutions: making the technology available as a service, reducing complexity, and eliminating the need for new infrastructure.

Cloud messaging is not simply the hosting of traditional solutions in-the-cloud. It is the re-architecting of a core, complex platform technology into an easy-to-use service. This is Linxter.

Already available for Android, WP7, .NET and Java. iOS support coming this summer.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use?

Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied pocketknife would do the trick better, faster, slicker?

Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.

Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

45 HTML5 Media Players + Tutorials and Resources

HTML5 Media Players
HTML5 Audio Players
HTML5 / JavaScript Libraries
HTML5 Tutorials
HTML5 Tutorials
++
No comment yet.