Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Atelier] Créez votre galerie

Atelier CSS

Anonyme
    8 mai 2015 à 10:17:42

    Bonjour Etoile Filante

    quelles sont les critères d’évaluation je suis un peu confus

    c'est juste l'originalité et le vote ou bien il y autre chose

    • Partager sur Facebook
    • Partager sur Twitter
      8 mai 2015 à 10:42:39

      Hello Sample X,

      Les résultats viennent directement des votes, et chacun vote pour ses deux participations préférées.

      ------

      D'ailleurs Eskimon propose un atelier HTML5(sur ZdS) sur le thème de la réalisation d'un lecteur vidéo si vous avez envie de continuer à vous entraîner ;)

      -
      Edité par Etoile Filante 8 mai 2015 à 10:48:26

      • Partager sur Facebook
      • Partager sur Twitter
      "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
      Anonyme
        8 mai 2015 à 16:55:41

        merci Etoile Filante

        s'il y en a d'autres passe les mois je manque de pratique de préférence en html5 et css3 je maitrise pas encore le Js

        bon je vais mettre a jour  ma contribution du coté responsive

        -
        Edité par Anonyme 8 mai 2015 à 17:11:21

        • Partager sur Facebook
        • Partager sur Twitter
          9 mai 2015 à 20:36:53

          N'oublies pas de m'envoyer le lien quand c'est fait ;)
          • Partager sur Facebook
          • Partager sur Twitter
          "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
            10 mai 2015 à 8:16:16

            Etoile Filante a écrit:

            N'oublies pas de m'envoyer le lien quand c'est fait ;)

            Vue que j'ai enregistré ma création sur mon compte Codepen le lien ne change pas même si j'y apporte des modifications :)

            PS : Ma galerie est également responsive maintenant :p

            -
            Edité par Cocopop 10 mai 2015 à 8:16:54

            • Partager sur Facebook
            • Partager sur Twitter
            Anonyme
              10 mai 2015 à 16:48:02

              Bonjour!

              mois la mienne également en déjà responsive mais seulement pour les mobiles.

              je vais l’améliorer pour les écrans un peut plus grand d'ici peut

              • Partager sur Facebook
              • Partager sur Twitter
                11 mai 2015 à 12:12:30

                Très sympa m@rcus62... Je connaissais pas le filter(grayscale) !
                Je réutiliserai !
                • Partager sur Facebook
                • Partager sur Twitter
                  11 mai 2015 à 15:37:34

                  Bonjour !

                  Voici ma participation. J'ai testé la 3D CSS, ce que je n'avais pas vraiment fait jusque là.

                  Testé sur Firefox, Chrome et Safari 8. Ne fonctionne pas entièrement sur IE.

                  Bonne chance et merci pour l'atelier ! :)

                  -
                  Edité par Akryum 11 mai 2015 à 20:13:31

                  • Partager sur Facebook
                  • Partager sur Twitter
                    11 mai 2015 à 15:48:26

                    Bonjour !

                    Voici ma participation : zGallery

                    La galerie est sobre, et il faut maintenir le clic pour agrandir l'image, c'est pas optimisé, mais j'ai pas vraiment le temps ;)

                    Donc voilà je n'ai pas touché au HTML, et la galerie est responsive !

                    Par contre Akryum, ta galerie ne fonctionne pas sous Safari sur Mac :/

                    -
                    Edité par sonizef 11 mai 2015 à 15:49:35

                    • Partager sur Facebook
                    • Partager sur Twitter
                    The happiness is real only when shared
                      11 mai 2015 à 16:06:47

                      @sonizef : Je vais voir ce que je peux faire. N'ayant pas de safari sous la main, je ne m'étais pas rendu compte qu'il est vachement en retard au niveau des préfixes.

                      -
                      Edité par Akryum 11 mai 2015 à 16:06:55

                      • Partager sur Facebook
                      • Partager sur Twitter
                        11 mai 2015 à 16:21:35

                        En revanche pour l'avoir testé sous Chrome, en effet le résultat est très sympa

                        Par contre tu es sur que c'est une question prefixe ? parce que si je ne m'abuse en CSS les prefixe de Chrome et Safari sont identiques  ? (webkit)

                        -
                        Edité par sonizef 11 mai 2015 à 16:25:22

                        • Partager sur Facebook
                        • Partager sur Twitter
                        The happiness is real only when shared
                          11 mai 2015 à 16:56:06

                          Safari a encore beaucoup de préfixes et d'anciennes versions d'attributs CSS par rapport à Chrome.

                          @Neabfi : Merci ! :)

                          -
                          Edité par Akryum 11 mai 2015 à 17:04:39

                          • Partager sur Facebook
                          • Partager sur Twitter
                            11 mai 2015 à 18:08:10

                            Pour des soucis comme ça, une seule réponse http://caniuse.com/ ! ;)

                            (Et utiliser autoprefixer pour automatiser ça. )

                            • Partager sur Facebook
                            • Partager sur Twitter
                              11 mai 2015 à 18:37:06

                              Et de 15 alors :)

                              Bravo à tous, et continuer à faire tourner !

                              Il reste 11 jours pour soumettre vos participations.

                              Bonne chance ;)

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

                                On ne peut pas mettre d'ancre pour positionner les images?
                                • Partager sur Facebook
                                • Partager sur Twitter
                                Anonyme
                                  11 mai 2015 à 19:29:14

                                  Akryum a écrit:

                                  Bonjour !

                                  Voici ma participation. J'ai testé la 3D CSS, ce que je n'avais pas vraiment fait jusque là.

                                  Testé sur Firefox et Chrome.

                                  Bonne chance et merci pour l'atelier ! :)

                                  -
                                  Edité par Akryum il y a environ 3 heures

                                  Splendide, mais il y a du JS :/

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                    11 mai 2015 à 19:42:43

                                    Quentin Saison a écrit:

                                    Splendide, mais il y a du JS :/

                                    Où ça ? :o

                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      11 mai 2015 à 20:03:49

                                      J'ai vérifié les sources, aucun JS.

                                      Quentin Saison a écrit:

                                      On ne peut pas mettre d'ancre pour positionner les images?

                                      Aucune modification au code HTML autorisée ;)

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

                                        sonizef a écrit:

                                        Par contre Akryum, ta galerie ne fonctionne pas sous Safari sur Mac :/


                                        Normalement, ça devrait être bon pour Safari 8. IE 11, à mon avis c'est peine perdue... :p
                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          11 mai 2015 à 20:14:12

                                          C'est le JS de Codepen, je pense que Quentin a vu.

                                          T'es un petit malin Quentin, mais là tu t'es fait piéger ! ;)

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

                                            philiga a écrit:

                                            C'est le JS de Codepen, je pense que Quentin a vu.

                                            T'es un petit malin Quentin, mais là tu t'es fait piéger ! ;)

                                            Akryum a écrit:

                                            Quentin Saison a écrit:

                                            Splendide, mais il y a du JS :/

                                            Où ça ? :o


                                            Je baisse la tête ;)

                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                            Anonyme
                                              11 mai 2015 à 21:21:40

                                              Bonsoir

                                              Akryum j'aime bien ta création +1

                                              en revanche le décalage du haut est un peu grand surtout lorsque je passe  sur petites résolution.

                                              pense à ramener ça un peu plus haut. on est tous fous des filtres surtout du grayscale ou quoi?

                                              -
                                              Edité par Anonyme 12 mai 2015 à 8:50:05

                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                                12 mai 2015 à 9:09:46

                                                @Akryum, je viens d'essayer sur mon mac (+safari) est le résultat est déjà mieux, l'image qui se met en grand est caché par les autres, et passe devant qu'une seconde après.
                                                Mais ça reste du beau boulot!
                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                The happiness is real only when shared
                                                  12 mai 2015 à 12:10:48

                                                  Malgré que le CSS soit un langage vraiment merdique (structurellement parlant) il faut reconnaitre qu'il est devenu vraiment puissant !

                                                  Je me rappel des débuts avec le CSS1 c'était vraiment pas folichon mais toujours mieux que la stylisation d'un site en tableau :D
                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                    12 mai 2015 à 13:30:18

                                                    sonizef a écrit:

                                                    l'image qui se met en grand est caché par les autres, et passe devant qu'une seconde après.


                                                    Je ne sais pas si je vais pouvoir y faire grand chose... :/

                                                    EDIT : J'ai amélioré la superposition des images, est-ce que c'est mieux ?

                                                    -
                                                    Edité par Akryum 12 mai 2015 à 13:40:55

                                                    • Partager sur Facebook
                                                    • Partager sur Twitter
                                                      12 mai 2015 à 14:20:40

                                                      Akryum a écrit:

                                                      sonizef a écrit:

                                                      l'image qui se met en grand est caché par les autres, et passe devant qu'une seconde après.


                                                      Je ne sais pas si je vais pouvoir y faire grand chose... :/

                                                      EDIT : J'ai amélioré la superposition des images, est-ce que c'est mieux ?

                                                      -
                                                      Edité par Akryum il y a 26 minutes


                                                      Malheureusement c'est pareil :/
                                                      Mais tu me donnes envie de me lancer dans le 3D CSS, tu as suivis des tutos en particulier?
                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                      The happiness is real only when shared
                                                        12 mai 2015 à 14:38:21

                                                        En dehors de la documentation sur les attributs en question (perspective, transform: rotation et translation), non aucun tuto.
                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                          14 mai 2015 à 14:09:04

                                                          Plus que 8 jours pour soumettre vos créations :)
                                                          • Partager sur Facebook
                                                          • Partager sur Twitter
                                                          "Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
                                                          Anonyme
                                                            14 mai 2015 à 14:49:48

                                                            Désolé de vous demander ça car c'est un peu hors-sujet, mais toutes ces galeries m'ont faites prendre conscience que je maitrisais fort peu le CSS, alors que j'ai fini le cours. Vous auriez des cours gratuits à me proposer sur les propriétés avancés du CSS?
                                                            • 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