BibSonomy ::  user :: decembre ::

Muse (code name) Design and publish HTML websites without writing code Create websites as easily as you create layouts for print. You can design and publish original HTML pages to the latest web standards without writing code. Now in beta, Muse makes it a snap to produce unique, professional websites.

Recommandation du W3C du 12 mai 1998. Ce document a été vérifié par les membres du W3C. La version anglaise de la spécification est la seule version officielle.

Qui fait quoi, où, comment ? Le principe Où mettre une feuille de style Comment on écrit une feuille de style Les sélecteurs Quelques règles de bases Les sélecteurs hiérarchiques La classe d'un élément Les pseudo-classes Les déclarations Police et couleur Cadres et marges L'apparence des tables

Developers respond to Adobe Muse By Craig Grannell on August 17, 2011 Designers and developers accuse Adobe of not understanding the web and creating a tool that could damage rather than aid the industry. Craig Grannell investigates

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.

Attirer votre attention sur quelques-uns des moteurs de recherche vraiment super que vous sera utile quand il s'agit de recherche d'image et d'icônes. - Moteurs de recherche d'images : EveryStock, PhotoXcavator, Ginipic, GazoPa, FreeFoto,TurboPhoto, Feelimage, oSkope, Incogna, Imagery, ImageBase, Pixolu, Picsearch, Picitup, PicFog, PicFindr, PixsyBiomed... - Recherche d'images : Bing, Compfight, Tiltomo, Altavista, Photogen, Yahoo!, Google, FaceSaerch, Multicolr, PicBrk, PDPhoto, Stock.XCHNG, IconDB, ICONLOOK, Icônes-Search, Iconlet, IconFinder, IconSeeker, Icon Library, EasyIconFinder, Free Icons Web, VeryIcon, IconsPedia...

Attirer votre attention sur quelques-uns des moteurs de recherche vraiment super que vous sera utile quand il s'agit de recherche d'image et d'icônes. - Moteurs de recherche d'images : EveryStock, PhotoXcavator, Ginipic, GazoPa, FreeFoto,TurboPhoto, Feelimage, oSkope, Incogna, Imagery, ImageBase, Pixolu, Picsearch, Picitup, PicFog, PicFindr, PixsyBiomed... - Recherche d'images : Bing, Compfight, Tiltomo, Altavista, Photogen, Yahoo!, Google, FaceSaerch, Multicolr, PicBrk, PDPhoto, Stock.XCHNG, IconDB, ICONLOOK, Icônes-Search, Iconlet, IconFinder, IconSeeker, Icon Library, EasyIconFinder, Free Icons Web, VeryIcon, IconsPedia...

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.

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.

Guides comprennant des grilles pré-dessinées de navigateurs,et des outils pour le développement IPAD et iPhone. Exemples : - Paper Browser : fenêtre de navigateur imprimable pour wireframing. (pour à la fois large et 960px 800px dessins de large). Proportionnellement réduit pour 1024 × 768 pixels. - Concept7 Sketching Paper :Fenêtre de navigateur avec les lignes de la grille pré-faites, plus une zone de notes sur le côté. Il est disponible en A4 et A3 tailles. - 6 Pages Template: Windows pré-dessinées pour les maquettes de 6 pages sur chaque feuille, un espace supplémentaire pour les notes sur le côté. - Wireframe Template (7 inclus dans le téléchargement. PSD dispos à personnaliser.

Guides comprennant des grilles pré-dessinées de navigateurs,et des outils pour le développement IPAD et iPhone. Exemples : - Paper Browser : fenêtre de navigateur imprimable pour wireframing. (pour à la fois large et 960px 800px dessins de large). Proportionnellement réduit pour 1024 × 768 pixels. - Concept7 Sketching Paper :Fenêtre de navigateur avec les lignes de la grille pré-faites, plus une zone de notes sur le côté. Il est disponible en A4 et A3 tailles. - 6 Pages Template: Windows pré-dessinées pour les maquettes de 6 pages sur chaque feuille, un espace supplémentaire pour les notes sur le côté. - Wireframe Template (7 inclus dans le téléchargement. PSD dispos à personnaliser.

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

Gratuit, gratuit, tout est presque gratuit sur internet :-) du moment qu'on sait ou chercher :-) Pour le webmasters en herbe comme moi, on le sait, il est difficile de trouver des banques d'images libres de droits et gratuites. Mais tonton Korben vous a trouvé une liste assez balèze de site web qui propose des stocks de photos gratuites. Voici pour vous (je vous ai mis les + sympa en tête de liste):

C'est la possibilité de créer des pictos d'angles arrondis... Arrondissez les angles avec Google---Comment ? Tout simplement en entrant l'url suivante dans votre navigateur: http://www.google.com/groups/roundedcorners?c=3456DE&bc=black&w=30&h=30&a=tr" --------- On peut paramétrer pas mal de choses... - c - c'est la couleur du coin arrondi. Vous pouvez entrer une couleur compatible CSS en toute lettres comme white, gray, red, green, blue, yellow, teal, olive, purple, black mais aussi n'importe quelle couleur au format RRVVBB (sans le # devant... exemple blanc = FFFFFF) - bc - La couleur de fond de l'image (même topo que ci dessus) - h - La hauteur en pixels - w - La largeur en pixels - a - Quel coin générer ? tl correspond au coin en haut à gauche (Top Left), tr le coin haut droit, bl le coin bas gauche et br le coin bas droit. Marche avec n'importe quel sous domaine de Google.