Clik here to view.
Astuce : Utiliser PHP pour gérer vos styles CSS
Certaines limites de CSS peuvent parfois être gênantes. Des frameworks plus ou moins poussés comme LESS ou SASS tentent de pallier à ces petits soucis. Une autre solution est d'utiliser simplement PHP...
View ArticleClik here to view.
Astuce : Utilisez la console JavaScript des navigateurs
Concevoir un site dynamique implique de faire appel à JavaScript, langage de plus en plus populaire et puissant. Afin de donner les bons outils aux développeurs web, les navigateurs se sont peu à peu...
View ArticleTutoriel : SVG, le dessin vectoriel pour le web
SVG est un format d'images vectorielles basé sur le langage de balisage XML. Il répond parfaitement à des besoins graphiques légers, qu'ils soient statiques, dynamiques ou interactifs. [...]
View ArticleClik here to view.
Tutoriel : jEdit, éditeur de texte multi-plateformes
jEdit est un éditeur de texte permettant de travailler sur différents types de fichiers de code et présentant globalement les mêmes avantages que les autres éditeurs du marché Open Source. Sa...
View ArticleClik here to view.
Astuce : Comment interdire le mode de compatibilité sur IE ?
Des fois, il vous arrive qu'un client vous appelle en disant « mon site est tout cassé » ou vous signalant qu'une fonctionnalité que vous avez testée sur des navigateurs raisonnablement récents ne...
View ArticleArticle : Stockage des données locales : Web Storage
Nous connaissions les cookies. Maintenant nous disposons de Web Storage (ou DOM Storage) pour stocker des données locales. Faisons un tour du propriétaire ! [...]
View ArticleArticle : Le schéma Data-URI
Le but de ce tutoriel est de vous permettre de découvrir ce schéma d'URI, de bien comprendre quand il est utile de l'utiliser et quand il faut l'éviter, et au final de vous donner les outils...
View ArticleClik here to view.
Article : DOM : querySelector et querySelectorAll
L'API Selectors définit des méthodes pour accéder aux noeuds DOM, c'est-à-dire aux éléments HTML présents, à l'aide de fonctions de recherche. Leur intérêt est de faciliter la manipulation des noeuds...
View ArticleClik here to view.
Article : Web mobile : introduction et glossaire
Le Web mobile a depuis longtemps envahi notre quotidien de concepteur de sites web : aujourd'hui, smartphones et tablettes font partie intégrante du parc de périphériques sur lesquels nous jouissons...
View ArticleArticle : CSS3 : Transformations 2D
CSS3 apporte les transformations en 2 dimensions à travers la propriété transform et une liste de fonctions prédéfinies. Voyons ensemble la prise en charge actuelle de cette propriété et des fonctions...
View ArticleClik here to view.
Astuce : Prism - coloration syntaxique
Encore un outil de coloration syntaxique me direz-vous ! Il est vrai qu'on en trouve pas mal sur le Web : GeSHi (php), SyntaxHighlighter (JavaScript), Pygments (Python). Mais Prism (JavaScript et CSS)...
View ArticleTutoriel : Un logo cliquable SVG avec alternatives
“Responsive Webdesign”, “Retina”, “optimisation mobile”, autant de termes qui sont devenus de plus en plus présents dans nos quotidiens de designers et intégrateurs web. Le nombre d’écrans dont la...
View ArticleClik here to view.
Tutoriel : jQuery Mobile par l'exemple : la Kiwiparty
jQuery Mobile est un framework dont le but est de simplifier le développement d'applications web multi-plateformes (cross-devices), et plus spécifiquement sur les mobiles ou tablettes. Comme son nom...
View ArticleClik here to view.
Article : Comprendre le Viewport dans le Web mobile
Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le...
View ArticleClik here to view.
Tutoriel : CSS3 Flexbox Layout module
Positionner correctement des éléments en CSS s'est toujours révélé être une mission aussi palpitante que fastidieuse en raison d'un lourd passé de navigateurs assez peu enclins à suivre des standards...
View ArticleClik here to view.
Article : 10 outils pour le Web mobile
Les contraintes d'ergonomie, d'adaptation et de performance dans le monde du Web mobile impliquent parfois certaines techniques rendues complexes par le peu de spécifications et d'outils existants à...
View ArticleClik here to view.
Tutoriel : Device Orientation et Device Motion API
Le web d’aujourd’hui est en train d’être conquis par nos amis les appareils mobiles et plus précisément les smartphones et les tablettes. Or ces terminaux possèdent quelque chose que très peu de nos...
View ArticleClik here to view.
Article : L'API classList
Une petite fonctionnalité qui peut faire beaucoup de différence sur le temps de développement : classList est une des propriétés d'un élément HTML (accessibles en JavaScript) assez méconnue. Et pour...
View ArticleOutil : The Toolbox
The Toolbox est une sorte de couteau suisse indispensable : une vaste collection d’outils, de snippets et de ressources pour la conception web, très régulièrement mise à jour.
View ArticleOutil : Opera Mobile Emulator
L'émulateur Opera Mobile peut être installé sur un poste classique de bureau pour simuler le rendu des pages web, telles qu'elles apparaissent sur mobile ou tablette avec le navigateur du même nom....
View Article