Alsacréations tutoriels

Dans : Création de sites

Tutoriels sur la conception CSS avancée.

Impossible de télécharger le flux RSS, utilisation des informations en cache...

Alsacreations.com - Apprendre

Les dernières ressources publiées sur Alsacreations.com

  • 26/05/2011 Article : Donnez du style à vos listes d'éléments
    Modifier ou designer les puces des éléments de liste n'est pas forcément un exercice de tout repos : nous avons souvent recours aux images de fond bien que d'autres techniques, plus simples à maintenir, mais moins connues, existent. Faisons le tour ...
  • 25/05/2011 Article : Display inline-block, une valeur trop peu utilisée
    Floatera, floatera pas… mais pourquoi ne pas utiliser la valeur inline-block de la propriété display ? Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block et pourtant elle peut vous servir dans bien des cas. V...
  • 06/05/2011 Tutoriel : Créer des coins arrondis en CSS et sans images
    Vouloir créer facilement des blocs aux coins arrondis est un rêve de webdesigner aussi vieux que le Web lui-même. Traditionnellement, depuis les débuts du web, on réalisait ceci à l'aide de plusieurs éléments <div> imbriqués (ou autres), ou à l'a...
  • 04/05/2011 Article : Mockups & Rough : gagnez du temps !
    Ça y est : vous devez créer un nouveau site internet ! Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Si il...
  • 20/04/2011 Article : État des lieux de l'accessibilité de HTML5
    Après avoir affirmé à Paris Web 2010 que HTML5 était utilisable immédiatement en production, un expert accessibilité m'a repris en disant qu'il était dangereux de dire que HTML5 était accessible (j'en parlais au futur cela dit). Dans le cadre d'un gros pr...
  • 10/04/2011 Article : 10 techniques avancées et secrets de CSS2
    A l'heure où Internet Explorer 6 se meurt et que le déclin d'IE7 est appréciable il devient plus que temps de s'ouvrir aux secrets d'un langage malheureusement trop peu connu : CSS2, ou plus précisément CSS2.1. De larges parties de CSS2 ont été occu...
  • 25/03/2011 Tutoriel : Améliorer l'affichage des résultats de recherche sur WordPress
    WordPress vous permet, grâce au fichier search.php, de contrôler l'affichage de vos résultats de recherche. C'est donc principalement ce fichier qui va nous servir dans ce tutoriel qui vise à entreprendre diverses actions pour l'amélioration de la prése...
  • 04/03/2011 Article : Empêcher les flottants de dépasser de leur conteneur
    Par défaut dans les navigateurs, les éléments positionnés grâce à la propriété CSS float (aussi appelés flottants, ou en anglais floats) sortent du flux de leur conteneur. Autrement dit, les flottants «dépassent». C'est ainsi qu'on se retrouve avec des co...
  • 22/02/2011 Astuce : Amélioration progressive : Modernizr et sélecteurs CSS avancés
    A l'inverse du concept de dégradation gracieuse, le principe d?amélioration progressive ("progressive enhancement" en anglais) est une stratégie de conception web en couches successives, qui permet à chacun d?accéder au contenu et aux fonctionnalités de b...
  • 03/02/2011 Astuce : Du bon usage des attributs alt et title sur les images et les liens
    Les attributs alt et title sur les images et les liens sont rarement utilisé à bon escient, voici une petite astuce pour vous aider à y voir plus clair. La théorie L'attribut alt alt doit être présent sur toutes les images, même s?il peut rester vide (po...
  • 03/02/2011 Article : Les Media Queries CSS3
    La spécification CSS3 Media Queries du W3C définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour des pages (X)HTML. Ces bonnes pratiques permettent d'exploiter encore plus les avantages...
  • 03/02/2011 Article : Le format JSON, AJAX et jQuery
    JSON (JavaScript Object Notation) est une forme d'écriture de données en JavaScript. Son avantage est de fournir un support pour une écriture simple et légère au format texte, relativement compréhensible par les développeurs JavaScript, mais aussi - et...
  • 03/02/2011 Article : Des tests fiables sous tous les navigateurs
    Pas d?HTML5, de JavaScript avancé ou de performances pour cet article, mais une petite dose de bonnes pratiques. On reste toutefois dans la modernité du développement Web, car nous allons voir pourquoi j?estime que la plupart des développeurs Web et pire,...
  • 03/02/2011 Astuce : Voir et modifier les en-têtes HTTP
    Le protocole HTTP (Hypertext Transfer Protocol) est à la base du Web, mais il est très mal connu de beaucoup d?intégrateurs ou développeurs web? et moins bien connu encore des débutants. Nous allons voir ensemble brièvement ce que sont les en-têtes HTTP (...
  • 03/02/2011 Astuce : Comment indiquer la langue d?un contenu en HTML?
    Il est important sur une page web d?indiquer clairement la langue du contenu. Les informations données sur la ou les langues du contenu seront utiles pour les outils d?indexation (moteurs de recherche), les outils de traduction automatique ou encore ceux ...
  • 03/02/2011 Article : Introduction à la balise video de HTML5
    Une des nouveautés majeures de HTML5 et l'une des plus remarquables est la balise video. Elle offre une solution simple, native pour les navigateurs pour l'intégration d'une vidéo dans une page web. Elle permet également de proposer une alternative à l'ut...
  • 03/02/2011 Astuce : Émuler Google Android pour mobile
    Les "Google Phones" et de nombreux autres modèles de marques concurrentes sont désormais équipés du système d'exploitation open-source Android conçu pour les smartphones et les PDA. Il est possible de simuler l'exécution d'Android, par exemple pour visua...
  • 03/02/2011 Astuce : Ajouter une icône pour iPhone/iPod Touch/iPad
    Les inventions d'Apple que sont l'iPhone, l'iPod Touch et l'iPad forment aujourd'hui un ensemble d'outils permettant de naviguer sur le web. Leur popularité est telle que des fonctionnalités spécifiques à ces plate-formes sont souvent mises en place pour ...
  • 03/02/2011 Tutoriel : Les sprites CSS
    Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est...
  • 03/02/2011 Tutoriel : Slideshow en CSS3
    Beaucoup de Webdesigners en rêvent : utiliser les CSS plutôt que le JavaScript ou le Flash pour animer leur page web. Ce rêve devient petit à petit concret avec les nouvelles implémentations des modules CSS en cours de travail (Working Draft), notamment C...
  • 03/02/2011 Astuce : Opensearch pour ajouter le moteur de recherche à votre navigateur
    Vous pouvez désormais ajouter le moteur de recherche d'Alsacreations à votre navigateur si celui-ci est équipé d'une zone adaptée. Il vous suffit de cliquer sur la liste déroulante des moteurs intégrés et de choisir "Ajouter". Vous pourrez le retirer par ...