Version imprimable
Bonjour à tous,
Un tutoriel relatif à la création d'un site portfolio avec BootStrap a été crée : Ici
EDIT :
:fleche: Partie 2 : http://guikprod.developpez.com/tutor...olio/partie-2/
:fleche: Partie 3 : http://guikprod.developpez.com/tutor...olio/partie-3/
:fleche: Partie 4 : http://guikprod.developpez.com/tutor...olio/partie-4/
Merci de vos retours.
Bonne journée.
:fleche: Tous les meilleurs cours et tutoriels pour apprendre la programmation Web
Bonjour et bravo Guillaume,
Un grand merci pour cette première partie!
Salut, il y a une balise CODE en trop au début du code du paragraphe II-E. Mettre en place l'environnement.
;)
Merci du retour, pour la balise CODE, je vient de voir cela, je vais procéder à une nouvelle mise en ligne corrigée dans les jours qui viennent.
Bonjour,
La seconde partie du tutoriel relatif à la création d'un portfolio via Bootstrap a été publié : ici
Merci de vos retours.
Bonne journée.
Je découvre : super.
Par contre, soit j'ai mal vu, soit il manque un lien dans la page d'une partie vers l'autre (pour faire l'a/r).
Encore merci pour le tuto.
Bonjour,
Effectivement, petit oubli lors de l'envoi, j'ai rajouté un lien vers la partie I dans le synopsis.
Bonne journée et de rien ;)
Hello
Chouette tuto, l'occasion de reprendre les bases :-)
La suite est prévue pour quand ?
Petite question : pleins de blocs se terminent parC'est un bug ou bien c'est significatif ?Code:</div>[/
Merci
Salut et merçi
Je trouve ces 2 tutos sur le portfolio avec bootstrap
vraiment bien.
Ma question est : a tu prévu une troisiéme partie.
encore merci.
Bonjour,
Oui, une partie 3 est bien prévu, elle arrivera sous peu, pour être honnête, le tutoriel s'étale (à ce jour) sur 5 parties ;)
Merci de ton retour.
Merci, a toi pour ta reponse.
Trés bonne nouvelle pour ces 3 autres parties.
Je vais en attendant remplacer le Lorem Ipsum ;)
Bonjour à tous,
La partie III est enfin disponible ici
Au programme :
- Le Portfolio
- Less
Vous souhaitant une bonne journée.
merci beaucoup pour ce tutoriel
nous attondons avec impatience la partie 4 :)
Merci,
Pour ce 3 iéme opus :), super bien expliquer et réaliser.
Je les mis en ligne pour les essaie, j'ai toutefois un souci
pour la page du portfolio, le ruban pour l'aperçu dans safari
sur mon Iphone ne peut pas fonctionner.
Il y aurait t'il une solution a ton avis ?
Merci a trés vite. :)
Merci pour ce retour positif, peut-tu m'en dire plus sur ce soucis de ruban ?
Est-ce que le ruban s'affiche (important) ? Si oui, est-ce que le CSS s'exécute ? Si non, as-tu copier le code tel quel ou l'as tu modifier ?
Si non, est-ce que ton code CSS est bien trouvé par ton fichier HTML ?
Salut
Il ne s'affiche pas sur l'iphone.
Tout le reste du css fonctionne.
Cela fonctionne très bien en réduisant la fenêtre du navigateur (bureau biensur).
Oui j'ai retranscrit le code tel quel.
je te met l'url (si tu peu la tester sur un iphone)
http://bordesfred.free.fr/portfolio
:) A trés vite.
Effectivement, j'ai des soucis avec le ruban sur IPhone (merci aux outils Chrome ;)), actuellement je n'ai pas de solution précise et concrète à te proposer, il faudrait que je regarde du côté de LESS pour voir si je peux bidouiller un code rapide afin que cela fonctionne, ce qui m'amène à la question suivante, utilise-tu LESS ?
Salut
Merci d'avoir regarder se petit "soucie".
Oui LESS ou SASS je l'utilise un peu, disons que
je connaît le principe.
Mais je pensait pour le ruban
sur l'iPhone, le faites que l'on soit pas avec une souris
qui fait un hover au passage de la dites souris, il n'y a pas
de hover pour le toucher avec le doigt en faites.
Bref ! tu voit se que je veut dire ?
Merci et a Très vite ! :)
Hello,
En fait, on peut simuler le hover sur mobile mais cela demande de revoir le code CSS complet de la section et cela peut poser des soucis sur écran large par la suite, en fait, il faudrait voir si ton code peut s'adapter à ton problème, je m'explique :
- Le code actuel précise qu'à chaque hover de l'image, la bannière monte et affiche un bouton, il faudrait lui signifier qu'elle reste fixe (donc plus de position selon l'évènement) et qu'elle affiche le bouton en continue ou alors, il faudrait que la bannière s'affiche sous l'image, de manière à ce que tout reste cohérent.
En soi, ce n'est pas difficile si on se base sur les media queries, je peux te bricoler quelque chose si tu est partant mais cela modifiera ton code donc si tu l'a compiler sous LESS, tu devra le recompiler.
En espérant être clair ;)
Hello
Oui j'ai pensé et regarder après coup
aussi au media queries je voit que sa.
Je vais le faire se week-end
si tu peut de ton coter voir sa aussi
serait cool et on pourrait comparer ;)
Merci de ton aide qui ma bien guider
Puis bonne fin d'année
A très vite :)
Bonjour,
Un tuto bien fait et très bien expliqué. A quand la partie 4 s'il te plait?
Merci pour le job et courage.
Hello,
Merci des retours, je prend en compte chacun afin d'améliorer le tutoriel, pour la partie IV, j'ai pris du retard suite à des projets personnels et professionnels qui m'ont pris énormément de temps, elle est en cours de relecture et de finalisation, elle devrait débarquer sous peu.
En espérant avoir répondu à vos attentes.
Bonjour à tous,
Chose promise, chose due, la partie IV qui se faisaient attendre est enfin arrivée, au programme, PHP, Html, CSS et bien sur un peu de Bootstrap, vous pouvez la lire dés à présent à cette adresse : Partie IV
:fleche: Les meilleurs cours et tutoriels pour apprendre le XHTML
Bonjour Guillaume ! Déjà Big up à toi c'est énorme ce que tu fait !
Ensuite je souhaiterais savoir si tu travaille actuellement sur la Partie V de ton projet ?
Merci :)
Hello siralas,
Effectivement, je travaille sur la partie V en ce moment, elle devrait sortir d'ici fin-Juillet maximum, je prévois large car j'ai un agenda chargé en ce moment, mais je rassure ceux qui lisent le tutoriel dans sa version complète, vous attendrez moins longtemps que pour la partie IV.
Au programme :
- Javascript
- JQuery
- Mise en production
- Quelques surprises ...
Bonne journée.
Ahhh c'est cool :)
Ne t'inquiète pas c'est normal ^^
En tout cas merci de ta réponse rapide
Ouf mes yeux, 8O
J'avais lu comme topic Création d'un site Porno avec BootStrap ... :P
Bien à vous
Salut à tous, merci pour le tuto qui est très bien expliqué. Peux tu données des news sur l'avancement de la partie 5 stp.
Bye;)
Hello freestylish,
La partie V débarquera en 2017, j'ai pris du retard avec le boulot et j'ai mis de côté l'écriture de la partie V, elle est au chaud sur mon poste mais pas plus avancé que ça, je reprends l'écriture d'ici 2 semaines (quand le boulot se sera calmé) et vous tiens au jus de l'avancée :)
@zulad : Ah ben bravo :mouarf:
Merci de ta réponse et bonne continuation pour le boulot.
Salut !!
Je vient vers toi, pour savoir comment avance la partie 5 ^^
Merci bien :)
Hello siralas,
A ce jour, le tutoriel n'a pas avancer, j'ai eu une période chargée au boulot et des projets importants sont venus se téléscoper avec tout le reste.
J'ai prévu de m'y remettre d'ici fin-Février au plus tard, c'est en chantier mais j'essais de faire les choses proprement, vous serez tenus au courant de la reprise de l'écriture dés que ce sera le cas ;)
Excellente journée.
Merci beaucoup Guillaume pour ce tuto :D
J'avance dessus, je l'adapte aussi à ma façon et parfois un peu difficilement puisque je ne suis que débutant; j'ai eu un problème un moment par ce que depuis html boilerplate a un peu évolué, et l'animation javascript du portfolio ne fonctionnait pas du tout : en effet j'avais embarqué version 3.5.0 de modernizr. Au plus commode j'ai finalement retrouvé la version 2.8.3 utilisée dans ton code . Au moins ça marche, je ne sais pas si c'est tellement réglo :? . Mais comme je ne maitrise pas encore tout, j'aurais encore du mal pour adapter ce que tu as voulu faire. Sinon sur cette partie III j'ai repéré les id="myModalLabel" en double.
Pour la partie IV je connais l'architecture MVC mais d'après tes explications j'ai encore du mal à situer ou tu places le controleur du blog, la vue du blog ( tu leur donnes le même nom ? ) ... Serait-il possible d'avoir une petite arborescence pour savoir ou tu places tes fichiers au final ?
Bon courage pour le V, et pour tes autres projets !
JC "Chagouille"
Hello Chagouille (désolé du retard),
En effet, le template a évolué entre temps et des blocs entiers ont sautés, il faudrait que je fasse une repasse sur les points sensibles.
Pour l'arborescence, il faut que je reprenne le tout et fasse une mise à jour des cours, la partie V se remets doucement en marche.