Ressources pour intégration

Pour progresser en HTML / CSS il faut pratiquer. Dans cette page vous trouverez des ressources utiles à votre progression.

Table des matières

• Ressources
  • Single Page Website
  • Liste de liens (avec responsive)
  • Blog
  • Interfaces Mobiles / Responsives

Ressources

Vous aurez certainement besoin de ressources, voilà une liste d'élément pouvant vous servir :

• CodePen.io
• Génération de Gradient CSS
• Material.io
• Materialdesignicons
• Dribble.com
• unsplash <- Des images libres de droits
• Des illustrations
• Rappel sur design
• Bootstrap <- Un standard
• Tailwind <- À creuser
• Des templates réutilisable

Apprentissage :

• Flexbox
• Grid

Actualités :

• dev.to
• medium.com
• Reddit /r/webdev

Prototypage :

• Figma
• Rappel sur le centrage en CSS
• Afficher du code

Icones :

• Material Design Icons
• Flat Icon
• Font Awesome

Couleurs :

• Color Picker & Choix de couleur
• Couleurs RAL

Bonne pratique :

• Quelques règles de base (en 4 minutes)

DevOps :

• Certbot <- Installer un certificat SSL pour son site web (HTTPS)
• Acme.sh <- Installer un certificat SSL (HTTPS), équivalent Certbot mais écrit en script shell.

Hebergement :

• Netlify <- CI/CD, Simple, « gratuit », avec une interface web de gestion.
• Fleek.co <- CI/CD, Simple, « gratuit », repose sur le Web 3 avec une interface web de gestion. (miroir)
• Surge.sh <- CI/CD, Simple, « gratuit », un poil plus technique
• Heroku <- CI/CD, Plus complet, mais un peu plus « complexe ».
• Gitlab Pages <- CI/CD
• Github Pages <- CI/CD
• Firebase Hosting
• OVH <- Hébergeur classique à base de serveurs dédiés ou mutualisés.

Vous avez envie de progresser ? Voilà des éléments à intégrer

Single Page Website

---

Liste de liens (avec responsive)

Blog

---

Interfaces Mobiles / Responsives

![Cas 6](./integration/cas6.jpeg)

---

![Cas 7](./integration/cas7.jpg)