Liens utiles

HTML & CSS:

HTML.net –> apprendre le html, les css et même le php en toute simplicité.

AlsaCréation –> communauté d’apprentissage pour les standards du web.

OpenClassrooms (ex site du zéro) –> 800 cours gratuits en ligne. Une communauté de 600 000 professeurs et étudiants.

Start Your Dev –> bon outil pour un bon début.

CodecAcademy –> site d’apprentissage de divers langages de programmation (html, css, jquery, javascript, python, ruby, etc…).

http://code.org/ –> débuter avec le code à l’école !

http://howtocenterincss.com/ –> Pour tous ceux qui ont du mal à centrer en css.

http://flexboxfroggy.com/#fr –> Apprendre les flexbox par le jeu

GlobalStats –> Site de statistiques en tout genre dans le monde du web.

PHP

Générateurs CSS3:

http://simplecss.eu/ –> Générateur de media queries

http://csswarp.eleqtriq.com/ –> Courber vos textes en css

http://www.css3maker.com/

http://css3generator.com/

http://border-radius.com/

http://www.disply-inline.fr/

http://css3please.com

http://westciv.com/tools

http://www.fontsquirrel.com/  –> Générer ses fontes pour une intégration web.

CSS Ruler – Un outil pour voir en un clin d’oeil à quoi correspondent les longueurs CSS

Create CSS3 — Une app qui vous permet de générer tout le code CSS3 que vous voulez

Font Library – Un projet open source pour taguer et organiser les Googles Fonts

Rocket – Un outil simple pour créer des animations

Pie Menu Generator – Un générateur de menu en camembert

CSS Beautifier – L’outil qui rend votre CSS plus logique et facile à lire

Typesetwith.me – Un outil web pour pré-visualiser la lisibilité de vos typos.

Circulus.SVG – Un générateur de menus circulaires en SVG

CSS Diner – Un jeu simple pour améliorer vos connaissances des sélecteurs CSS.

SpinKit – Un outil pour créer des animations de chargements CSS

Perfect Icons – Un outil web pour créer vos icônes de réseaux sociaux

Glyphter – Un outil pour créer vos polices d’icônes depuis des SVGs

RQRWDC – (Really Quick Responsive Web Design Calculator) – Un outil pour calculer la largeur en % d’un élément depuis sa taille en PX.

PX2EM – Un outil pour calculer la taille en EM depuis la taille en PX.

TestYourSiteWithGoogle – Un outil pour tester votre site responsive

JQuery

https://jquery.com/ –> Site officiel de JQuery

https://jqueryui.com/ –> JQuery User Interface

http://www.unheap.com/ –> Site de plugins JQuery

Sandbox (bac à sable):

codepen.io –> Sandbox HTML/CSS/JS avec possibilité de fork

jsfiddle –> Sandbox JavaScript

coderbyte –> s’exercer au javascript (challenge)

codingground –> SandBox Multi-Langages

Codepad –> un compilateur ou interpréteur en ligne

Ruby:

KidsRuby –> Apprenez à coder en Ruby !

Travailler ses images et ses couleurs online:

tagcrowd.com –> Générateur de nuage de mots

OnlineVideoCutter –> Couper vos vidéos online

SaveItOffLine  –> Convertir ses vidéos pour l’intégration web

Pixabay –> Propose plus de 410 000 photos libres de droit

Unsplash  –> Stock de photos libres de droit classées par thème

CCsearch –> Moteur de recherche d’images de Creative Commons

Free Stock –> un nouveau moteur de recherche de photos libres de droit

LoremPixel –> Placeholder Images for every case.

Negative Space –> C’est un très bon complément à Pixabay et si son catalogue n’est pas aussi dense, il a au moins le mérite d’être très varié avec beaucoup d’objets et beaucoup de scènes de la vie courante.

Unsplash –> Il paraît qu’il tourne beaucoup en agence la qualité des images proposées est bluffantes.

http://pixlr.com/editor/ –> Photoshop light online et gratuit

http://www.scoop.it/t/creer-dessiner-en-ligne

http://www.colorexplorer.com/ –> Génère une palette de couleur d’après une image uploadée

Icon Search  –> Site de recherche d’icones pour agrémenter votre site web.

fontawesome –> Site de recherche d’icones pour agrémenter votre site web.

web.colorotate.org –> Site d’harmonisation des couleurs et de génération d’hexadécimal correspondant.

colorschemedesigner.com/ –> Site d’harmonisation des couleurs et de génération d’hexadécimal correspondant (propose en plus un layout).

color.adobe.com/ –> Site d’harmonisation des couleurs qui génère des palettes directement importables dans les produits Adobe.

Flickr  –> Site de partage d’images et de photos en tous genres.

ISSUU  –> Création de flipbook en ligne.

Writemaps  –> Site de hiérarchisation de menu permettant de créer l’arborescence d’un site en création.

Wireframe  –> Site de création de wireframe.

Smallpdf –> Diviser, fusionner, compresser ou déverrouiller vos pdf? Faire d’un pdf un document office ou JPG (et inversement)? Smallpdf est LA solution en ligne, gratuite et sans limitation de taille.

IDE Integrated Development Environment

Notepad++ –> Logiciel équivalent du bloc-note mais adapté au codage et à la programmation.

Coda –> Logiciel équivalent du bloc-note mais adapté au codage et à la programmation (exclusivement pour Mac).

Bracket –> Editeur de code (IDE) – équivalent du bloc-note mais adapté au codage et à la programmation.

PyCharm –> Editeur de code (IDE) orienté Python.

Atom –> A hackable text editor for the 21st Century 🙂


FileZilla  –> logiciel de transfert de fichiers via le protocole ftp pour la mise en ligne d’un site web (entre autre).

TubeMaster  –> Utilitaire complet pour rechercher, télécharger, convertir les vidéos et MP3 publiés sur le Web.

Fluvore  –> Site de récupération et de conversion de vidéos sur le web.

Video2Mp3  –> Site permettant d’extraire le son d’une vidéo sur le web.

WeTransfer  –> Site permettant le transfert de fichiers volumineux (jusqu’à 2Go) sans besoin d’inscription.

Portrait chinois  –> Pour un gain de temps dans votre article de présentation si vous ne voulez pas donner de détails personnels.

Body Text  –> Site de génération de texte automatique à des fins de prévisualisation de mise en page.

Hébergement

Infomaniak  –> Site d’hébergement.

WPengine –> Site d’hébergement orienté WordPress.

1and1  –> Site d’hébergement mutualisé, a la particularité d’avoir son propre client FTP et d’autoriser les fichiers compressés (très simple d’utilisation).

OVH  –> Site d’hébergement mutualisé.

Advertisements