background preloader

Tutoriaux

Facebook Twitter

Simple Icon Hover Effects. Natural Language Form with Custom Input Elements. An experimental form that uses natural language instead of the usual form display.

Natural Language Form with Custom Input Elements

Values are entered using custom input elements. View demo Download source There is something really interesting about Natural Language UIs and after visiting awesome Escape Flight, we wanted to play around with NL forms and custom form elements. Dossier : comment apprendre le webdesign en ligne ? Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté.

Dossier : comment apprendre le webdesign en ligne ?

Si vous faites vos premiers pas dans le web ou que vous souhaitez vous perfectionner en webdesign grâce à Internet, cet article est fait pour vous. Depuis l’ouverture du blog, vous avez été nombreux à m’écrire pour en savoir plus sur les possibilités d’apprendre le webdesign. Quelles études suivre ? CSS-Tricks - (Navigation privée) Defining the Project Badge - (Navigation privée) Blaz Robar - YouTube - (Navigation privée) Créer des GIF animés. CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web.

The very own digital experiences from Epic agency. Kineograph As part of a project for one of our clients, it was necessary to play animations in order to make the site more lively.

The very own digital experiences from Epic agency

Very quickly we thought about using spritesheets. We were unsatisfied with the existing solutions, therefore we [...] Créez des applications pour Android. Bonjour à tous et bienvenue dans le monde merveilleux du développement d'applications Android !

Créez des applications pour Android

Android est un système d'exploitation mobile, c'est-à-dire que, tout comme Windows ou Linux c'est un gros programme, composé de petits programmes, qui permet d'exécuter d'autres logiciels. Par exemple, Windows permet d'exécuter Internet Explorer, et pour ce faire, il doit faire le lien entre la souris et le curseur à l'écran, entre le clavier et les champs de saisie, etc. Et avec l'explosion des ventes de smartphones ces dernières années, Android a pris une place importante dans la vie quotidienne de millions de personnes, au point qu'il s'agit du système d'exploitation mobile avec le plus d'applications en circulation.

Que diriez-vous de développer vos propres applications pour Android, en les proposant au monde entier via le Play Store, le marché d'applications de Google ? Cependant, pour suivre ce cours, il vous faudra quelques connaissances : jQuery - Informatique - Tutoriels. HTML5 audio player and element - Adobe - The Expressive Web - Beta. Le train de 13h37. Webdesign Friday (#wdfr) - La communauté webdesign francophone.

Hey, designer! Tous les Tutoriels vidéos. Tous les Tutoriels vidéos. Writing a Flexible Grid Script for Photoshop. Being a capable web designer means having a solid grasp on grids, especially if you want to pursue responsive web design.

Writing a Flexible Grid Script for Photoshop

In this tutorial we'll take a look at a Photoshop script for generating your own custom grids, plus we'll open the hood and look at how the script is actually made. It's quite likely that you've already used psd files from one grid system or another. You'll probably have opened the psd, complete with all its guides, then you'll have altered the document size to give yourself a bit of breathing room.

In the case of our script, it will generate Photoshop guides irrespective of the document size. Le Site du Zéro, site communautaire de tutoriels gratuits pour débutants : programmation, création de sites Web, Linux... Sous Mac OS X : MAMP - PHP - Général (PHP) Pour ceux qui ont un Mac sous Mac OS X, je vous conseille le programme MAMP (Mac Apache MySQL PHP).

Sous Mac OS X : MAMP - PHP - Général (PHP)

Il est vraiment très simple à installer et à utiliser. Vous pouvez le télécharger ici. Vous devriez avoir téléchargé une archive au format .dmg qui contient le logiciel. Lorsque vous l'ouvrez, la fenêtre de la figure suivante apparaît. Vous devez tout simplement faire glisser le dossier MAMP en bas à gauche vers le dossier « Applications » au-dessus.

Workshop / Chrome Experiments. Unfortunately, either your web browser or your graphics card doesn't support WebGL.

Workshop / Chrome Experiments

We recommend you try it again with Google Chrome. CSS-Tricks. DesignModo - Web Design and Development Magazine. Learn Web Design, Web Development & More. Browser app and game development tutorials, from beginner to advanced. Les grilles dans le webdesign. "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !

Les grilles dans le webdesign

" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé.

Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design ! Une grille, comme dans le film* ? Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web. . * Un film très bleu avec des motos, des combats de disques et un certain monsieur Flynn. Grilles : les bases Il existe beaucoup de grilles différentes avec autant de cas concrets d'utilisations. Anatomie d'une grille Elle sert d'armature pour organiser la page et son contenu. On obtient alors une page plus lisible et plus homogène.