background preloader

Outils pratiques

Facebook Twitter

16 sites pour trouver des illustrations vectorielles gratuites - Pour tout designer / webmaster / auto entrepreneur web qui se respecte, le problème des images pour créer un site est récurrent. Il existe une multitude de sites pour trouver des photos stock, mais beaucoup sont malheureusement payants. Il existe heureusement quelques alternatives, qui feront l'objet d'un billet ultérieur Pour ce qui est des illustrations vectorielles, ou vector files, le problème devient un peu plus épineux. Ces ressources valent généralement cher, et sont peu nombreuses.

C'est pourquoi,j'ai décidé de vous proposer une petite liste, non exhaustive bien sûr, de sites proposant gratuitement des vecto, pour bien monter vos prochains sites webs Faites chauffer les bookmarks ! J'espère que vous trouverez votre bonheur dans cette liste. #WDFR — Imprimez votre grille pour dessiner vos croquis. On Scroll Header Effects with CSS Transitions. At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country. But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends keeping pointers naturally tries to get as good dogs as he can, and afterwards breeds from his own best dogs, but he has no wish or expectation of permanently altering the breed.

Nevertheless we may infer that this process, continued during centuries, would improve and modify any breed, in the same way as Bakewell, Collins, etc., by this very same process, only carried on more methodically, did greatly modify, even during their lifetimes, the forms and qualities of their cattle. Scroll down. ScrollMagic - Demo. Blueprint: On Scroll Effect Layout. ScrollMe - For simple scrolling effects. A Collection of Page Transitions. Stripe Pattern Generator Tool. Créer des infographies en ligne : outils et bonnes pratiques. La visualisation des données offre aux professionnels une manière innovante de communiquer des informations. Éditeurs web et journalistes, services de communication d'entreprise, spécialistes du marketing -et plus généralement les professionnels amenés à faire des présentations publiques- recourent aux infographies pour mettre en valeur l'information, la vulgariser et la contextualiser.

Si la création d'infographie est avant tout un métier, elle est aujourd'hui également accessible aux non-initiés. De nombreux outils en ligne gratuits sont en effet disponibles aujourd'hui pour leur permettre de créer des infographies d'allure professionnelle. Voici un rappel de quelques bonnes pratiques avant de se lancer, et une sélection d'outils simples d'utilisation. Bonnes pratiques Cerner l'objectif d'une infographie : traduire simplement des données complexes, pour comparer ou mettre en valeur des informations, dégager une tendance/évolution, dresser un bilan, etc. Et ce, en une seule image. Maxsteenbergen. Canvas Pad. Rectangles (simple shapes) HTML Canvas 2D Context specification: Section 8 Simple shapes (rectangles) context.clearRect(x, y, w, h) Clears all pixels on the canvas in the given rectangle to transparent black. context.fillRect(x, y, w, h) Paints the given rectangle onto the canvas, using the current fill style. context.strokeRect(x, y, w, h)) Paints the box that outlines the given rectangle onto the canvas, using the current stroke style. // Draw black rect ctx.fillRect(50, 20, 145, 145); // Draw blue rect ctx.fillStyle = "rgb(0, 162, 232)"; ctx.fillRect(135, 85, 125, 125); // Increase line width ctx.lineWidth = 5; // Draw black rect outline ctx.strokeStyle = "rgb(0, 0, 0)"; ctx.strokeRect(50, 335, 145, 145); // Draw blue rect outline ctx.strokeStyle = "rgb(0, 162, 232)"; ctx.strokeRect(135, 275, 125, 125); // Draw transparent yellow rect ctx.fillStyle = "rgba(255, 255, 0, 0.75)"; ctx.fillRect(210, 180, 125, 125); context.arc(x, y, radius, startAngle, endAngle, anticlockwise) context.clip()

Les outils gratuits du Community Manager. Le Community Manager lors de l’animation de communauté, de veille ou d’analyse de campagne utilise différents outils. Ces outils, présents en grand nombre, permettent au Community Manager de gagner en efficacité lorsqu’il est bien accompagné. Pour vous aider à vous lancer dans le community management ou tout simplement pour découvrir de nouveaux outils, nous allons faire un tour du propriétaire de la « Social Media Toolbox » idéale.

Avant de commencer, sachez que tous ces outils sont totalement utilisables dans leur version gratuite et qu’elles ne sont pas soumises (à l’heure où nous écrivons cet article) à une période d’essai. Vous pouvez donc commencer à utiliser pleinement ces outils dès leur installation et sans sortir votre carte bleue. Les outils de veille La veille est une activité extrêmement chronophage (voir l’étude sur les community managers en 2014) et demande beaucoup d’outils pour être efficace. La référence Google Analytics Google Alertes et Alerti pour ne rien manquer. ZenBG—Background Generator. Stripe Pattern Generator Tool. Les codes hexas et unicode des caractères usuels en HTML, par Nicolas Hoffmann.

Slide

Menu. Favicon. Restezconnectes. Shutter est une application libre (sous licence GPL v3) de capture d’écran et permet ensuite la modification et la personnalisation d’une simplicité étonnante. Avec Shutter vous pouvez capturer : - l’ensembe des bureaux - le tableau de bord - un menu - un site web - une zone de votre écran Pour les modifications vous pouvez : - Ajouter du texte - ajouter des formes géométriques - ajouter des icônes - déouper / recadrer votre image - masquer des zones précises Shutter est disponible au téléchargement pour la plupart des distributions Linux sur le site du projet. En ce qui concerne Ubuntu, Shutter est disponible dans les dépôts universe depuis Karmic donc installable en ouvrant un terminal et en copiant la commande ci-dessous : sudo apt-get install shutter Shutter est alors accessible depuis le menu Applications > Accessoires > Shutter.

95+ Best Bootstrap Landing Page Templates 2014 | Designrazzi | Page 2. Sate App Landing Page – One Page Template Sate is the landing page for apps. Its have two feature section and creative design with caring about content and carefully crafted font. Font used Google web font. Icon used is awesome font. This landing page was designed with Responsive design, Bootstrap, HTML5 / CSS3 , App gallery Showcase, Newsletter subscribe form and much more… Flatland Responsive Landing Page Template Flatland is the perfect theme for your product or mobile app site. Flatone Sales and Marketing Landing Page Template Flexi Landing Page Template Flexi is my most adaptable, clean, useful and powerful landing page yet! Supernote One Page Landing Page Template Supernote is one page HTML5&CSS3 landing page. Misha – Bootstrap 3 Retina App Landing Page Template Misha is a trendy One Page HTML5 & CSS3 responsive template built on Bootstrap 3.

Rocket – Landing Page Template Rocket is a clean flat landing page for business template. Greenmonster – Landing Page Template. Free Resources (Freebies)

Editeurs de texte

Liffect - effect for lists. Free Resources (Freebies) Grid. Fonts. 10 sites de photos gratuites et libres de droits. Si les banques d’images permettent de payer pour utiliser telle ou telle photo, à des prix plus ou moins onéreux suivant la qualité et les droits associés, certaines proposent également un catalogue de photos libres de droits gratuites. Pratique pour utiliser des photos de bonne qualité ! D’autres banques d’images sont totalement gratuites : si la qualité des photographies est en général un peu moins aboutie, le nombre d’images disponibles est parfois gigantesque ! Chaque banque d’images gratuites dispose de ses propres conditions d’utilisation, renseignez-vous bien sur les usages possibles. Certains sites autorisent l’usage des photographies pour un projet commercial, comme Bajstock.

Vous trouverez sans doute votre bonheur avec ces 10 sites de photos gratuites et libres de droits ! Fotolia, une sélection de photographies gratuites Le site propose un certain nombre de fichiers gratuits et libres de droits (0 crédits). Stock.XCHNG Flickr, la référence des photographies en Creative Commons.

Responsive

Logo. Swfobject_2_2.zip - swfobject - SWFObject 2.2 - SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file. Swfobject_2_2.zip - swfobject - SWFObject 2.2 - SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file. Abstract - hebus.org - High Definition Wallpapers - HD wallpapers. Plume UI - Un libre, vecteur base et de la rétine kit d'interface prêt (! Avec un bonus mini-tutoriel) | sarahjustine.com.

Le top 10 des alternatives à PowerPoint. Si dans votre travail ou vos études, vous avez besoin de faire une présentation orale devant un large public ou encore vos collègues, vous savez l’importance d’avoir un contenu efficace et engageant entre vos mains. Powerpoint ne suffit plus pour la plupart d’entre nous, ce pourquoi nous présentons ici 10 alternatives à PowerPoint. Note : cet article est un guest-post, écrit par RoK. Que vous ayez besoin d’outils de présentation dans votre business, pour des formations en ressources humaines ou encore pour enseigner à une classe, ces outils seront probablement d’une grande aide pour garder votre auditoire en haleine. Manipulez vos vidéos, vos images, vos animations, vos clips audio et bien plus encore dans une présentation qui va certainement vous aider à gagner votre audience. 1.

Prezi Prezi est un logiciel en ligne qui permet de concevoir des présentations et animations avec une fonction zoom. 2. Vous cherchez un moyen de créer des présentations interactives de qualité en HTML5 ? 3. 4. Télécharger CoffeeCup HTML Editor gratuit. Applications du Net, programmes gratuits et astuces pratiques. Les applications de géolocalisation sont nombreuses en ligne. Mais presque toutes ces applications font appel au service de google Maps, et c'est le meme principe pour Tizomat sauf que celle-ci est là pour nous indiquer l'horloge mondiale.Si vous avez besoin de savoir quelle heure est il dans une région, un pays ou une ville du monde, vous n'avez qu'à essayer Tizomat. Outils. Cet article est destinée aux développeurs (ou apprentis) WordPress. Si vous n’êtes pas un peu familier avec le développement web, ces plugins ne vous seront pas d’une grande utilité.

WordPress est le CMS le plus utilisé au monde, en partie grâce à son écosystème de milliers de plug-ins, qui permettent de faire tout ce qui est imaginable sur un site web: un forum, une boutique e-commerce, un gestionnaire de projets, un réseau social, un portfolio… Au-delà des plug-ins destinés aux utilisateurs classiques, WordPress dispose également de plugins destinés aux développeurs web. Si vous en êtes un, et que vous avez l’intention de développer vous-même un plugin ou un thème WordPress, voici 12 plugins bien pratique pour vous faciliter la tâche et accélérer votre développement. Lire la suite. Community Manager : 21 outils indispensables ! ‹ Grenoble Multimédia – L'actualité sur les réseaux sociaux et la communication. Posté par ambre portaz on 28 juin 2012 / 0 Commentaire Le métier de community manager se répand de plus en plus depuis 3 ans. Clé de la stratégie de communication online d’une marque, il veille aux discussions et opinions la concernant.

Le community manager est évidemment très actif sur les réseaux sociaux. Je vous propose donc plusieurs outils qui vous aideront, vous community manager, à écouter, regarder, informer et répondre ! Search Twitter : la recherche est un peu l’action de base du community manager. Facebook Insight : vous permettra de voir toutes les stats de votre page Facebook avec des graphiques détaillés.Social Shaker : à pour but, lui, d’ajouter facilement des applications facebook. Google Reader : est le plus professionnel des agrégateurs, qui permet d’intégrer des centaines de flux sans ciller.Netvibes : est une alternative plus conviviale pour réaliser sa revue de presse rapidement. AdWords: Keyword Planner.

Icones

Les outils SEO gratuits pour suivre le positionnement de votre site. Vous recherchez à suivre le positionnement naturel de votre site internet ? Nous vous invitons à découvrir une sélection de trois logiciels gratuits pour vous faciliter la tâche. Zoom sur les avantages et les limites de Free Monitor For Google, Seoscope & Seo Soft. Outils gratuits pour suivre le positionnement d'un site web Suivre le positionnement naturel d'un site internet est indispensable pour mesurer l'impact de vos efforts en référencement, donner du sens à vos actions et réadapter en conséquence votre stratégie. Qu'il s'agisse de suivre la position d'un ou plusieurs sites internet, il n'est pas toujours aisé de trouver l'outil idéal.

Focus sur trois principaux soft gratuits avec leurs avantages et leurs limites. 1. Free Monitor for Google est un logiciel gratuit qui permet de suivre le positionnement de plusieurs mots clés pour une multitude de domaines. Fonctionnalités, avantages de Free Monitor for Google SEO SOFT est lui aussi un logiciel non payant de 3. Open Source Web Design - Download free web design templates. Illustrator. Les meilleures solutions de diaporama flash et javascript. Les meilleures solutions de diaporama flash et javascript Voici un récapitulatif des meilleures solutions de diaporama flash ou javascript gratuites jQuery, Mootools et Prototype Polaroid Gallery v.1.01 Polaroid Gallery est une galerie Flash open-source développé par Christopher Einarsrud. Active Slideshow Pro Avec Active Slideshow Pro vous pouvez créer des présentations mutil-médias gratuitement avec un maximum d’options.

PicLens Slideshow Basé sur PicLens et RSS technology voici une solution intéressante de galerie web. Plogger Plogger est annoncé comme la nouvelle génération open-source de galerie photo. Shadowbox Shadowbox écrit en javascript et CSS est une solution pour présenter vos médias via le web. PhatFusion Slideshow Une solution pour vos transitions d’images. Galleriffic Galleriffic est inspiré par Mike Alsup’s Cycle plug-in, mais pensé pour de grosses quantités de photo. NoobSlide Fancybox Outil pour afficher des images, contenu html et multi-média Auto Generating Gallery Barack Slideshow.

Emulateur mobile (by COWEMO) Justin Aguilar - Designer. Restaurant Picker.

Avatar

The shock bundle. What happen when my subscription expires? Can I still use the themes I have downloaded? When your subscription expires you can still use all the themes you have downloaded with no limitations, however if you cancel your subscription you won't be able to access new updates or download new themes. Will my downloaded themes stop working if I cancel my subscription ? No, they will work lifetime, however, if you cancel, you won't be able to download new upgrades or themes. Do you offer a white label version? Actually you can remove theme generator brand and/or place your own brand.. How many customers/projects/domains can I use my themes for? Unlimited customers, projects or domains. Can I download a test WP theme ? You can subscribe as premium user and download as many themes you want, remember we have a 60 days money back guarantee. Do you have a money back guarantee?

Yes, for 60 days. Should I have to pay $29 each 6 months or each month? No, you will only pay the shock bundle premium items once. Getting started. Css Zen Garden Design List. Memento Design Pattern. Yeoman - Modern workflows for modern webapps. Can I use... Support tables for HTML5, CSS3, etc. Screen Interactions | Android Interaction Design Patterns | Liffect - effect for lists. Macaw | The code-savvy web design tool. jQuery custom scrollbar demo. Press Space or double-click to edit. Bitly. The power of the link. Creative Link Effects. Quoi de neuf dans le Web Clipper Evernote. Forum d'aide débutant à la création d'un site. Forum créer un site.

The Shapes of CSS. Doxygen: Main Page. Pinterest. Sites web utilisant le jQuery, CSS3 et le HTML5. Quels outils pour pré-visualiser votre site responsive ? PXtoEM.com: PX to EM conversion made simple. FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Parallax

Boutons. Tuto. Carte. Maquette.