Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Atelier] Créez votre galerie

Atelier CSS

    14 mai 2015 à 15:37:30

    Tu gagneras en maîtrise par la pratique. Personnellement, j'aime traîner sur un site comme deviantart, chercher des webdesigns et essayer de les reproduire grâce au CSS, c'est dans ce genre de situation que tu te retrouveras bloqué et ça te forcera à pousser tes connaissances. En tout cas, pour ma part c'est le plus efficace. En plus cela permet d’entraîner sa créativité :) !

    Après, tu peux toujours suivre des intégrateurs web comme Raphaël goetter, qui partage leurs connaissances et leurs expériences, quoi de mieux pour progresser. Sinon tu as des sites comme alsacréations qui ont des tutoriels assez intéressant. Voilà, je laisse quelqu'un d'autre compléter ma réponse.

    • Partager sur Facebook
    • Partager sur Twitter
      14 mai 2015 à 16:13:54

      Il y a "css" et "css".

      J'entends par là que tu as ceux qui maitrise le CSS pour faire parfaitement un site Web et tu as ceux qui ont développé le CSS comme un art !

      Si tu suis un peu la communauté sur Codepen, tu peux voir des créations invraisemblables rien qu'avec du CSS !
      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        14 mai 2015 à 16:29:28

        Bonjour.!

        ceux qui font du css un art je peut dire c'est inspirer de l’intérieur  on peut pas forcer mais on peut être bien compétant et performant en css.

        exemple le plus souvent chez moi mes design sont dark et je sais toujours pas pourquoi

        • Partager sur Facebook
        • Partager sur Twitter
          14 mai 2015 à 16:40:28

          Chacun à sa propre perception de l'art/design et heureusement que c'est pas un domaine unanime car se serait bien triste :'(
          • Partager sur Facebook
          • Partager sur Twitter
            14 mai 2015 à 16:47:05

            Samples X a écrit:

            ...

            exemple le plus souvent chez moi mes design sont dark et je sais toujours pas pourquoi


            Aurais-tu choisi le côté obscur de la force jeune Padawan ?;)

            Pour ne pas te laisser basculer, ni Quentin, du côté obscur, voici quelques rayons de lumière:

            https://developer.mozilla.org/fr/docs/Web/CSS

            http://css.developpez.com/faq/

            http://www.w3schools.com/css/default.asp

            http://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20010126.fr.html#selectors

            http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml

            • Partager sur Facebook
            • Partager sur Twitter
            "La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
              14 mai 2015 à 18:06:14

              Si tu as lu le tutoriel HTML/CSS, tu connais le nécessaire, ce qu'il te reste à faire, c'est pratiquer (avec toujours un onglet google ouvert).

              • Partager sur Facebook
              • Partager sur Twitter
              Copain
              Anonyme
                14 mai 2015 à 18:47:31

                Wake_Up a écrit:

                Si tu as lu le tutoriel HTML/CSS, tu connais le nécessaire, ce qu'il te reste à faire, c'est pratiquer (avec toujours un onglet google ouvert).

                Bah oui, mais le problème, c'est que OC souhaite se saborder et fait payer une partie de ses cours.

                philiga a écrit:

                Samples X a écrit:

                ...

                exemple le plus souvent chez moi mes design sont dark et je sais toujours pas pourquoi


                Aurais-tu choisi le côté obscur de la force jeune Padawan ?;)

                Pour ne pas te laisser basculer, ni Quentin, du côté obscur, voici quelques rayons de lumière:

                https://developer.mozilla.org/fr/docs/Web/CSS

                http://css.developpez.com/faq/

                http://www.w3schools.com/css/default.asp

                http://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20010126.fr.html#selectors

                http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml

                Merci, je vais voir ça Obiwan!

                Lud00 a écrit:

                Tu gagneras en maîtrise par la pratique. Personnellement, j'aime traîner sur un site comme deviantart, chercher des webdesigns et essayer de les reproduire grâce au CSS, c'est dans ce genre de situation que tu te retrouveras bloqué et ça te forcera à pousser tes connaissances. En tout cas, pour ma part c'est le plus efficace. En plus cela permet d’entraîner sa créativité :) !

                Après, tu peux toujours suivre des intégrateurs web comme Raphaël goetter, qui partage leurs connaissances et leurs expériences, quoi de mieux pour progresser. Sinon tu as des sites comme alsacréations qui ont des tutoriels assez intéressant. Voilà, je laisse quelqu'un d'autre compléter ma réponse.

                Bonne idée ;)





                • Partager sur Facebook
                • Partager sur Twitter
                  17 mai 2015 à 9:24:56

                  J-5 !
                  • Partager sur Facebook
                  • Partager sur Twitter
                  "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                    21 mai 2015 à 19:02:12

                    Il ne vous reste que 29h pour soumettre vos participations avant le vote :)
                    • Partager sur Facebook
                    • Partager sur Twitter
                    "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                      22 mai 2015 à 11:45:06

                      Coucou !

                      Je vous fait part de ma participation ! Je ne suis pas très doué en CSS, mais j'ai essayé de faire un petit truc sympas aha ! x)
                      Voici ma réalisation : ZGallery !

                      Merci Etoile Filante pour nous proposer des petits concours ! C'est vraiment sympas (Si tu pouvais en faire plus souvent *.* :p )

                      Akryum, juste parfait ! Tu m'as donné envie d'en apprendre d'avantage sur le CSS ! :)

                      • Partager sur Facebook
                      • Partager sur Twitter

                      Alexandre Jourdain - Développeur FullStack - Linkedin - AlexandreJ

                        22 mai 2015 à 12:16:27

                        @Alex40, je pense que tu améliorer ta galerie en abusant moins de tous les effets et en la rendant un poil plus sobre, il y'a des bonnes bases :)

                        • Partager sur Facebook
                        • Partager sur Twitter
                        The happiness is real only when shared
                          22 mai 2015 à 14:23:54

                          Merci Sonizef ! :)

                          J'ai retravaillé un peu dessus. Avec toutes les animations que propose le CSS3, il est dur de rester sobre aha ! Je pense que je vais m'arrêter la dessus !

                          ps: Je cherchais comment faire un effet en cliquant dessus, et le :active m’était complètement sortie de la tête (pour moi, :active => lien !). J'ai commencé à regarder le 3D du CSS et je préfère le maîtriser avant au lieu de copier-coller bêtement^^

                          • Partager sur Facebook
                          • Partager sur Twitter

                          Alexandre Jourdain - Développeur FullStack - Linkedin - AlexandreJ

                            22 mai 2015 à 14:59:16

                            C'est déjà plus sobre ^^En revanche sur ton bord droite tu fera attention il y'a un blanc
                            • Partager sur Facebook
                            • Partager sur Twitter
                            The happiness is real only when shared
                              22 mai 2015 à 15:54:02

                              En attendant les résultats je me demandais quand serais le prochain "défi" ?


                              J'espère pas dans 2 ans car c'était assez sympa à faire :)

                              • Partager sur Facebook
                              • Partager sur Twitter
                              Anonyme
                                22 mai 2015 à 17:10:08

                                Cocopop a écrit:

                                En attendant les résultats je me demandais quand serais le prochain "défi" ?


                                J'espère pas dans 2 ans car c'était assez sympa à faire :)

                                Du même avis.

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  22 mai 2015 à 18:46:31

                                  Bonsoir tout le monde,

                                  Alex40 ta participation a bien été ajoutée.

                                  Cocopop et Sample X, on va essayer de lancer d'autre ateliers rapidement, mais peut-être en lancer un dans un autre langage(Java ou Python probablement) histoire de varier pour le prochain, après quoi un autre atelier HTML/CSS sera bien entendu entreprit. Je voudrais aussi rappeler que n'importe qui peut créer des ateliers, si l'envie vous prend d'en créer un sur n'importe quel forum n'hésitez pas :).

                                  Pour les derniers, sachez qu'à minuit pile les inscriptions seront closes et les votes commenceront. Toute la pub que vous pouvez faire pour les votes sera appréciée, car ensuite en un message on pourra prévenir tout le monde de l'ouverture d'un autre atelier.

                                  De plus, les IP de chacun des votants vont être vérifiées pour ne pas avoir de petit malin qui se créer plein de comptes.

                                  Je vous souhaite une bonne soirée et vous donne rendez-vous dans 5h15 pour le début des votes ;) .

                                  -
                                  Edité par Etoile Filante 22 mai 2015 à 18:49:22

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                  "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                                    22 mai 2015 à 23:20:01

                                    Bonjour, Voici ma  participation: ZGallery

                                    Je me suis inspirer du "Material Design" pour réaliser la gallery, j’espère que c'est réussi :D A vous d'en juger

                                    C'est mon premier jeux concours et je trouve que c'est vraiment sympas, sa permet d'apprendre plein de chose ou de s'améliorer, moi par exemple sa ma permit de m'améliorer avec les :before et :after :)

                                    Cordialement EverPlays

                                    PS: Etoile Filante, pourrais tu remplacer mon lien par celui de ce message, celui ci est sur une full page, merci.

                                    -
                                    Edité par EverPlays 23 mai 2015 à 10:24:33

                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      23 mai 2015 à 0:10:22

                                      18 participations donc, qui sont toutes listées sur le premier poste.

                                      Pour rappel, vous avez une semaine, soit jusqu'au 29, minuit pile, pour voter pour vos deux participations préférées. Le décompte des votes sera mis à jour sur le premier poste, et des vérifications d'IP seront effectuées afin d'éviter des situations où quelqu'un créerai plusieurs comptes pour s'auto-upper. De plus, il n'est pas possible de voter pour sa propre participation.

                                      Avec ces rappels en tête, que les votes commencent :)

                                      -
                                      Edité par Etoile Filante 23 mai 2015 à 0:12:08

                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                      "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                                        23 mai 2015 à 1:29:08

                                        On peut déjà voter ? Si c'est le cas, mon premier vote ira pour Akryum et en second sonizef :)
                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                        Agrémenter votre site web grâce à nos templates gratuit sur IPBrowser.fr !
                                          23 mai 2015 à 9:29:10

                                          Bonjour,
                                          Mon vote:
                                          En 1, celui d'Akryum, très réussi à la fois visuellement et fonctionnellement avec sous le capot un côté high-tech: utilisation de perspective et de display:flex;
                                          (petite suggestion d'amélioration toutefois: un margin-top:-100px; sur .gallery économiserait de l'espace blanc perdu par la bascule en perspective entre le h1 et les images)
                                          Pour la 2ème place, hésitation: 
                                          • le diaporama de krisken est beau... mais c'est un diaporama, ce n'est plus une galerie où l'on voit l'ensemble et peut choisir l'élément à mettre en évidence.
                                          • Je vote donc en 2 plutôt pour celle de louistiti qui a un côté rétro sympathique avec son style "bande de diapositives ou de négatifs" (pour les anciens qui ont connus cela...!), même si je ne suis pas vraiment fan des couleurs choisies...
                                            PS: Vite fait, pour accentuer le côté "bande diapos" ou négatifs, ajouter sur l'ul:
                                            border-left: 50px dashed #555;
                                            border-right: 50px dashed #555;
                                            background-color: rgba(150,150,150,0.5);

                                             

                                          -
                                          Edité par philiga 23 mai 2015 à 9:39:14

                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                          "La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
                                            23 mai 2015 à 11:14:22

                                            Vos votes ont bien été ajoutés :)

                                            -
                                            Edité par Etoile Filante 23 mai 2015 à 13:47:03

                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                            "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                                              23 mai 2015 à 11:49:06

                                              Comme on ne peut pas voter pour tout le monde, je vote pour Akryum et Sample X

                                              Mais bravo à tout le monde. :D

                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                                23 mai 2015 à 12:27:03

                                                Akryum pour avoir utilisé la 3D CSS car aucun n'y avait pensé :D

                                                Et nightmat pour une galerie simple mais vraiment agréable à regarder :)

                                                En tout cas bravo à tous les participants (merci à l'organisateur) et j'espère que la prochaine fois on sera encore plus nombreux !

                                                PS : 1 vote pour moi = 1 arbre planté en Forêt Amazonienne :lol:

                                                -
                                                Edité par Cocopop 23 mai 2015 à 12:28:08

                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                Anonyme
                                                  24 mai 2015 à 12:51:51

                                                  Bonjour!

                                                  S'il n'est pas possible de voter plus de 02 participants, je vote pour moi même (c'est con mais j’essaye ) et pour Louistiti_ dans le cas contraire Louistiti_ et Akryum meme si le problème de marge du haut n'a toujours pas été résolut.

                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                    24 mai 2015 à 13:38:11

                                                    Impossible de voter pour soi-même comme je l'ai dis dans un message précédent, je comptabilise donc tes votes pour louistiti et Akry.

                                                    Cocopop a écrit:

                                                    PS : 1 vote pour moi = 1 arbre planté en Forêt Amazonienne :lol:

                                                    Excellent :)

                                                    -
                                                    Edité par Etoile Filante 24 mai 2015 à 13:42:23

                                                    • Partager sur Facebook
                                                    • Partager sur Twitter
                                                    "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                                                    Anonyme
                                                      24 mai 2015 à 21:19:22

                                                      bonsoir!

                                                      Etoile Filante comment puis je faire pour proposer un autre atelier ?

                                                      mais pas pour tout de suite..!

                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                        24 mai 2015 à 21:46:17

                                                        Samples X a écrit:

                                                        comment puis je faire pour proposer un autre atelier ?


                                                        Tout le monde peut créer un atelier du moment qu'il soit un minimum intéressant ! N'hésite pas à nous en parler si tu veux qu'on le mette en avant ou autre. ;)
                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                          24 mai 2015 à 22:12:06

                                                          Exact :)
                                                          • Partager sur Facebook
                                                          • Partager sur Twitter
                                                          "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                                                            25 mai 2015 à 10:21:58

                                                            Coucou ! :)

                                                            Je donne mes voix à Akry pour avoir était innovant ! :p et ma deuxième voix sera pour EverPLays pour avoir fait une galerie, le design reste simple et sans trop d'animation pour une navigation fluide ! :)

                                                            ps: Si j'ai le temps, j'essayerai de proposer un jeu concours aussi sympa que propose Etoile Filante ! :)

                                                            • Partager sur Facebook
                                                            • Partager sur Twitter

                                                            Alexandre Jourdain - Développeur FullStack - Linkedin - AlexandreJ

                                                              25 mai 2015 à 13:36:03

                                                              Bonjour !

                                                              Je vote pour Louistiti_ (super design rappelant des cadres épinglés sur un mur) et nightmat (j'aime la sobriété). :)

                                                              • Partager sur Facebook
                                                              • Partager sur Twitter

                                                              [Atelier] Créez votre galerie

                                                              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                                              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                                              • Editeur
                                                              • Markdown