Partage
  • Partager sur Facebook
  • Partager sur Twitter

[ WebDesigner ] Les ressources Indispensables

    9 décembre 2013 à 1:20:01

    Bonjour, je vois souvent des personnes demander "Comment je peux faire un beau Webdesign", "Ou trouver l'inspiration", etc...

    En réponse à ces questions, j'ouvre ce sujet pour partager ensembles toutes nos ressources sur lesquels on va, chaque jours voir les nouveautés, voir ce que va être le webdesign de demain, s'inspirer, etc.

    Pour commencer le sujet, je vais faire une liste de mes ressources, et je la compléterais avec vos messages ! 

    WEBDESIGN :

    -http://www.blogduwebdesign.com/

    -http://www.lafermeduweb.net/

    -http://designshack.net/

    -http://www.webdesignertrends.com/

    -http://designspartan.com/

    -http://www.dribbble.com 

    -http://webdesign.tutsplus.com/

    -http://www.behance.net/

    -http://www.deviantart.com/

    -https://cacoo.com/lang/fr/

    RESSOURCES HTML/CSS/JS :

    -http://codepen.io/

    -http://www.grafikart.fr/

    -http://tympanus.net/codrops/

    -http://www.impressivewebs.com/

    -http://www.css3create.com/

    IDE :

    -https://codio.com/

    -http://brackets.io/ 

    -https://fr.netbeans.org/

    -http://www.sublimetext.com/

    GENERATEURS DE CODE :

    -http://css3generator.com/

    -https://www.easel.io/    >> Editeur en ligne pour Webdesigner

    -http://cssmenumaker.com/

    -http://css-tricks.com/examples/ButtonMaker/

    LES TYPOS :

    -http://www.bestwebfonts.com/

    -http://www.dafont.com/fr/

    -http://fontstruct.com/

    -http://www.google.com/fonts

    -http://www.fontsquirrel.com/

    LES COULEURS : 

    -http://flatuicolors.com/

    -https://kuler.adobe.com/explore/newest/

    -http://www.colorhexa.com/

    -http://hexcolortool.com/

    -http://colorschemedesigner.com/

    RESSOURCES ICÔNES / IMAGES :

    -http://www.designkindle.com/

    -https://www.iconfinder.com/

    -http://iconmonstr.com/

    -http://designmodo.com/

    -http://www.deviantart.com/

    -http://icomoon.io/

    RESSOURCES GÉNÉRALES SUR LE WEBDESIGN :

    -http://www.lafermeduweb.net/

    -http://www.smashingmagazine.com/

    -http://www.creativebloq.com/net-magazine

    -http://www.choblab.com/

    http://psd.tutsplus.com/

    http://net.tutsplus.com/

    -http://dribbble.com/

    -http://themeforest.net/

    -http://www.templatemonster.com/fr/search/ 

    MAJ - le 08/03/2014 à 11:37.

    -
    Edité par Nikow_L 8 mars 2014 à 11:37:17

    • Partager sur Facebook
    • Partager sur Twitter
      9 décembre 2013 à 15:17:22

      Je conseille dribbble.com pour le webdesign (ou autre), y'a vraiment des trucs sympas !

      Et pour les icônes je connais une extension Chrome qui est vraiment excellente, il y a un nombre impressionnant d’icônes téléchargeables gratuitement pour une grande majorité (attention, il ne sont pas tous libres de droits).
      https://chrome.google.com/webstore/detail/icomoon/kppingdhhalimbaehfmhldppemnmlcjd?utm_source=chrome-ntp-icon 

      • Partager sur Facebook
      • Partager sur Twitter
        9 décembre 2013 à 17:29:15

        Bonne idée de topic, j'ajouterais quelques sites:

        [Webdesign]

        http://designspartan.com/

        - http://www.dribbble.com 

        http://webdesign.tutsplus.com/

        [Icônes]

        http://iconmonstr.com/

        [Ressources générales]

        Tout l'organisme Envato avec:

        http://psd.tutsplus.com/

        http://net.tutsplus.com/

        - ...

        Voilà ma maigre contribution

        -
        Edité par JekyIl 9 décembre 2013 à 17:30:22

        • Partager sur Facebook
        • Partager sur Twitter
        Rdv sur: http://www.youco.fr , tout sur Youtube !
          9 décembre 2013 à 18:48:08

          Topic intéressant !

          Merci bien d'avoir prit le temps de regrouper tous ces sites.

          • Partager sur Facebook
          • Partager sur Twitter
          /!\ Indisponible pour des demandes de projets /!\
            9 décembre 2013 à 22:36:02

            Merci tout le monde ! Je suis bien content de voir qu'il y a des intéressés ! 

            Mise à jour de faite ! 

            • Partager sur Facebook
            • Partager sur Twitter
              10 décembre 2013 à 9:10:56

              Ouahou ! Merci pour l'immense liste :3

              Je propose aussi Codio qui est un "IDE" Web-based pour développer un site internet : https://codio.com/

              Niveau des polices, il y a aussi Google Web fonts : http://www.google.com/fonts#

              En webdesign, je propose Designmodo qui offre des UI Kit, Flat UI, ... : http://designmodo.com/

              Pour finir, ceux qui veulent un "thème" pour le framework CSS bootstrap, je propose bootswatch : http://bootswatch.com/

              J'espère que ce que j'ai proposer pourra aider quelques uns ;)

              • Partager sur Facebook
              • Partager sur Twitter
                10 décembre 2013 à 14:58:09

                Au passage je recommande Brackets qui est un très bon éditeur (mon préféré surtout ^^)
                • Partager sur Facebook
                • Partager sur Twitter
                  10 décembre 2013 à 22:23:44

                  Pour l'avoir essayé, Brackets est vraiment simpa, très simple d'utilisation et dispose de fonction pratique !
                  • Partager sur Facebook
                  • Partager sur Twitter
                    11 décembre 2013 à 14:07:25

                    Oui Brackets est un très bon editeur le design est très épuré ce qui permet de ne s'y retrouver dans notre Code.

                    -
                    Edité par TheBoB 11 décembre 2013 à 14:07:54

                    • Partager sur Facebook
                    • Partager sur Twitter
                      12 décembre 2013 à 10:48:31

                      Tu oublies deviantArt, qui est quand même une énorme communauté graphique et qui dispose d'une énorme base de données d'inspiration graphique ^^
                      • Partager sur Facebook
                      • Partager sur Twitter
                        14 décembre 2013 à 15:32:25

                        Petite mise à jour de faite ! Merci encore à tous, et n'hésitez pas à proposer vos sites !
                        • Partager sur Facebook
                        • Partager sur Twitter
                          28 décembre 2013 à 20:34:51

                          generateur de bouton 

                          http://css-tricks.com/examples/ButtonMaker/#

                          generateur de degrader

                          http://www.colorzilla.com/gradient-editor/

                          generateur de border radius

                          http://border-radius.com/

                          generateur de menue 

                          http://cssmenumaker.com/

                          -
                          Edité par davidkjimdo 30 décembre 2013 à 13:18:36

                          • Partager sur Facebook
                          • Partager sur Twitter
                            10 janvier 2014 à 16:37:11

                            Mise à jour de faite ! 

                            Découvrez Easel ( éditeur en ligne pour WebDesigner ) et venez donner votre avis ici !! 

                            -
                            Edité par Nikow_L 10 janvier 2014 à 17:11:26

                            • Partager sur Facebook
                            • Partager sur Twitter
                              10 janvier 2014 à 16:40:33

                              NiCl3s a écrit:

                              Mise à jour de faite ! 

                              Découvrez Easel ( éditeur en ligne pour WebDesigner ) et venez donner votre avis ici !! 


                              dead link
                              • Partager sur Facebook
                              • Partager sur Twitter
                              /!\ Indisponible pour des demandes de projets /!\
                                10 janvier 2014 à 17:11:45

                                MTProd a écrit:

                                NiCl3s a écrit:

                                Mise à jour de faite ! 

                                Découvrez Easel ( éditeur en ligne pour WebDesigner ) et venez donner votre avis ici !! 


                                dead link


                                C'est corrigé, merci ^^ !
                                • Partager sur Facebook
                                • Partager sur Twitter
                                  10 janvier 2014 à 18:30:06

                                  Bonne idée, tu peux aussi rajouter themeforest pour l'inspiration, icomoon, colorschemedesigner, cacoo pour prototyper, fontsquirrel typo + font-face.

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                    11 janvier 2014 à 15:37:33

                                    Ce qui manque à mon sens pour les débutants c'est une banque d'images à travailler. Pour les plus érudits on stocke un peu d'images sur son DD et pour les très aguérris (ou vétérans) on a des DD entier de plus de 2 To de banque de données.

                                    Mais je trouve que ça manque sur le net. Perso ça me ferait économiser de la place sur mon DD qui est presque plein d'image libres d'utilisation.

                                    Ces images sont si rares ou payantes de nos jour, mais bon je n'ai pas à loisir de créer un site avec un serveur ou on pourrait stocker autant d'images surtout avec des tailles respectables à travailler.

                                    En tout cas bonne idée ;)

                                    • Partager sur Facebook
                                    • Partager sur Twitter

                                    Mon portfolio /  Le CSS ça peut craindre -->Conférence CSS3.CREATE

                                    Anonyme
                                      26 janvier 2014 à 18:06:47

                                      Super initiative cette liste !
                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        27 janvier 2014 à 17:05:28

                                        goodmood a écrit:

                                        Bonne idée, tu peux aussi rajouter themeforest pour l'inspiration, icomoon, colorschemedesigner, cacoo pour prototyper, fontsquirrel typo + font-face.


                                        C'est ajouté ! Merci à toi !

                                        stefde3 a écrit:

                                        Ce qui manque à mon sens pour les débutants c'est une banque d'images à travailler. Pour les plus érudits on stocke un peu d'images sur son DD et pour les très aguérris (ou vétérans) on a des DD entier de plus de 2 To de banque de données.

                                        Mais je trouve que ça manque sur le net. Perso ça me ferait économiser de la place sur mon DD qui est presque plein d'image libres d'utilisation.

                                        Ces images sont si rares ou payantes de nos jour, mais bon je n'ai pas à loisir de créer un site avec un serveur ou on pourrait stocker autant d'images surtout avec des tailles respectables à travailler.

                                        En tout cas bonne idée ;)

                                        C'est sur ! Et comme tu dis, c'est trop rare et c'est bien dommage..

                                        Jorn_le_noir a écrit:

                                        Super initiative cette liste !


                                        Merci beaucoup !
                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          3 février 2014 à 12:16:31

                                          Un catalogue bien utile, merci beaucoup ! ;)
                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                          C'est en codant qu'on devient forgeron.
                                            3 février 2014 à 12:28:14

                                            Les images sont pas dingues mais voila une conséquente banque d'images libres de droit :

                                            http://www.sxc.hu/

                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                              7 mars 2014 à 23:22:33

                                              Bonsoir.

                                              Pour les références il y a www.templatemonster.com de très complet et dans l'ensemble de bien meilleure facture que themeforest par exemple.

                                              Etonnant aussi que www.css3create.com ne figure pas déjà dans la liste, bien que le site ne soit pas une banque à ressources, c'est toujours pratique pour quelques rappels en CSS. ;)

                                              -
                                              Edité par Midamaru 7 mars 2014 à 23:27:22

                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                                8 mars 2014 à 11:34:54

                                                Midamaru a écrit:

                                                Bonsoir.

                                                Pour les références il y a www.templatemonster.com de très complet et dans l'ensemble de bien meilleure facture que themeforest par exemple.

                                                Etonnant aussi que www.css3create.com ne figure pas déjà dans la liste, bien que le site ne soit pas une banque à ressources, c'est toujours pratique pour quelques rappels en CSS. ;)

                                                -
                                                Edité par Midamaru il y a environ 12 heures

                                                Je vais rajouter templatemonster, merci !!

                                                Je n'ai pas encore mis css3create tout simplement parce que je ne vais jamais dessus et que tu es le premier à en avoir parlé ! Merci bien en tout cas !!

                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  8 mars 2014 à 23:05:57

                                                  Je me permets, même si on ne peut pas appeler ça des ressources, de vous présenter un artiste qui a du mérite à faire ce qu'il fait.

                                                  La maîtrise des lumières et des volumes est d'un talent fou ! Attention, profitez bien de ce moment car ne n'est pas souvent que vous verrez de si belles réalisations dans le domaine du webdesign : andasolo.deviantart.com
                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                    28 août 2014 à 15:08:11

                                                    Salut à tous, voici ma maigre contribution :

                                                    Pour le choix des couleurs (dans le style flat design) :

                                                      Flatuicolorpicker

                                                    Un petit logiciel portable qui permet de chopper le code couleur de ce qui est affiché sur l'écran (très pratique pour chopper rapidement la couleur principale de tel site)

                                                    Pixie

                                                    Une gallerie de design en flat design

                                                    Flat Ui Deisgn

                                                    Voilà pour ma petite contribution. Perso, j'utilise l’éditeur sublime text 3, illustrator pour les icones, logo et tout le côté vectoriel, et photoshop pour toute la maquette du design. Je prend de l'inspiration dans la rue (métro, publicités...) mais aussi sur des sites, des magasines etc...

                                                    • Partager sur Facebook
                                                    • Partager sur Twitter
                                                    Musicien & graphiste amateur !
                                                      4 décembre 2014 à 22:16:39

                                                      Bonjour à tous,

                                                      Après le blog du webdesign j'ai lancé aussi :

                                                      Template.pro/listes/, des listes de ressources utiles pour les webdesigners.

                                                      Ressource.pro, conseils et astuces pour les freelances.

                                                      Bonne journée ;)

                                                      Fabien

                                                      -
                                                      Edité par Thoux 4 décembre 2014 à 22:17:22

                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                        20 décembre 2014 à 11:55:18

                                                        Merci pour ces nouveaux liens, je regarde ça =)
                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                        Musicien & graphiste amateur !

                                                        [ WebDesigner ] Les ressources Indispensables

                                                        × 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