PUBLIC MARKS from decembre with tags webdesign & web2.0

Entre Ibis Reader, le futur Kindle for the Web et bien d’autres services à venir, l’application de lecture semble s’affranchir de la plateforme pour revenir vers le web. Craig Mod a lancé il y a quelques jours un template qui plaira aux bidouilleurs. Bibliotype, un template HTML et Javascript avec un CSS adapté à la lecture sur tablette. Le designer a ajouté plusieurs fonctions pour modifier la mise en page du texte, que cela soit la taille de la police, ainsi que la couleur de l’arrière-plan. Les choix sont limités mais bien pensé : Bed, Knee et Breakfast. Trois moment typique de lecture avec leurs contraintes particulières (fond noir et police blanche pour la lecture du soir…). Bibliotype est une bonne base de travail que Craig Mod invite à venir modifier.Distribué sous une licence MIT (il est possible d’utiliser ce code à peu près n’importe comment, pour une utilisation commerciale ou non, du moment que le nom de concepteur reste mentionné) .....

Une des règles de base de l’utilisabilité est de toujours veiller à ne pas surcharger un écran. Le remarquable Ommwriter, un traitement de texte qui propose la même approche mais nettement plus raffinée avec un fond d’écran très reposant et différentes ambiances sonores :Le sentiment d’immersion est tout à fait remarquable et les fonctions ne sont jamais très loin puisqu’en bougeant la souris vous faite apparaitre une série d’icônes : l’expérience utilisateur de ce Ommwriter est tout à fait convaincante car extrêmement aboutie Plein de bonnes idées / intentions… mais qu’il n’est pas forcément bon d’utiliser pour un site web. Je fais notamment référence à ces insupportables sites qui s’ouvrent dans une pop-up qui force l’affichage en plein écran, une horreur pour ceux qui utilisent des écrans à grandes résolution (HD ou Full HD). Bref, jusqu’où peut-on aller dans la recherche de l’épuration ? (d’où le titre du billet)

Coproduit par Arte, Upian et le CNC qui vous plonge dans l’univers incroyable d’une ville-prison du fin fond de l’Amérique. Il intègre de façon parfaitement harmonieuse la narration vidéo interactive et la dimension sociale. Pour y accéder, il faut ainsi se créer un compte :Tout simplement pour faire vivre le site de nombreux mois après sa publication, ou plus précisément pour faire vivre les discussions en rapport avec le sujet traité Un incroyable modèle d’interaction où la trame narrative est enrichie par de nombreux d’éléments interactifs. L’expérience d’utilisation de ce site est réellement unique : l’immersion est totale et le documentaire est ponctué de nombreux embranchements pour maintenir l’attention de l’internaute et lui donner envie de consulter les bonus.

data: URI Generator The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers except for Internet Explorer. The lack of IE support is holding back widespread adoption of data: URIs, but they are still very useful in a couple of specific areas such as embedding graphics and other data items in Greasemonkey scripts. You can read more about data: URIs and see some examples of their use, or use the generator below to create your own. data: URIs are defined in RFC 2397.

Créer des jolies icônes façon Adobe (Photoshop, Dreamweaver, Indesign..etc.) : petite application Air (donc fonctionnant sous Windows, Linux et Mac) baptisée Icon Generator Pro. Grâce à cette appli, vous pourrez générer des icônes façon CS5 : Sans oublier le mythique macaron « en promo », « beta » ou « 2.0″. L’application est même capable d’uploader directement cette icône sur votre compte twitter pour en faire votre image de profil (le truc trop inutile). Icon Generator Pro est téléchargeable ici gratuitement.

Pour faciliter l' intégration dans vos applications Web personnalisées ou de gestion de contenu web (prend en charge: ASP, PHP, ASP.NET). * Chargement rapide * Mode plein écran * Barre d'outils Entièrement configurable * Advanced table editing * Stylesheet-formatage * Facile de choisir entre deux formats / tous les éléments HTML * Features a new tabbed toolbar - familiar to Office 2007 users. - providing convenient access to your most-used tools. * It's easy to select any HTML elements (text, paragraphs, images, etc) with a built-in Tag Selector. * Fullscreen editing mode (doesn't open a new window). * Floating dialogs for special editing (changes can be seen immediately). * Realtime toolbar status. * Dropdowns with formatting preview. * View HTML source with code formatting & coloring. It is a cross-browser, requires only a few lines of code to include in your web page

Tour de Flex component explorer Tour de Flex is a desktop application for exploring Flex capabilities and resources, including the core Flex components, Adobe AIR, data integration, and a variety of third-party components, effects, skins, and more. Tour de Flex has three primary goals: * Provide non-Flex developers with an overview of what is possible in Flex in a "look and see" environment * Provide Flex developers with an illustrated reference tool * Provide commercial and non-commercial Flex developers with a place to showcase their work

Comment changer le style de l'affichage de GMail Vous connaissez peut-être l'extension Stylish pour Firefox présentée par Falkra sur ce blog. Nous allons voir maintenant comment il est possible facilement avec l'aide de Stylish de changer le look très sobre du webmail Gmail par celui de Gmail Redesigned (by Globex Designs)

Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games - no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have created a function to make adding shortcuts to your application much easier.

To help you make design and development decisions. Knowing what websites work and which ones tank can give you insights and inspiration on what design elements, website features, and website content is effective. 1. Yahoo! Site Explorer__2. Compete__3. Quantcast__ 1. Yahoo! Site Explorer 2. Compete__4. Alexa__5. Feed Compare__6. popuri.us__7. socialmeter__ 8. TweetVolume__9. Quarkbase__10. BlogPulse Profiles__11. Technorati Blogging Central 12. Statbrain.com__13. Cubestat____14. dnScoop__15. WebsiteOutlook To help you in your analysis, here are 15 top-notch, free, and simple web tools to help you learn more about a particular website.

These are the most amazingly concise notes I’ve seen of social web app best practices by the guy who made delicious.

Your one-stop shop for information, gossip and discussion with the Flickr developer community. Le blog code.flickr est disponible uniquement en anglais mais si vous êtes un développeur ayant déjà contribué sur le groupe Flickr Hacks et avez envie de partager un bout de votre expérience

The way to debug JavaScript web applications. The Venkman JavaScript Debugger is similar to the Codetch Editor in the sense that its an IDE in itself. The extension provides a way to watch local variables, move through the JavaScript source, set breakpoints, and step through each line of code. An excellent tool for web developers of JavaScript.

Picsviewr provides a wide variety of slideshows (currently 7) for viewing your Flickr photos with more flexibility. Every Flickr user has a slideshow here. There is no need to create an account or configure anything and your preferences are saved. Simply enter your flickr username:

FotoViewr aims to change that by providing an amazing experience for viewing photos on the Internet. You and your friends can look at your photos by clicking on page after HTML page or you can immerse yourself in a highly interactive and engaging 3D interface.

# See your Flickr photosets in a great-looking, fullscreen display. # Deeplink to the exact sets or photos you want. # Downloadable to run on your own site or blog. # Customizable interface and color palette. # Lightning fast - Blow Up is under 50 kilobytes.

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Extraire la palette de couleurs d'une photo : Pratique pour construire un graphisme autour d'une photo, ou pour savoir quelles couleurs utiliser sur un document illustré par telle ou telle image.

Regroupés en différentes catégories et chaque fiche comporte une démonstration afin que vous puissiez en voir les effets.Le code source est aussi inclue. AjaxDaddy un service incontournable pour tous les développeurs qui se respectent.

easy to use on-line favicon generator

This is a web interface to create "80x15 brilliant buttons", you can also use two images (one on the left and the other on the right side) to decorate the button. February 28, 2006

Google lance un nouveau service intitulé Google Page Creator, permettant de créer très facilement un site web, sans

Mozile (Mozilla Inline Editor) est un éditeur de pages XHTML, directement depuis votre navigateur. Outils d'édition courants (copier-coller, mettre en gras, changer la casse, mise en page, etc.) et insertion de liens etc ...