Catégorie : Technique webPage 2 of 4
Des infos, des liens, etc… sur différentes techniques web
Un article très intéressant pour comprendre le formatage du texte
Je ne suis pas très fan des tutoriaux vidéo, mais celui-ci: ai eu pas mal de plaisir à le suivre CSS ANIMATIONS
Flex playground… pour tout comprendre Et encore mieux, avec tous les préfixages requis … à copier-coller … mais moins joli
A lire absolument html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }
/* #### Mobile Phones Portrait #### */ @media screen and (max-device-width: 480px) and (orientation: portrait){ /* some CSS here */ } /* #### Mobile Phones Landscape #### */…
super pratique et bien plus léger qu’une image!!!!! CSS Gradient Generator (Attention: il semblerait que le copier/coller du code final ne fonctionne pas dans Firefox… Utilisez-donc de préférence…
A tester… mais semble vraiment intéressant Ou alors: CSS Tricks: How SVG Line Animation Works Vivus
A voir: http://bennettfeely.com/filters/ Pour les images, mais aussi pour les vidéos !!!! Merci Nicolas
Le 1er site web, publié au CERN Plus d’info ici
Tellement vrai!!!!
Tout d’abord quelques liens pour théoriser: fr.openclassrooms.com/informatique/cours/qu-est-ce-que-le-responsive-web-design wp.smashingmagazine.com/2012/06/28/create-responsive-mobile-first-wordpress-theme/ imnokwebmobile.wordpress.com/ www.lukew.com/ff/entry.asp?1514 blogs.position2.com/responsive-web-design-101 Et des exemples par millier: mediaqueri.es Spécial Navigation: bradfrostweb.com/blog/web/responsive-nav-patterns/ Et maintenant: des outils pour concevoir…
MAJ: Voici un nouvel article très intéressant… qui pourrrait bien remplacer le premier : https://medium.com/@colirpixoil/cr%C3%A9er-un-site-one-page-propre-avec-wordpress-e817b3ab2a6f 1) Voir ce post et créer un index.php dans votre thème…
… pas mal non? … Pour commencer et bien entendu, personnaliser…
… Pas persuadé que c’est totalement possible… mais: pour s’y approcher:
Comme quoi: il faut être équipé 
L’article complet
Petite fonction pratique: // Add ID and CLASS attributes to the first <ul> occurence in wp_page_menu function add_menuclass($ulclass) { return preg_replace(‘/<ul>/’, ‘<ul id= »nav » class= »sa_classe »>’, $ulclass, 1); } add_filter(‘wp_page_menu’,’add_menuclass’);…
Méthode 1 Ajouter dans le fichier functions.php: function wpb_first_and_last_menu_class($items) { $items[1]->classes[] = ‘first’; $items[count($items)]->classes[] = ‘last’; return $items; } add_filter(‘wp_nav_menu_objects’, ‘wpb_first_and_last_menu_class’);$ Méthode 2 Uniquement en CSS, avec les…
Html CSS #Navigation { list-style-type: none; text-align: justify; height: 21px; background: #ccc } #Navigation li{ display: inline } #Navigation li a { text-align: left; display:inline-block; } #Navigation .stretch…
Avec des pdf téléchargeables gratuitement
Comme l’indique le titre… très pratique…
Petit dossier nous expliquant tout ça:
… CSS, HTML, Jquery et wordpress … des ressources inépuisables: