background preloader

10 outils pour créer visuels blog PRO gratuitement

10 outils pour créer visuels blog PRO gratuitement

Reshot 8 Sites pour trouver des pictogrammes gratuits ! Plus besoin de chercher, on a trouvé 8 sites de pictogrammes gratuits ! Il y a quelques semaines, on vous avez donné nos 8 meilleurs sites pour trouver des images gratuites et libres de droit. Cette semaine, on vous propose une sélection de 8 sites de pictogrammes gratuits. The noun project The Noun Project est l’un des sites les plus complets. Smashing Magazine Le site est en anglais, et il apparaît plus comme un forum qu’une base de données. Iconsdb Les gros points forts, c’est que le site permet de personnaliser la couleur de son pictogramme et qu’ils sont très modernes. Icones.Pro L’un des plus grands sites de pictogrammes gratuits. Iconfinder Iconfinder est aussi une grosse référence. Moufle Ce site propose des pictogrammes plutôt destinés aux enfants. Clker Clker est un site spécialisé dans les pictogrammes vectoriels. Iconarchive Iconarchive permet propose des pictogrammes par pack, ce qui permet d’avoir le plus de choix mais aussi de gagner du temps.

Définition des propriétés CSS commençant par P | ZONE CSS Propriété CSS padding La propriété CSS padding est un raccourci qui permet modifier les espaces qui séparent le contenu d'un élément de ses bordures.position des espaces intérieurs" Exemple d'écriture CSS de padding padding : 5px; padding : 15px 16px; padding : 15px 16px 4px; padding : 1px 2px 3px 4px;La propri&eacut... Propriété CSS padding-bottom padding-bottom permet de modifier l'espace entre le contenu d'un élément et sa bordure basse. Propriété CSS padding-left padding-left permet de modifier l'espace entre le contenu d'un élément et sa bordure gauche. Propriété CSS padding-right padding-right permet de modifier l'espace entre le contenu d'un élément et sa bordure droite. Propriété CSS padding-top padding-top permet de modifier l'espace entre le contenu d'un élément et sa bordure haute. Propriété CSS page-break-after page-break-after permet de gérer le changement de page de l'élément suivant. Propriété CSS page-break-before page-break-before Propriété CSS page-break-inside page-break-inside

iLoveIMG | The fastest free web app for easy image modification. Besoin de faire des captures écran et de les partager ? Pas de problème avec Gyazo ! La touche « Impr écran » de votre clavier va se prendre un sacré coup de vieux. Il paraît qu’une image vaut souvent mieux que mille discours. Je ne sais pas si c’est vrai, mais nous sommes tout de même des millions à travers le monde à faire des captures écran pour illustrer nos articles ou nos dossiers. C’est peut-être votre cas et cela tombe assez bien car Gyazo devrait vous faire gagner pas mal de temps au quotidien. A la base, cet outil propose la même chose que toutes les solutions concurrentes et il va donc vous permettre de capturer facilement n’importe quel élément présent à l’écran. Un outil gratuit et complet, disponible à la fois sur Windows, OS X et Linux Jusque là, rien de transcendant, mais Gyazo a tout de même quelques atouts dans sa manche. Premier point et pas des moindres, le logiciel est complètement gratuit pour sa version de base et il est disponible sur les trois principales plateformes du marché. L’outil affichera ensuite la capture dans votre navigateur. (Source)

Pack Amorçage - WeRaiseStartup - Accélérateur de levée de fonds Attribution — Vous devez créditer l'Œuvre, intégrer un lien vers la licence et indiquer si des modifications ont été effectuées à l'Oeuvre. Vous devez indiquer ces informations par tous les moyens raisonnables, sans toutefois suggérer que l'Offrant vous soutient ou soutient la façon dont vous avez utilisé son Oeuvre.Pas d’Utilisation Commerciale — Vous n'êtes pas autorisé à faire un usage commercial de cette Oeuvre, tout ou partie du matériel la composant.Partage dans les Mêmes Conditions — Dans le cas où vous effectuez un remix, que vous transformez, ou créez à partir du matériel composant l'Oeuvre originale, vous devez diffuser l'Oeuvre modifiée dans les même conditions, c'est à dire avec la même licence avec laquelle l'Oeuvre originale a été diffusée. Pas de restrictions complémentaires — Vous n'êtes pas autorisé à appliquer des conditions légales ou des mesures techniques qui restreindraient légalement autrui à utiliser l'Oeuvre dans les conditions décrites par la licence.

The top 50 apps for creative minds There’s an ongoing argument in the technology world about whether tablets and smartphones are more focused on consumption than creativity. As time has gone on, though, the number of apps helping us do more than passively read, watch and listen has grown. Many also fall into a longer heritage of technology that democratises activities like film-making, photography and music-making. Video and photography apps now contain editing features based on those used in professional software, but made accessible enough for anyone to use in a couple of taps, and music-making apps are reducing the barrier to making listenable sounds. Creativity means different things to different people. Other apps, such as Vine, cater to different levels of skill. So, you’re not David Bailey just because Instagram helped you share a nice photo of your cat, and you’re not Aphex Twin because a music app helped you make a nice beat. Music FigureiOS; 79pIf techno bloops and beats are your thing, Figure is brilliant. Art

Pourquoi Google n'indexe pas votre site ? Avant de suivre les performances de votre site et son positionnement sur les moteurs de recherche, il est très important de vous assurer que celui-ci est tout d’abord bien lu par le robot de Google et qu’il est donc bien indexé. Cela est obligatoire pour espérer apparaître dans les résultats de recherche et donc générer des visites. Noel Patel, co-fondateur de KISSmetrics, a publié récemment sur le site de Search Engine Journal, 13 raisons qui pourraient être à l’origine d’une mauvaise indexation (voir d’une non-indexation) de votre site par Google. L’indexation est la porte d’entrée de votre site aux moteurs de recherche et c’est pourquoi nous vous proposons une traduction et un complément d’explications sur ces différents points. 1.1/ Google ne trouve pas votre site tout neuf Si vous avez publié votre site aujourd’hui ou il y a quelques jours et qu’il n’apparait pas encore sur les moteurs de recherche, cela est tout à fait normal. 1.2/ Un fichier htaccess bloque le site Conclusion

Un outil gratuit pour créer une signature mail facilement : MySignature - Blog du Modérateur MySignature est un outil gratuit qui facilite la création d’une signature mail. Compatible avec la plupart des services d’email comme Gmail, Outlook et Apple Mail, il est simple d’utilisation et permet de concevoir une signature personnalisée. Saisir ses coordonnées et choisir une image Pour commencer, indiquez vos coordonnées : nom, prénom, entreprise, rôle dans l’entreprise, service, téléphone, mobile, site, Skype, email et adresse postale. Lier sa signature mail à ses comptes sur les réseaux sociaux L’outil permet d’ajouter des liens vers ses comptes sur les réseaux sociaux : Facebook, LinkedIn, Twitter, Instagram, YouTube, Google+, Pinterest, Tumblr, Github, Gitlab, Stackoverflow, Behance, Vimeo, VKontakte, Odnolassniki (le Copains d’Avant russe), Product Hunt et AngelList sont supportés. Choisir un template et peaufiner le design de sa signature Plusieurs templates sont proposés : ils vous permettent de concevoir une signature mail personnalisée, à votre image.

Ecrire avec le Web. Faire des infographies avec Easel.ly - Atelier Canopé de l'Essonne L’affiche, le poster a souvent été un outil utilisé dans la pédagogie de projet comme production de l’élève. Le développement des infographies numériques statiques ou animées notamment dans le monde des médias a permis de donner une vie numérique aux anciens posters. Outil de synthèse et support, l’infographie permet de pouvoir construire une forme de document attractive, simple, claire et visuelle sans se défausser du fond. Jusque là réservés aux professionnels de l’infographie et du graphisme numérique, les outils restaient peu abordables. Le développement des outils Web a permis l’apparition de nouvelles applications en ligne. Le lien suivant propose une liste d’outils en ligne permettant de réaliser des infographies en présentant leurs intérêts respectifs : Vous pourrez donc si vous disposez d’un peu de temps testez ces outils et opter pour celui qui convient le mieux à vos besoins. easel.ly, kezaco ? Avertissement Faire une fiche

8 outils pour créer votre présentation en ligne - WebDesignWebWebDesignWeb Créer une animation a souvent été considéré comme un des aspects les plus complexes en termes de webdesign. Il s’agit d’une activité chronophage qui requiert un logiciel puissant, une expertise technologique et un processeur rapide. Cependant, ces dernières années, l’émergence d’outils de présentation et d’animation en ligne a simplifié ce lourd procédé. La plupart des applications web énoncées ci-dessous sont très simples à manipuler et offrent la possibilité de créer des animations sur-mesure en un rien de temps. EWC Presenter Plus qu’un simple outil de présentation et d’animation, EWC Presenter est une application complète permettant la création de tous types de contenus interactifs (infographies, bannières publicitaires, CV en ligne, présentation etc.). Make Web Video Make Web Video fait exactement comme son nom l’indique. Vcasmo Vcasmo vous permet de créer des présentations époustouflantes en combinant des images HD, des clips audio et des vidéos. GoAnimate PowTown Mixeek Prezi Creaza

Appli – Bibliothèques et numérique Médiathèque de Saint-Nazaire Dans cette action, le numérique est complémentaire du contenu habituel de la découverte d’un auteur (ici Elsa Valentin) et de son univers dans une médiathèque (rencontre, jeux, lectures…) Il est utilisé pour initier les enfants, les enseignants ou les parents accompagnateurs à des contenus numériques sélectionnés pour leur qualité et qu’il n’est pas si facile de trouver au hasard dans les boutiques virtuelles d’applis. Séance 2 : A la Médiathèque, atelier autour de l’univers d’Elsa Valentin Moyens humains : au moins 2 accompagnateurs, la bibliothécaire, l’institutrice Ø Restitution possible du travail réalisé en classe Ø Ateliers : chacun doit être encadré par un adulte. Atelier 1- Salade de comptines Les enfants sont invités à réaliser un collage à partir des comptines présentes dans les albums d’Elsa Valentin et de créer ainsi leur propre comptine « farfelue ». Le prolongement possible en classe serait d’illustrer cette comptine. Atelier 4- Mémory

sans titre Afin d'apporter un cadre à l'équipe et parce que créer nos propres UI Kit n'est pas à l'ordre du jour, nous avons pris le partie d'utiliser Bootstrap 3 non sans chagrin. L'idée finale derrière cette utilisation est de pouvoir créer facilement des composants et de pouvoir les déplacer n'importe ou dans un layout ou dans un composant lui-même. Après avoir défendu l'idée que je n'avais pas besoin d'un quelconque Framework pour réaliser cela, je me suis atteler à Bootstrap. Les remarques n'ont pas tardées à tomber sur la manière d'intégrer tout cela : « Ça ne sert à rien de mettre un “.col-xs-12” ici, ça revient au même de ne rien mettre »,« Pourquoi il n'y a pas un seul “.container” pour gérer toute la page comme dans la source de cette page »,« Il ne faut pas mettre les “.container” dans les composants mais à l'extérieur sinon en mettant les composants dans des petites colonnes on va dépasser la largeur de la grille. Repérer des équivalences On s'aperçoit alors très vite que : <! Problème <! <! <!

Related: