Create a HTML Email Signature for Mac OS X Mountain Lion 10.8 Apple Mac OS X Mountain Lion 10.8 is now available. Once again, Apple updated Mail.app with some changes. If you want to create a custom HTML email signature for Mail on Mountain Lion, the HTML coding part remains the same but the installation have changed. For Mac OS X 10.7 users, please follow my previous tutorial: Create a HTML Signature in Apple Mail on Lion OS X 10.7. Step 1: Designing the HTML/CSS Before we begin, here are some basic but important notes to keep in mind as you design your signature. Use tables for basic layout. For my signature, I used a two-column table. For STEP 4, you will need to paste the HTML code of your email signature design. How to reveal and copy HTML code in Safari Open your HTML email signature file with Safari. Step 2: Create Placeholder Signature in Mail In Mail.app, open Preferences and click on the Signatures tab. Step 3: Open the Signatures Folder Step 4: Update Placeholder Signature Step 5: Lock Updated Signature File – Important Step! Summing Up
les_joies_du_code(); Emmet — the essential toolkit for web-developers Responsive design : définition, fonctionnement, ressources et tutoriels Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !). Le “responsive web design” est né suite à un besoin grandissant. Le problème est qu’on ne peut pas – ou du moins ce ne serait pas très pratique – développer autant de versions d’un site qu’il y a de résolutions différentes. Définition du responsive web design Cette évolution des techniques de webdesign, d’intégration et de développement se base sur un objectif simple : un même site doit pouvoir s’adapter lui-même aux différentes résolutions d’écrans… et donc son contenu aussi ! Voici 2 exemples pour illustrer des webdesigns crées de façon “responsive” : La typo 1.
awkwardgroup / Awkward Showcase Welcome Awkward Showcase is a plugin for the JavaScript Framework jQuery. We call it a Content Slider. Live Demo Download Help Found a bug or having problems with awShowcase? We will try to fix all issues when we find time in our bussy workday. Example Markup example for jQuery("#showcase").awShowcase(); <div id= "showcase" class= "showcase" ><! Configuration options License Copyright (C) 2011 Awkward Group ( Licensed under Attribution-ShareAlike 3.0 Unported Have fun!
Font-Face : Intégrer une typographie non-standard Les typographies sont une partie extrêmement importante dans le design de votre interface web. Plusieurs options s’offrent à l’intégrateur ou au programmeur afin d’intégrer une police de caractère non conventionnelle sur le web. Lorsque je parle d’une typo non conventionnelle, je parle d’une police de caractère autre que celles considérée comme étant 100% compatible à tous les navigateurs pour le web. Dans le billet suivant, je vous montrerai les étapes à suivre afin d’intégrer une typographie dans votre page web différente de celles mentionnées plus haut grâce à l’attribut CSS3 font-face. Utilisation de l’attribut CSS3 @font-face La technique que j’utilise le plus souvent est celle de l’attribut @font-face puisque je trouve son intégration très rapide, facile et versatile par rapport aux différents fureteurs tant au niveau MAC que PC. Voici donc les étapes que je vous suggère de suivre lors de l’intégration d’une police de caractère non conventionnelle grâce à font-face. N.B.