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 NiCl3s 8 mars 2014 à 11:37:17

    • Partager sur Facebook
    • Partager sur Twitter
    I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
      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
            I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
              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 à 12:03:44

                Et une MAJ de plus ! Merci encore à tous !
                • Partager sur Facebook
                • Partager sur Twitter
                I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
                  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
                    I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
                      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
                          I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
                            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 NiCl3s 10 janvier 2014 à 17:11:26

                              • Partager sur Facebook
                              • Partager sur Twitter
                              I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
                                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
                                  I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
                                    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 / Nouveau projet -->Expedition wars/  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
                                          I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
                                            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
                                                  I Know HTML (How To Meet Ladies) -  >Voir mes CodePen< - >>MON SITE PERSO<<
                                                    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