Ce petit journal du web de milieu de mois propose un résumé des liens qui ont atterri dans mes filets (la liste complète est disponible sur mon compte Diigo). Dans ce billet, vous trouvez : les articles parus sur la timeline 4design.tl ces derniers temps ; le blog de Mathieu consacré à une veille active sur jQuery et d’autres frameworks Javascript ; une série d’articles parus dans le train de 13h37. Vous trouverez également des articles sur la propriété @font-face, le fichier .htaccess, les backgrounds multiples, ainsi qu’une mise en garde contre a { outline: none }. Pour finir, je vous propose un outil en ligne pour créer des flèches en CSS. Voulez-vous en savoir plus ?
tag » jQuery
Quelques ressources pour optimiser Bootstrap
Bootstrap est un framework CSS & Javascript conçu pour accélérer et faciliter vos développements «front-end». C’est devenu le couteau suisse du web : on y trouve une lame adaptée pour chaque besoin, ou presque. Une fois que Bootstrap est mis en place, l’intégrateur web dispose d’un coup de nombreux outils CSS et Javascript pour créer des maquettes et des éléments d’interface à l’aide de classes qu’il suffit de placer sur les éléments HTML appropriés (listes, div, etc). Voulez-vous en savoir plus ?
20 ressources pour la création de formulaires HTML
Les formulaires web ont souvent une mauvaise e-réputation auprès des designers web. Pourtant, ils sont incontournables dès que l’on veut recueillir des données sur les utilisateurs ou les faire interagir avec une application en ligne. Pour rendre la création des formulaires HTML moins laborieuse, voici une série de liens pour mieux comprendre l’accessibilité des formulaires, avoir des exemples pour l’inspiration, générer des formulaires en ligne. Pour finir, je vous ai ajouté une liste de plugin jQuery pour rendre vos formulaires un peu plus «sexy» :-) Voulez-vous en savoir plus ?
Recommandations pour développeurs web front-end
Front-End Development Guidelines — Ce document regroupe un ensemble de bonnes pratiques et de recommandations pour les développeurs web : accessibilité, Javascript (& jQuery), HTML et CSS (& CSS3). Cerise sur le gâteau, vous aurez en prime des ressources complémentaires pour aller plus loin. Les liens qui suivent peuvent aider à la standardisation du code. Ils permettent de s’assurer que les fonctionalités CSS3 et HTML5 pourront être utilisées sur un grand nombre de navigateurs. Voulez-vous en savoir plus ?
13 éditeurs HTML WYSIWYG et WYSIWYM
Ces éditeurs WYSIWYG ont la particularité d’utiliser Javascript pour convertir le contenu des champs créés à l’aide de la balise textarea en contenu HTML principalement ; certains éditeurs proposent également d’autres syntaxes : Wiki, BBCodes, XBBCodes, Markdown, Textile ou Dotclear. Le point commun de ces outils est de proposer des icônes plus ou moins explicites pour donner aux portions de textes adéquates le sens ou la mise en forme désirés sans être obligé de saisir les balises HTML. Ces éditeurs sont généralement utilisés dans les CMS où ils permettent aux utilisateurs de saisir du texte presque comme dans LibreOffice ou Microsoft Word ! Voulez-vous en savoir plus ?