#webdev

WURFL by ScientiaMobile
►http://wurfl.sourceforge.net

WURFL is a Device Description Repository (DDR), i.e. a software component which contains the descriptions of thousands of mobile devices. In its simplest incarnation, WURFL is an XML configuration file plus a set of programming APIs to access the data in real-time environments. The main scope of the WURFL Project is to be an independent central repository of device information, which Open-Source developers from around the globe can utilize to build their mobile web applications.

#web #webdev #reference

Playing with matrices
►http://peterned.home.xs4all.nl/matrices

Du code à pomper

#webdesign #webdev #css #resources

Introducing WebAPI ✩ Mozilla Hacks
►http://hacks.mozilla.org/2011/08/introducing-webapi

Mozilla would like to introduce WebAPI with the goal to provide a basic HTML5 phone experience within 3 to 6 months.

The current situation

Where we are today, there’s a clear distinction between the Open Web and native APIs and how things have to be built. As many developers are aware of, we need consistent APIs across web browsers, operating systems and devices to be able to build something for the world, not just a specific device or vendor. We need a way to take the web to the next step.

What is WebAPI?

WebAPI is an effort by Mozilla to bridge together the gap, and have consistent APIs that will work in all web browsers, no matter the operating system. Specification drafts and implementation prototypes will be available, and it will be submitted to W3C for standardization. Security is a very important factor here, and it will be a mix of existing security measurements (e.g. asking the user for permission, like Geolocation) or coming up with new alternatives to ensure this.

#html5 #mobile #WebAPI #webdev #Mozilla

HTML5 Rocks - How Browsers Work: Behind the Scenes of Modern Web Browsers
►http://www.html5rocks.com/en/tutorials/internals/howbrowserswork

#web #webdev #browser

HTML5 And The Document Outlining Algorithm
►http://coding.smashingmagazine.com/2011/08/16/html5-and-the-document-outlining-algorithm

By now, we all know that we should be using HTML5 to build websites. The discussion now is moving on to how to use HTML5 correctly. One important part of HTML5 that is still not widely understood is sectioning content: section, article, aside and nav. To understand sectioning content, we need to grasp the document outlining algorithm.

Understanding the document outlining algorithm can be a challenge, but the rewards are well worth it. No longer will you agonize over whether to use a section or div element — you will know straight away. Moreover, you will know why these elements are used, and this knowledge of semantics is the biggest benefit of learning how the algorithm works.

#html5 #webdev

ACE - Ajax.org Cloud9 Editor
►http://ace.ajax.org

Ace is a standalone code editor written in JavaScript. Our goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.

#JavaScript #code_editor #webdev #geektools

A javascript Blog

►http://dailyjs.com
Curation (comme on dit) de plugins, snippets et librairies javascript.

Voir aussi : ►http://twitter.com/dailyjs

#javascript #webdev #ressources

Web O’(pen) Wonder de Mozilla
►https://demos.mozilla.org/fr/#appearing-soon

Des merveilles à découvrir
EXPLOREZ les MERVEILLEUSES CRÉATIONS du web ! Allez au devant de FANTASTIQUES DÉCOUVERTES depuis votre navigateur !

#html5 #Javascript #webdev

The future of CSS layouts
►http://www.netmagazine.com/features/future-css-layouts

After years of promise, CSS3 has finally arrived in style (if you’ll pardon the pun). It’s added a whole new array of tools to our front-end toolbox, giving us rounded corners, gradients, opacity, transformations, transitions, animations and much more. But now that we have the fun stuff, the eye candy, what’s next?

The next problem for CSS3 to address will be layouts. Until now we’ve got by with floats, relative positioning and negative margin tricks, but we still have to work incredibly hard to produce anything beyond the fairly standard two- to three-column layouts.

#webdev #css3

Anatomy of an HTML5 Wordpress theme
►http://nicolasgallagher.com/anatomy-of-an-html5-wordpress-theme

This site has been written in HTML5 and uses WordPress to manage the content. I’ll explain why I used HTML5, describe the structure of the theme templates, and show some of the ways I tried to tame WordPress’ tendency to add mess to the source code.

#webdev #html5 #WordPress

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
►http://www.getskeleton.com

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

#css3 #JavaScript #Skeleton #webdev #mobile

Backbone.js
►http://documentcloud.github.com/backbone/#

Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

The project is hosted on GitHub, and the annotated source code is available, as well as an online test suite, an example application and a list of tutorials.

#webdev #webapp #JavaScript

brunch - with coffee
►http://brunchwithcoffee.com

A lightweight approach to building HTML5 applications with emphasis on elegance and simplicity.

Standing on the Shoulders of Giants *

Instead of reinventing the wheel, brunch assembles awesome wheels:
CoffeeScript, Backbone.js, Underscore.js, Stitch, Eco, Stylus & jQuery

#webdev #webapp #html5 #JavaScript #JQuery

A Simple TODO list using HTML5 IndexedDB
►http://www.html5rocks.com/en/tutorials/indexeddb/todo

IndexedDB is new in HTML5. Web Databases are hosted and persisted inside a user’s browser. By allowing developers to create applications with rich query abilities it is envisioned that a new breed of web applications will emerge that have the ability to work online and off-line.

This example code demonstrates how to create a very simple todo list manager. It is a very high level tour of some of the features available in HTML5.

#html5 #html5_apps #html5_offline #mobile #webdev #IndexedDB

HTML5 vs Native : The Mobile App Debate
►http://www.html5rocks.com/en/mobile/nativedebate.html

Mobile apps and HTML5 are two of the hottest technologies right now, and there’s plenty of overlap. Web apps run in mobile browsers and can also be re-packaged as native apps on the various mobile platforms. With the wide range of platforms to support, combined with the sheer power of mobile browsers, developers are turning to HTML5 as a “write one, run many” solution. But is it really viable? There are still compelling reasons to go native, and clearly, many developers are indeed going that route. This article is a debate on native versus the web.

#html5 #html5_apps #html5_offline #mobile #webdev

Working Off the Grid with HTML5 Offline
►http://www.html5rocks.com/en/mobile/workingoffthegrid.html

When your web browser was tied to your desktop, there was never really a time that you couldn’t get an Internet connection whenever you wanted to.

With the significant increase in the ability to access the web on mobile devices — first on laptops, then phones and now tablet devices, it is now easier to access your data and your apps wherever you go. Or is it?

This article was written on a train from London to Liverpool. The train has Wifi, I have a 3G data card, yet I am still never fully connected. Besides, many online tools today can’t handle this intermediate state of connectivity properly.

So how do we solve this problem? It is not simple, but there are steps that you can take today that will let your users use your app whereever they are. Some of these steps have direct solutions implemented in HTML; some will require you to implement some logic, all will help you build a better app.

#html5 #html5_apps #html5_offline #mobile #webdev

A Beginner’s Guide to Using the Application Cache
►http://www.html5rocks.com/en/tutorials/appcache/beginner

It’s becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers have caching mechanisms, but they’re unreliable and don’t always work as you might expect. HTML5 addresses some of the annoyances of being offline with the ApplicationCache interface.

#html5 #html5_apps #html5_offline #mobile #webdev

HowTo: Native iPhone/iPad apps in JavaScript
►http://matt.might.net/articles/how-to-native-iphone-ipad-apps-in-javascript

Though it’s not widely known, you can write native-feeling iOS apps for the iPhone and iPad in JavaScript (+ HTML and CSS).

In this article, I’ll explain how to:
– strip away the browser chrome (the url bar and button bar);
– prevent viewport scrolling and scaling;
– respond to multi-touch and gesture events;
– use webkit CSS to get the iPhone OS look and feel;
– cache the app so it runs without internet access;
– get a custom icon on the home screen; and
– have a splash screen load at the start.

#webdev #iPad #iPhone #html5 #css3 #JavaScript

Fractal | Email HTML/CSS Validation
►http://getfractal.com

#html #css #email #webdev

10 Useful Frameworks To Develop HTML-Based Webapps for Touch Devices
►http://woorkup.com/2010/08/25/10-useful-frameworks-to-develop-html-based-webapps-for-touch-devices

During this period several frameworks have been released to help web developers implement quickly applications for this kind of touch devices. Here is a collection of some useful frameworks to develop easily HTML-based webapps that will work on all popular smartphone and tablet touch platforms.

#html5 #JavaScript #JQuery #webdev #mobiles #webapps #iPad #iPhone #Android

How To Build A Media Site On WordPress (Part 1)
►http://coding.smashingmagazine.com/2011/06/02/how-to-build-a-media-site-on-wordpress-part-1

WordPress is amazing. With its growing popularity and continual development, it is becoming the tool of choice for many designers and developers. WordPress projects, though, are pushing well beyond the confines of mere “posts” and “pages”. How do you go about adding and organizing media and all its complexities? With the introduction of WordPress 3.1, several new features were added that make using WordPress to manage media even more practical and in this tutorial, we’re going to dive in and show you how.

#WordPress #webdev

Photo editor online / free image editing direct in your browser - Pixlr.com
►http://pixlr.com/editor

#images #webdev #edition

CSS Lint
►http://csslint.net

Outil d’audit des CSS. Attention peut choquer les sensibilités :)

#web #webdesign #webdev #css

jsPerf : JavaScript performance playground
►http://jsperf.com

Une appli web pour tester sur son nav des fragments de code JS. Recueille cumulativement les données des différents utilisateurs / browsers.

#web #webdev #javascript

Native or Web Application ?
►http://blog.sourcebits.com/native-or-web-application

Increasing usage of Smartphone as primary device to access web and to stay connected has led to many developers and corporation to rethink their web strategy . Should a business require both a website and a mobile application? Coupled with fact that developer need to think on various deployment platforms like iPhone, Android, Symbian, W7 easily create the paradox of choice.

#Webdev #iPhone #Android #iPad #mobiles