Intégration web

Maqetta — Editeur HTML5 / Javascript en ligne ou à emporter

Maqetta est un éditeur HTML5 open source lancé par IBM sous l’égide de la fondation Dojo. Cet éditeur existe en deux parfums : une version en ligne en mode Saas et un logiciel de 42,7 Mo à télécharger sur son poste de travail. La version en ligne est déjà très intéressante : l’ajout des contrôles jQuery UI s’effectue par glissé-déposé et l’interface est suffisamment WYSIWYG pour voir les Menus à onglets (Tabs) ou les Menus en accordéons (Accordions) fonctionner pour de vrai. On peut passer à volonté du mode «Design» au code «Source» ou avoir les deux à l’écran, horizontalement ou verticalement. →

Le petit journal du web

Lorem Pixum — Images de placement gratuites en Creative Commons

Lors de la mise en place d’un site web, il est parfois utile d’utiliser du faux-texte en attendant les contenus définitifs. Pour signaler l’emplacement des images, j’utilise souvent des aplats gris. Plus rarement, je vais chercher des images proches de la thématique des contenus que je mets en page, lorsque la part des visuel est importante. Grâce à Lorem Pixum, la tâche parfois fastidieuse du recadrage des visuels trouvés est déjà un lointain souvenir. →

HTML & CSS

Journal — « Typographie, HTML5 Boilerplate, Reset CSS, Clearfix, CSS3, Photoshop »

Au menu de ce petit journal, je vous propose un pot-pourri de ce qui a retenu mon attention ces 30 derniers jours. La typographie sur le web avec Font-face et les différents formats de polices de caractère. Apprendre les bonnes pratiques en matière d’intégration HTML & CSS avec HTML5 Boilerplate. Choisir de mettre un reset CSS dans votre moteur ou une simple (mais complète) feuille de style de base. Approfondir CSS3 avec un tutoriel concret et utiliser les pseudo-classes `:before` et `:after` pour créer des ombres portées du plus bel effet. Mettre en place une feuille de style pour les périphériques mobiles et autres smartphones (iPad, iPhone ou Android). Avoir une liste d’outils pour vous aider à développer avec Internet Explorer (et IE6 en particulier). Et pour finir, reprendre les bases de Photoshop avec un tutoriel en 5 parties distinctes mais complémentaires. →

HTML & CSS

Le petit journal du Web — Janvier 2011 (Typographie, CSS, Photoshop et développement web)

Après quelques journaux permanent (HTML5, typographie et CSS3) et des revues de presse multi-thématiques, voici une nouvelle série de liens triés sur le volet qui vous permettra d’occuper le Weekend qui arrive à grand renfort de typographie et d’intégration HTML & CSS. Ces ressources vous donneront également l’occasion de dégainer Photoshop et de sortir votre éditeur HTML préféré. Enjoy! →

Le petit journal du web

Le petit journal du Web — 31 décembre 2010

A l’occasion du 31 décembre, voici quelques éléments statistiques concernant la fréquentation de ce blog. Depuis le 26 juillet 2006, css 4 design compte plus d’un million de visites pour un peu plus de 715 000 visiteurs uniques et a atteint une vitesse de croisière d’un peu plus de 1 000 visites par jour depuis quelques mois. D’après Alexa.com, ce blogzine fait partie du top 100 000 des sites mondiaux et du top 5 000 pour la France. Les visiteurs sont plutôt des hommes sans enfant, âgés de 18 à 34 ans, avec un niveau d’étude plutôt élevé qui se connectent plutôt depuis l’école et le lieu de travail. →

Le petit journal du web

Le petit journal du Web — Décembre 2010

Comme à son habitude, le petit journal du Web fait le point sur les sites et les services (re)découverts pendant les 30 derniers jours. Pour décembre, ce petit journal vous propose : à la Une, un site consacré à l’accessibilité Web  ; dans la rubrique Graphisme et Ergonomie, un bookmarklet pour afficher les Wireframes ; dans la catégorie CSS, CSS3 et HTML5, une piqûre de rappel sur l’organisation des feuilles de styles CSS ; et nous terminons avec un rappel des éléments à prendre en compte lors de la migration d’un blog WordPress et une mine de ressources pour les chefs de projet Web ! →

Le petit journal du web

Le petit journal du Web — Novembre 2010

Le petit journal du Web permet de faire régulièrement le point sur les sites Web nouvellement sortis, les nouveaux services pratiques et les articles susceptibles d’intéresser les intégrateurs et les développeurs Web. Peu de liens pour ce mois de novembre, mais la qualité est au rendez-vous. N’hésitez pas à vous abonner à mon compte Twitter Bruno LesBonsTuyaux pour ne rien rater ! →

Le petit journal du web

Le petit journal permanent de la TypOgrApHiE !

La typographie (souvent abrégée «typo») est à la fois l’art de créer des polices de caractère et de s’en servir. Il peut s’agir également de l’ensemble des règles en usage dans l’imprimerie pour la composition des différentes ouvrages imprimés (cf. Code typographique). Sur le Web, la typographie à longtemps été maltraitée. Toutefois, avec les progrès réalisés ces dernières années par les navigateurs grâce aux standards du web, la typo revient sur le devant de la scène. L’étude des polices de caractère devient trendy, et on ne peut que s’en réjouir. Voici quelques 60 ressources à mettre dans vos favoris, bookmarks ou comptes Delicious ! →

Le petit journal du web

Le petit journal du web : HTML5, CSS3, jQuery, WordPress, Métiers du Web, Vie quotidienne et Nostalgeek

Vous l’attendiez, il est là, c’est le petit journal du web ! A la Une cette semaine : des ressources pour exploiter au mieux les propriétés CSS3, un dossier sur l’ARIA-nisation et la HTML5-nisation de WordPress, le point sur display: inline-block, un tutoriel conséquent sur Javascript, le bilinguisme et l’optimisation des performances dans WordPress (et tout un tas d’astuces très pratiques). Vous aurez aussi un modèle de cahier des charges et des informations pour partir du bon pied avec vos projets de sites Web. Deux nouvelles rubriques font timidement leur apparition dans cette revue de presse : La vie quotidienne du geek et Nostalgeek. →

Intégration web

Ressources pour concepteur de modèle pour Internet

«Ressources pour webdesigner» aurait été plus concis, mais c’était sans compter la bonne ou la mauvaise idée de l’Insee qui souhaite supprimer les termes design et designers de la NAF 74.10 comme nous l’apprend l’Alliance Française des Designers. Tiens, AFD ça fait aussi All For Design… Hasard ? Je ne crois pas ^__^ Pendant que nous sommes dans les métiers du webdesign, profitons-en pour balader notre souris chez Pixenjoy ! Nous pourrons ensuite étancher notre soif de connaissance sur l’excellent portail des métiers de l’Internet. Pour approfondir les aspects liés à l’ergonomie et au design d’interfaces, la lecture du blog de Laurent Demontiers nous apprendra beaucoup. →