Alsacreations.com - Apprendre

Article : Initiation au développement sur iPhone

julixyde — 2009-07-01T16:07:57+00:00

Etudiante à l'eXia.Cesi (école d'informatique), j'ai la chance de faire mon stage chez Alsacréations pour terminer en beauté ma deuxième année post-bac. Durant ce stage, j'ai développé diverses petites améliorations pour le forum comme certains ont pu le remarquer, mais j'ai également développé une application pour iPhone... j'en profite donc pour partager ma découverte et vous faire une brève pré...

Tutoriel : Une galerie d’images simple avec jQuery

Benjamin D.C. — 2009-06-01T00:00:00+00:00

Ce tutoriel vous guide dans la réalisation d’une galerie d’images simple, avec JavaScript et la bibliothèque jQuery.

Astuce : Émuler Google Android pour mobile

dew — 2009-04-16T20:00:00+00:00

Les Google Phones sont é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 visualiser le rendu d'un site sur les mobiles qui en sont équipés, grâce à l'émulateur officiel proposé par Google. Android est équipé d'un navigateur basé sur le moteur Webkit, également intégré par Google Chro...

Astuce : Tester son site avec un simulateur Blackberry

dew — 2009-03-26T12:50:00+00:00

Développer un site et ou l'adapter pour les plate-formes mobiles n'est pas une mince affaire tant la variété des modèles et navigateurs intégrés est grande. Heureusement certains fabricants, dont Blackberry, proposent des émulateurs. Ceux-ci simulent l'interface et les programmes exploités par le système d'exploitation interne du smartphone, dont le navigateur web. Ce dernier est pour dans le cas ...

Tutoriel : Gérer les erreurs MySQL en PHP sans or die

Jerome A — 2009-03-17T10:20:30+00:00

Utiliser or die(...) après une commande MySQL est devenu une mauvaise habitude pour gérer les erreurs. Cette pratique est encouragée par la documentation officielle PHP, dans ses exemples de scripts illustrant les fonctions, mais également dans les forums où elle est banalisée jusqu'à devenir un "standard" de programmation.

Ce tutoriel vous montrera les limites de cette pratique et fournira une méthodologie pour coder propre sans pour autant alourdir les scripts.

Astuce : Une feuille de styles de base pour bien démarrer vos projets

Florent V. — 2009-02-13T11:00:00+00:00

Avec cette astuce, je vous propose un outil et une méthodologie pour partir du bon pied lorsque vous attaquez les styles CSS d'un nouveau projet. Un outil? → une feuille de styles CSS qui corrige ou définit les styles des principaux éléments de vos pages. (Yay, du code à copier-coller!) Une méthodologie? → explorer ce code, se l'approprier, le modifier pour son projet. (Oh… du coup il faut réf...

Astuce : Comment proposer une actualité sur Alsacréations ?

Raphael — 2009-02-12T10:50:47+00:00

Il ne vous aura pas échappé que la nouvelle mouture d'Alsacréations laisse la part belle aux actualités du Web et que chacun des membres peut à présent être acteur à part entière de ces annonces. Si vous souhaitez afficher au monde entier le fruit de votre veille technologique, et profiter de la gloire d'être à la Une d'Alsacréations, de 2 Kiwiz bien mérités et d'un backlink qui n'échappera pas au...

Astuce : Input et IE : corriger le défilement de l'arrière-plan

Raphael — 2009-02-11T10:00:14+00:00

De nombreux formulaires de recherche proposent des champs graphiques, stylés à l'aide d'images d'arrière-plan (background-image). Par un malheureux hasard, Internet Explorer (jusqu'à sa version 7) présente un bug d'affichage assez curieux : lorsque le terme introduit dans le champ input est très long et dépasse la largeur de l'élément, l'arrière-plan scrolle (défile) en même tem...

Astuce : Comment appliquer des styles spécifiques à la page en cours dans un menu ?

Florent V. — 2009-02-01T00:00:00+00:00

C'est un besoin courant en ergonomie web: marquer visuellement un lien dans un menu de navigation comme «actif» ou «en cours». Pour une page donnée du site, on voudra par exemple mettre en évidence le lien vers la page en question (si le menu propose un accès direct à chaque page) ou bien le lien vers la rubrique ou partie du site dans laquelle le visiteur se trouve. La pseudo-classe :active? Rie...

Article : Quelles polices de caractères (fontes) utiliser sur le Web ?

Florent V. — 2009-01-13T23:01:39+00:00

Si vous n'êtes pas un webdesigner professionnel, vous vous demandez sans doute quelles polices de caractères sont utilisables sur le Web. Peut-on utiliser une fonte personnalisée? Quelles sont les principales familles de fontes génériques? Vocabulaire: polices de caractères et fontes À l'origine, une fonte de caractères (on dit communément fonte, et en anglais font) est une représentation d'un a...

Astuce : Comment utiliser une fonte «non-standard» sur un site Web?

Florent V. — 2009-01-13T20:38:50+00:00

Il est de notoriété publique que l'usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple: la police de caractères que l'on souhaite utiliser doit être présente sur le système de l'utilisateur pour être utilisée par le navigateur. Cela reste très vrai, m...

Article : À quoi servent les balises META ?

Florent V. — 2009-01-10T12:00:00+00:00

Question éternelle des forums de discussion sur la conception web et le référencement: les balises META, ça sert à quelque chose? C’est pris en compte par les moteurs de recherche? Est-ce que ça permet d’allonger les péniches?

Article : La fusion des marges en CSS

Florent V. — 2009-01-10T12:00:00+00:00

D’où viennent les écarts étranges que l’on observe parfois entre certains blocs d’une page? Comment se fait-il que des marges disparaissent? Et pourquoi cette marge-là semble-t-elle s’appliquer à mon conteneur et pas à mon titre ou mon paragraphe?

La fusion des marges pourrait bien être derrière tous ces mystères.

Article : Impact sur le rendu de la mise en forme du code HTML

Florent V. — 2009-01-07T23:21:38+00:00

On considère généralement que la mise en forme du code HTML (retours à la ligne, indentation, espaces entre les balises) n'a aucun impact sur le rendu final. Il est possible, par exemple, d'écrire le code d'une page web complète sur une seule ligne; ou bien de revenir systématiquement à la ligne pour chaque nouvelle balise; ou encore de laisser plusieurs lignes vides, pour «éclaircir» un code et en faciliter la lecture.

Même si cette conception est généralement vraie, il faut se méfier de ce genre de généralités. La mise en forme du code peut avoir des conséquences sur le rendu! Petite mise au point…

Astuce : Comment contrôler et modifier l'apparence d'une infobulle ?

Raphael — 2009-01-07T11:17:02+00:00

Pour commencer, il faut bien faire la différence entre l'infobulle (title) et le texte alternatif (alt). Le texte alternatif (alt) est le descriptif textuel appliqué uniquement aux images et nécessaire aux visiteurs non-voyants par exemple. Il apparait lorsque l'image n'est pas présente. "alt" est obligatoire sur les balises et dans tous les doctypes (HTML et XHTML...

Astuce : Comment aligner verticalement une image et une ligne de texte ?

Raphael — 2009-01-07T11:17:02+00:00

C'est ici qu'intervient la propriété "vertical-align". baseline : Alignement sur la ligne de base ou le bas. middle : Alignement au milieu de la ligne de base. sub : Alignement en bas de la ligne de base. super : Alignement au-dessus de la ligne de base. text-top : Aligne le texte en haut de l'élément parent. text-bottom : Aligne le texte en bas de l'élément parent. top : Alignement haut de la bo...

Astuce : Comment faire un lien vers un endroit précis de la page (ancre) ?

Raphael — 2009-01-07T11:17:02+00:00

Théoriquement, créer une ancre est une chose facile : il suffit d'attribuer à l'élément vers lequel on veut pouvoir pointer un identifiant (attribut HTML id). Petit exemple :

Il suffira alors de faire un lien vers cet ancre : Les dernières nouvelles Dans la pratique, cette solution est encore mal supporté...

Astuce : Comment utiliser l’élément label dans les formulaires?

Florent V. — 2009-01-07T11:17:02+00:00

L’élément label permet de donner un intitulé à un champ de formulaire (par exemple un input de type text, ou un textarea). Cela permet aux navigateurs d’associer cet intitulé au champ de formulaire. Ainsi, un clic sur l’intitulé donnera le focus au champs de formulaire, ce qui est très pratique par exemple pour les boutons radio ou cases à cocher. Ce mécanisme est important également pour les le...

Astuce : Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?

Raphael — 2009-01-07T11:17:02+00:00

Sur les navigateurs conformes aux standards, la position float sort l'élément du flux et de son conteneur (ce n'est pas le cas sur IE). La propriété "clear" permet de gérer le contenu autour des éléments flottants et peut "pousser" un conteneur pour intégrer les éléments en float. L'utilisation d'une règle horizontale

(ou

) dotée de la propriété "clear" peut sensiblement am...

Astuce : Comment supprimer la bordure (bleue) autour des images de lien ?

Raphael — 2009-01-07T11:17:02+00:00

Il suffit en CSS de mettre à zéro la propriété "border" et de l'appliquer aux images () contenues dans des liens () : a img {border: 0;} ou un équivalent : a img {border: none;}...