Pour le sticky maintenant la majorité des navigateurs gèrent bien la règle native du CSS (bon... à part ceux de Microsoft comme d'habitude).
Je vais regarder de plus près pour le Sticky
bestmomo a écrit:
Pour ceux qui nous lisent ici je voudrais préciser que Materialize n'est qu'un élément de la grande vague du Material Design avec de très nombreuses ressources. C'est une nouvelle vision de l'esthétique des sites plutôt intéressante qui connait un succès grandissant et pour les futurs (et actuel) web designer je conseille la lecture du site de référence, mais c'est en anglais
Merci pour ces informations très intéressantes, sur le lien de material design j'ai aperçu le menu de navigation est-ce qu'il est possible de faire cela avec materialize ? Si c'est possible comment ? Ou si vous avez un lien comment réaliser ce genre d'effet ça me ferait plaisir !
webcode a écrit:
ou aussi un autre exemple, j'imagine qu'il est possible de le faire avec les nombreuses fonctionnalités intégrées à materialize mais je n'ai pas trouvé !
Si vous savez me répondent comment faire l'effet dans le menu, comme je l'ai dit ci-dessus ça me ferait un grand plaisir merci d'avance.
bestmomo a écrit:
Bonjour webcode
Pour Bootstrap 4 je me suis replongé dedans maintenant qu'il semble plus stable mais je n'ai pas encore une vue suffisamment globale pour me faire une opinion tranchée. J'ai commencé la rédaction du futur cours en tenant compte de toutes les remarques souvent pertinentes que j'ai eues pour celui de la version 3...
Quand tu dis je n'ai pas encore une vue suffisamment globale pour me faire une opinion tranchée, tu parles entre Bootstrap et Materialize ? Donc comme je peux comprendre tu comptes faire un cours pour la version 4 ? Et est-ce que tu comptes faire un cours sur materialize ?
bestmomo a écrit:
Je ne connaissais pas la traduction du site de Sass mais personnellement l'anglais ne me dérange pas à force de lire des documentations techniques, mais ça peut aider pas mal de français allergiques à cette langue (et on peut les comprendre étant donné son inesthétique).
Apparemment ce n'est pas récent et on peut voir sur le site de traduction Sass que l'auteur a réalisée beaucoup de projets Sass ! Pour en revenir à l'anglais j'aimerais apprendre par ce que ça devient presque indispensable dans le domaine de webmaster ou encore dans la programmation.
Merci pour ces informations très intéressantes, sur le lien de material design j'ai aperçu le menu de navigation est-ce qu'il est possible de faire cela avec materialize ? Si c'est possible comment ? Ou si vous avez un lien comment réaliser ce genre d'effet ça me ferait plaisir !
La barre de navigation est celle des composants de Material Design, la documentation est sur leur site.
webcode a écrit:
Quand tu dis je n'ai pas encore une vue suffisamment globale pour me faire une opinion tranchée, tu parles entre Bootstrap et Materialize ? Donc comme je peux comprendre tu comptes faire un cours pour la version 4 ?
Je parle de Bootstrap et je compte bien faire un cours sur la version 4. J'ai d'ailleurs pratiquement achevé la partie qui concerne la grille. En fait j'en ai écrit un l'an dernier en pensant qu'ils iraient plus vite dans le développement mais je m'y suis pris finalement trop tôt et plein de choses ont bien changé entre temps. C'est le cas aussi pour les intrépides qui ont publié des bouquins (essentiellement en anglais) qui sont tous devenus obsolètes.
Il faut se méfier du traducteur de Google pour les documents technique, il vaut mieux faire l'effort de la langue.
je sollicite votre soutient pour la resolution d'un probleme de librairie que je rencontre.
je souhaite utiliser un date time lorsque je l'implemente sur un ficher test il fonctionne normalement mais lorsque je l'integre au programme globale il s'affiche bien mais pas au bon endroit.
je pense avoir une collision entre les bilioteque je j'utilise et principalement celle-ci
Merci pour ces informations très intéressantes, sur le lien de material design j'ai aperçu le menu de navigation est-ce qu'il est possible de faire cela avec materialize ? Si c'est possible comment ? Ou si vous avez un lien comment réaliser ce genre d'effet ça me ferait plaisir !
La barre de navigation est celle des composants de Material Design, la documentation est sur leur site.
webcode a écrit:
Quand tu dis je n'ai pas encore une vue suffisamment globale pour me faire une opinion tranchée, tu parles entre Bootstrap et Materialize ? Donc comme je peux comprendre tu comptes faire un cours pour la version 4 ?
Je parle de Bootstrap et je compte bien faire un cours sur la version 4. J'ai d'ailleurs pratiquement achevé la partie qui concerne la grille. En fait j'en ai écrit un l'an dernier en pensant qu'ils iraient plus vite dans le développement mais je m'y suis pris finalement trop tôt et plein de choses ont bien changé entre temps. C'est le cas aussi pour les intrépides qui ont publié des bouquins (essentiellement en anglais) qui sont tous devenus obsolètes.
Il faut se méfier du traducteur de Google pour les documents technique, il vaut mieux faire l'effort de la langue.
Bonsoir bestmomo,
Merci pour ta réponse, et oui c'est vrai qu'ils mettent du temps à sortir la version 4, d'ailleurs y a-t-il une date prévue ? Ou une fourchette de la date de sortie ? Je me réjouis de voir le cours sur la version 4, j'ai vraiment dévoré celui de Bootstrap 3 vous êtes très pédagogues et très précis dans ce que vous expliquez !
Pour les traducteurs Google etc. c'est bien ce que je disais ils ne sont pas toujours précis !
Pour revenir au alert de Bootstrap j'ai fini de les intégrer à materialize dans un fichier séparé, pour bien respecter la structure intégrée au framework, je pense que je vais partager sur mon compte Github.
J'ai aussi intégré quelques fonctionnalités de Bootstrap et de foundation pour mon besoin personnel, et j'avoue que je suis très content du résultat
@solo190 fait une petite recherche Google il doit avoir une fonction pour les conflits entre bibliothèques j'en ai eu recours dans le passé.
À bientôt sur le forum.
- Edité par webcode 26 juillet 2017 à 0:45:48
Tester le code Premium Solo et gagner un mois gratuit sans engagement, Voici le code promotionnel : WEBCODE-9F7H
Il n'y a pas encore de date prévue pour Bootstrap 4 mais la prochaine version sera une beta... on avance... C'est une grosse machine et donc ça prend du temps.
Ça a l'air bien sympa tes adaptations pour Materialize. Il faut les partager ! C'est quoi ton compte Github ?
Je bloque sur l'activite de la partie pour rendre la taille des boutons (facebook, google, ...) responsive.
J'ai ajouté un css btn-lg avec une taille fixe et un border-radius, j'ai donc bien des boutons ronds, mais je ne vois pas du tout comment faire pour modifier cette taille en fonction de la taille de la fenêtre écran. J'ai essayé de modifier les propriétés de la classe btn-lg à l'intérieur des media queries, mais cela ne fonctionne pas.
Dit autrement, j'aimerais rendre ces boutons responsive, mais étant donné que je leur ai donné une taille fixe (pour pouvoir utiliser un border-radius adapté à la taille), eh bien ils ne changent pas de taille.
Si vous avez une piste à me formuler, j'en serais heureux.
Il n'y a pas encore de date prévue pour Bootstrap 4 mais la prochaine version sera une beta... on avance... C'est une grosse machine et donc ça prend du temps.
Ça a l'air bien sympa tes adaptations pour Materialize. Il faut les partager ! C'est quoi ton compte Github ?
Bonne journée.
Bonsoir Bestmomo je t'ai envoyé un message privé pour avoir une réponse bien précise
vincent48 a écrit:
Bonjour,
Je bloque sur l'activite de la partie pour rendre la taille des boutons (facebook, google, ...) responsive.
J'ai ajouté un css btn-lg avec une taille fixe et un border-radius, j'ai donc bien des boutons ronds, mais je ne vois pas du tout comment faire pour modifier cette taille en fonction de la taille de la fenêtre écran. J'ai essayé de modifier les propriétés de la classe btn-lg à l'intérieur des media queries, mais cela ne fonctionne pas.
Dit autrement, j'aimerais rendre ces boutons responsive, mais étant donné que je leur ai donné une taille fixe (pour pouvoir utiliser un border-radius adapté à la taille), eh bien ils ne changent pas de taille.
Si vous avez une piste à me formuler, j'en serais heureux.
Au plaisir.
Vincent
- Edité par vincent48 il y a environ 9 heures
Bonsoir @vincent48,
Je comprends bien ce que tu veux faire, mais j'ai du mal à comprendre pourquoi tu veux le faire sur des boutons ? Alors que quand la page rétrécit les boutons devienne aussi plus petits, il ne faut pas oublier qu'il faut un minimum de taille en petit écran pour pouvoir cliquer sur le bouton en question !
florianboy01 a écrit:
Salut,
Je suis impatient de pouvoir suivre le nouveau cour sur Bootstrap 4 surtout si il est aussi passionnant que l'actuel.
Il me semble que bootstrap 4 adopte les Flexbox, est ce vraiment le cas ?
Bonsoir @florianboy01
oui comme tu le dis les cours de bestmomo sont passionnants, précis, très complet, en effet Bootstrap 4 intégrera bien la partie FlexBox tu peux retrouver toutes les informations via ce lien sur leur site dans la partie documentation.
À bientôt sur le forum.
PS: Salut,
J'ai retravaillé la fonction alert qui ne comporte plus aucune class de Bootstrap elle les propres à materialize avec ses propres couleurs qui n'étaient pas le cas dans la capture d'écran ci-dessus, on sait l'intégrer à n'importe quel bloc vous pouvez l'apercevoir dans la capture d'écran ci-dessous.
Je vais prochainement partager ce que j'ai réalisé sur mon compte GitHub.
À bientôt sur le forum.
- Edité par webcode 27 juillet 2017 à 7:10:30
Tester le code Premium Solo et gagner un mois gratuit sans engagement, Voici le code promotionnel : WEBCODE-9F7H
The maximum number of characters (Unicode code points) that the user can enter. If this value isn't specified, the user can enter an unlimited number of characters.
En résumé: limitée par le nombre que vous spécifiez dans maxlength; sinon "illimité"
The maximum number of characters (Unicode code points) that the user can enter. If this value isn't specified, the user can enter an unlimited number of characters.
En résumé: limitée par le nombre que vous spécifiez dans maxlength; sinon "illimité"
- Edité par nanart il y a environ 1 heure
Bonsoir,
Oui en effet c'est bien ce qui doit retourner de maxlength ! Et quelle est le problème ? ca ne fonctionne pas ?.
Voila l'intégration des alerts je vais bientôt le poster sur mon compte GitHub, j'ai aussi rajouter une class .green-border .border-lighten-4, je n'ai pas intégré l'étendue qui était donné dans ce code, il y avait une erreur avec le positionnement du bouton avec la petite croix, et aussi bien en responsive, qui est très bien gérer maintenant, j'ai aussi rajouter l'option de générer des bordures dans materialize, et pour les couleurs que je n'ai pas @extend pour la simple et bonne raison il y a assez de couleur dans materialize j'arrive a un plus beaux résultat que l'image ci-dessous.
Je suis entrain de regarder les conditions dans la licence MIT pour mettre la version complète que j'ai développée, j'ai rajouter beaucoup de fonctionnalités de Foundation par exemple tout les utilitaires qui sont très utilise il en a qui était déjà intégrer a materialize et qu'elle que fonction de bootstrap de Bootstrap ! comme les boites alert. Je regarde aussi a générer une bonne structure, je doit faire en sorte de faire les misse a jour sent écraser une class ou autre, Tout ca n'est pas si simple je tire mon chapeaux peut importe le framework creer il ce reconnaîtront c'est beaucoup de boulot.
Pour la tester dans presque tout les recoins je suis entrain de réaliser un forum, que je mettrais en démo, si je publie la version que j'aurai réalisée , j'ai bien envie de le mettre sur le forum avec le code source sur GitHut pour avoir un retour des plus expérimenter !
Tout commentaire son le bienvenue
A bientôt sur le forum.
- Edité par webcode 1 août 2017 à 17:20:17
Tester le code Premium Solo et gagner un mois gratuit sans engagement, Voici le code promotionnel : WEBCODE-9F7H
Bonjour, Etant donné tout ce qui s'écrit dans ce forum ... ne serait-il pas judicieux de faire un cours "perfectionnement Bootstrap" ? car pour ma part j'ai fini par abandonner bootstrap ne réussisant pas à obtenir ce que je voulais... mais j'aimerais bien m'y remettre quitte à reviser le cours déjà présent mais en sachant qu'un autre cours aidera mieux à personnaliser. Merci.
Merci pour ces informations très intéressantes, sur le lien de material design j'ai aperçu le menu de navigation est-ce qu'il est possible de faire cela avec materialize ? Si c'est possible comment ? Ou si vous avez un lien comment réaliser ce genre d'effet ça me ferait plaisir !
La barre de navigation est celle des composants de Material Design, la documentation est sur leur site.
webcode a écrit:
Quand tu dis je n'ai pas encore une vue suffisamment globale pour me faire une opinion tranchée, tu parles entre Bootstrap et Materialize ? Donc comme je peux comprendre tu comptes faire un cours pour la version 4 ?
Je parle de Bootstrap et je compte bien faire un cours sur la version 4. J'ai d'ailleurs pratiquement achevé la partie qui concerne la grille. En fait j'en ai écrit un l'an dernier en pensant qu'ils iraient plus vite dans le développement mais je m'y suis pris finalement trop tôt et plein de choses ont bien changé entre temps. C'est le cas aussi pour les intrépides qui ont publié des bouquins (essentiellement en anglais) qui sont tous devenus obsolètes.
Il faut se méfier du traducteur de Google pour les documents technique, il vaut mieux faire l'effort de la langue.
Il aura la vesrion 4 que bestmomo va faire Que veut tu dire
AJOOC a écrit:
Bonjour, Etant donné tout ce qui s'écrit dans ce forum ... ne serait-il pas judicieux de faire un cours "perfectionnement Bootstrap" ? car pour ma part j'ai fini par abandonner bootstrap ne réussisant pas à obtenir ce que je voulais...
- Edité par AJOOC hier à 11:22
Pas arriver a faire quoi ?
Tester le code Premium Solo et gagner un mois gratuit sans engagement, Voici le code promotionnel : WEBCODE-9F7H
M.BESTMOMO, est ce que la version 4 de Bootstrap qui devrait sortir en version final d'ici peu sera l'occasion d'une mise à jour du cours Bootstrap ?
Quand j'ai passé cette certification je n'avais pas conscience à quel point ce Framework est utile, pour tous les projets javascript sur lesquels je travaille maintenant impossible de m'en passer !!
Merci
Edit : Je viens de voir la réponse au début de la page c'est une très bonne nouvelle !!!
Bizarre, car pour corriger... il faut avoir accès à la correction !
Si vous êtes dans l'exercice activité2, je ne vois pas comment, sauf erreur, vous auriez accès à la correction de l'activité 3.
Êtes-vous sûr qu'il s'agit de l'exercice 3 et non pas d'une troisième correction de l'exo 2 (en général, on a 3 corrections -voir plus, à faire) Si c'est le cas (erreur) contacter OpenClassroom via hello@openclassrooms.com ou en cliquant sur le formulaire de contact (nous contacter) en bas de page. Bernard
Bon, il y a manifestement erreur de soumission par le/la candidat(e), car le fichier a évaluer n'a rien à voir en structure, aspect et contenu avec l'exercice imposé tant pour activité partie 3 que pour activité partie 2. C'est simplement surprenant quand on commence à corriger.
Dans ce cas (erreur) le conseil apporté systématiquement est de noter 0 et d'indiquer à son auteur sa possibilité d'en informer Open Classrooms via l'e-mail fourni plus haut.
Dans ce cas (erreur) le conseil apporté systématiquement est de noter 0 et d'indiquer à son auteur sa possibilité d'en informer Open Classrooms via l'e-mail fourni plus haut.
C'est ce que je ferait aussi, Parce que comme dit nanart, Tout cela parait bizarre !
RobinsonArchbold a écrit:
hi
Bonsoir RobinsonArchbold, édit je comprend mieux après avoir consultée ton profil !
<!--Pour quoi mettre tout simplement Hi(Salut) ? J'ai du mal a comprendre ?-->
A bientôt sur le forum.
- Edité par webcode 16 août 2017 à 23:45:19
Tester le code Premium Solo et gagner un mois gratuit sans engagement, Voici le code promotionnel : WEBCODE-9F7H
Puisque le sujet a été évoqué de la mise à niveau vers la version 4 pour information il y a eu de nombreux changements entre la dernière version alpha et la première beta. Du coup tous les tutoriels et ouvrages existants sont presque totalement obsolètes et je vous mets en garde à ce sujet. Le plus sage est d'attendre encore un peu. La version beta devrait être nettement plus stable mais on n'est pas encore à l'abri de changements au niveau de certains composants.
Toujours est-il que cette version est une avancée majeure pour le framework avec entre autres :
le changement complet de la barre de navigation
l'utilisation de Flexbox avec une grille totalement remaniée (mais du coup abandon de la prise en charge de IE9)
l'utilisation de Sass à la place de Less
une réécriture presque complète du code CSS
un passage à ES6 pour l'écriture des plugins Javascript
Une question: je ne suis toujours pas d'avis pour la qualification de Bootstrap (ou autres du genre) comme Framework. Bibliothèque suffit. Un argumentaire?
Ta remarque est judicieuse et sur le site de Bootstrap il n'est d'ailleurs plus fait référence à un framework mais à un "front-end component library" et à un "open source toolkit for developing with HTML, CSS, and JS".
Vincent ERHART
Formateur / Développeur web
" Si vis pacem, para bellum "