Les Ressources du Web #23

Nouvelle sélection pour cette presque fin de semaine. J’ai écarté dans cette sélection certains outils « en vogue » comme balloon.css qui pour moi n’apportent aucune nouveauté et affichent même bien trop de problèmes d’accessibilité. Petit ajout de la section « s’il fallait n’en retenir qu’un » inspiré du blog de Stéphanie.

S’il fallait n’en retenir qu’un

AnimateMate apporte une fonctionnalité attendue sur Sketch, celle de l’animation.

CSS

• Bulma – une bibliothèque CSS basée sur Flexbox
• CSS Filters – une interface pour générer un traitement image en CSS
• Link In body ? – un article intéressant sur le futur du chargement JS.
• CSS Scroll Snap Points – un article descriptif des fonctionnalités de Scroll Snap.
• Responsive Table – une solution en CSS uniquement.

JS

• Features.js – une bibliothèque ultra légère sans dépendance pour détecter les fonctionnalités du navigateur.
• jQuery Collapser – un plugin jQuery pour tronquer des paragraphes de texte élégamment.
• Himawari – téléchargez une image de la terre en temps réel depuis le satellite Himawari-8.
• OkayNav – une idée de navigation responsive qui planque progressivement des items dans un sous-menu.
• Accessible Modal Dialog – un script de modal accessible avec mini API.

WordPress

• Tickera – un plugin WordPress pour faire de la vente de tickets (évènements)
• WP Rocket 2.7 – une nouvelle mise à jour majeure de l’excellent WP Rocket.

Design & UI Kit

• Chat UI Kit – un UI Kit de messagerie offert par InVision.
• AnimateMate – un plugin d’animation pour Sketch.
• OpenFoundry – des fontes libres de droits.
• Line Arrow Icons – des icônes de flèches… si si :p

Outils & Techniques

• Mobirise – créez votre site web compatible mobile gratuitement et sans coder.
• LightCMS – un CMS léger et plein de surprises.
• GrapesJS – un outil Open Source fait en JS pour créer des sites web sans coder.
• The Fab Four Technique to create responsive email without media queries
• Morning Pages – une méthode de développement personnel très intéressante. (merci à @jb_ma pour la ressource)
• Instant Logo Search – un outil pour rechercher des logos en SVG/PNG super rapidement.

Amusez-vous bien !