Clik here to view.
Outil : Colourcode
Besoin de créer un jeu de couleur pour votre créa ? Besoin de choisir rapidement une couleur en CSS ? Votre client vous a donné une couleur de départ et vous avez besoin d'inspiration pour créer votre...
View ArticleClik here to view.
Tutoriel : Une vidéo d'arrière-plan sur toute la page en HTML et CSS
Une vidéo d'arrière-plan sur toute la page en HTML et CSS Ce tutoriel a été initialement publié en anglais par Florent Verschelde sous l'intitulé Full page video background with HTML and CSS. Quelques...
View ArticleTutoriel : Créer facilement une palette de couleurs accessibles
L'accessibilité des couleurs et les contraintes liées au contraste ont souvent mauvaise presse auprès des designers. Certains craignent que les contraintes d’accessibilité des couleurs limitent leur...
View ArticleClik here to view.
Article : Responsive Images – L'arrivée de srcset
Le gros problème du Responsive Web Design tient probablement dans la gestion des ressources chargées et utilisées sur une page web, utiles à notre terminal et adaptées à notre écran ou notre fenêtre...
View ArticleClik here to view.
Outil : Pleeease
Dans le monde merveilleux de l'intégration front-end, certains outil permettent de se faciliter la vie et d'automatiser certaines tâches répétitives. Parmi ces outils, les préprocesseurs sont de plus...
View ArticleClik here to view.
Outil : Project Parfait
Project Parfait, est une expérimentation d'Adobe visant à proposer dans le navigateur une petite application (mais néanmoins très puissante) qui décompose les fichiers PSD envoyés, pour : extraire les...
View ArticleAstuce : Le fonctionnement de la compression Gzip
La compression Gzip est très répandue mais quelque peu méconnue. Cette présentation proposée par Frédéric Kayser – en complément à son intervention lors de la KiwiParty 2012 – dévoile une partie des...
View ArticleClik here to view.
Article : La fonction calc() en CSS
calc() est une fonction CSS3 offrant la possibilité de réaliser des opérations mathématiques en CSS (addition, soustraction, division et multiplication). Compatibilité La compatibilité de cette...
View ArticleClik here to view.
Astuce : Placer une image de fond par rapport aux coins inférieur et droit
Tentons de résoudre un problème que nous avons certainement déjà tous rencontré : placer une image de fond à quelques pixels du bord droit et du bord inférieur d'un bloc HTML. Avez-vous déjà essayé ?...
View ArticleClik here to view.
Outil : BabylonJS
BabylonJS est un moteur JavaScript pour WebGL, le langage de prédilection pour concevoir de la belle 3D dans votre navigateur. Il supporte beaucoup de fonctionnalités de 3D, notamment parmi les plus...
View ArticleClik here to view.
Article : Comment tester un site responsive? (partie 1)
Savoir si un site développé se comporte bien en responsive est devenu une nécessité de nos jours. Il est donc important de connaître tous les moyens mis à notre disposition pour réaliser cette étude....
View ArticleClik here to view.
Outil : Type Quest: l'OpenType en CSS
Avec les avancées en CSS, il est possible d'utiliser de plus en plus de fonctionnalités typographiques du format OpenType en CSS, de quoi ravir les amateurs de jolies typographies. À la KiwiParty de...
View ArticleClik here to view.
Astuce : Où trouver de l'inspiration pour du design mobile
Faire de la veille, trouver de l'inspiration et se tenir au courant de ce qui se fait dans le domaine du web fait partie de notre quotidien. Il n'est pas toujours facile de trouver rapidement ce que...
View ArticleClik here to view.
Article : Bonnes pratiques en CSS : BEM et OOCSS
Des années durant, j'ai intégré des sites Web et développé des applications JavaScript sans ressentir le besoin d'une méthodologie pour nommer les classes CSS. Puis, les projets grossissant, le code...
View ArticleClik here to view.
Article : Créer des GIFs animés de présentation d'UI/UX Design
Réaliser une petite animation pour présenter son site web ou son application mobile est un bon moyen de faire une démonstration de celle-ci. En effet, il devient beaucoup plus facile de s'imaginer...
View ArticleArticle : Synchroniser son serveur web avec Github
Github est un bon moyen de partager ses sources, et intégré dans un workflow, c’est un outil puissant et très efficace, que ce soit pour travailler seul, ou en groupe. C’est aussi un bon moyen de...
View ArticleClik here to view.
Astuce : Découvrez l'inspecteur d'élément responsive de Google Chrome
Google vient de sortir la version 38 de son navigateur Chrome il y a quelques jours et celle-ci s'annonce déjà palpitante pour nos intégrations responsives : outre les supports de <picture> et...
View ArticleClik here to view.
Tutoriel : Introduction à PhoneGap
PhoneGap, création d’applis mobiles multi-plateforme PhoneGap est un framework open source pour créer des applis mobiles multi-plateforme avec les technologies traditionnelles du web : HTML, CSS,...
View ArticleClik here to view.
Astuce : HTML5 - L'attribut download
L'attribut download de HTML5 permet de forcer le téléchargement d'une ressource au lieu de la faire afficher par le navigateur. Avant l'apparition de cet attribut encore très méconnu, il était...
View ArticleClik here to view.
Outil : Brackets, l'éditeur spécialisé front-end
Brackets est un éditeur de code open-source nouvelle génération, multi-plateformes, et tout particulièrement adapté au profil d'intégrateur et de webdesigner. L'interface de Brackets est avant tout...
View Article