Sass et Compass c’est un peu comme le sel et le poivre, ils sont différents mais on les trouve toujours ensemble. Désolé pour cette image philosophique, mais c’est ainsi que j’ai à coeur de vous présenter une véritable petite compilations de ressources, de liens, slides, tutoriaux en lien direct avec le préprocesseur Sass et son compagnon inséparable : Compass. Cela fait pour...
Après quelques petites recherches, voici quelques indications sur les styles CSS qui permettent de personnaliser l’apparence des placeholder sur vos inputs. Personnaliser l’apparence globale du placeholder Il est obligatoire de bien séparer chaque règle car les user agents doivent ignorer une règle qui possède un sélecteur inconnu. (Voir Conformance and requirements : « a...
Certains connaissent certainement l’attribut autofocus en HTML5. Il est très simple pour les navigateurs qui ne reconnaissent pas cet attribut de produire le même effet à l’aide de jQuery. Voici un exemple (utilisé sur ce site) qui permet d’effectuer le focus sur le champ de recherche. $(document).ready(function() { $('#search').focus(); }); Focus avec Modernizr Si...
Chaque semaine retrouver une compilation de liens intéressants concernant le développement web. 24 jours de web « Le calendrier de l’avent des gens qui font le web d’après ». Chaque jour jusqu’à Noël, découvrez des articles sur le développement web forts intéressant… A votre avis, que découvrirons-nous le 25 ?! Suivez les 24 jours de web. Filtrify Filtrify...
Ligature Symbols est une police d’icônes gratuites (sous licence SIL Open Font License). Designait par Kazuyuki Motoyama, vous trouverez plus de 250 icônes qui remplacent automatiquement l’un des mots que vous pourrez trouver sur le site web dédié à la police web. Nous utilisons certaines polices de Symbolset dans le site de frontenddeveloper.fr, mais ces dernières sont payantes...
Sass est actuellement un des préprocesseurs CSS les plus prisés par les développeurs web. L’équipe de développement de Google Chrome l’a compris et a décidé de travailler sur des moyens pour faciliter le debug et la correction des fichiers scss ou sass. Ils ont alors décidé d’activer les source maps Sass. Si vous utilisez SASS (et vous avez alors tout compris) et êtes un...
CodePen est en quelque sorte un bac à sable pour front-end un peu à l’image de Dribble et vient aujourd’hui de sortir en version beta public ! Vous y trouverez tout un tas de codes HTML, CSS et JS pour le grand bonheur de ceux qui sont en quête d’inspiration. Vous pouvez bien sûr, proposer votre propre « Pen ». Créé par Alex Vazquez, Tim Sabat et Chris...
Tout intégrateur devrait avoir dans ses favoris une liste d’outils JavaScript les plus courants sur le web. J’ai décidé de plonger dans les miens pour vous présenter 10 outils JavaScript suffisamment intéressants pour être utiliser en production. La liste n’est bien sûr nullement exhaustive, mais elle constitue une bonne base pour vos futurs développements. Les éditeurs...
Après le CV Ipad, voici une interview que le site mediaetudiant.fr a eu la gentillesse de publier sur leur site. Dans cet article, je réponds à diverses questions concernant mon travail d’intégrateur HTML au sein de l’agence Mediagong (by Leo Burnett). Vous êtes intégrateur web. En quoi consiste votre métier ? Un intégrateur web (aussi appelé front-end developer en anglais) est...
Les commentaires en HTML commence par . Le texte ou élément mis en commentaire n'apparait pas visuellement sur vos pages html mais est visible dans votre code source. Dans l'exemple ci-dessous, nous indiquons en commentaire que la balise </div> est la balise de fin de la div contenant l'ID block. <div id="block"> <p>Ceci est un paragraphe</p> </div>...