background preloader

Techniques diverses

Facebook Twitter

Lee Varis Video Tutorials | Varis Photomedia. Comment dessiner une goutte d'eau réaliste [Tutoriel] Fabriquer une goutte d'eau avec photoshop. Les fondamentaux du Responsive Web Design. I. Introduction▲ Prenons deux exemples simples. Le premier pourrait être ces vitres qui s'opacifient en fonction de la luminosité extérieure. Ou encore ces murs-miroirs où plus nous nous approchons, plus ils nous semblent se déformer. Le « Responsive Web Design » est né, car nous sommes de plus en plus confrontés aux mêmes problèmes que les architectes : s'adapter aux supports. Voyez plutôt : autrefois, nous n'avions qu'un ou deux navigateurs et les tailles d'écrans variaient peu.

Et tout cela, c'est ce que nous avons maintenant. II. Pour faire une application Web qui soit Responsive Web Design, nous devons établir les trois points suivants : Si nous faisons une analogie avec l'architecture, les trois derniers points représentent nos outils. Il est heureusement possible de s'adapter pour y parvenir. III. Avant toute chose, il faut faire en sorte de créer un site dont la grille d'affichage soit flexible. En fait, nous devons appliquer à chaque fois la formule suivante : IV.

V. VI. <! VI-A. Désirs de noeuds. Un site web pour photographe sous Wordpress pas à pas. #1 Le nom et l’hébergement | Naturapics - Le web de la photographie nature. Dans ce large tutoriel, en plusieurs étapes, nous verrons comment, à partir de zéro, monter son site Internet sous WordPress et l’orienter vers la photographie. Dans cette première étape, nous allons voir un point primordial : celui du choix de l’hébergement et du nom de domaine du site web. I. Du choix très important du nom de domaine de votre futur site web Attention, le choix du nom de domaine de votre site est p.r.i.m.o.r.d.i.a.l, en plus d’être ”définitif”. Il s’agit de votre image sur Internet, de ce qui va vous identifier auprès de vos visiteurs, des autres sites et bien sur, des moteurs de recherche.

Le noml’extension Le nom, lui, reçoit des dizaines de variantes dans le domaine de la photographie (nature et générale). Le poétique : instantnature, declic-animal, photographaile,…le photographique : beghelli-photography.com, photobeghelli.comle personnel/profesionnel : sebastienbeghelli.com, sebastien-beghelli.fr, beghelli.com Mon conseil va pour le personnel/professionnel. II. Bien utiliser Wordpress pour la photographie. Nombreux sont les photographes qui ont un site web. J’en vois de plus en plus qui utilisent WordPress pour montrer leurs travaux, leur portfolio, ou tout simplement leurs photographies. Ils ont raison, car WordPress 3 est un CMS remarquable pour créer son site, pour exposer ses photographies, gratuit, avec une multitude de thèmes (le look de votre site quoi!)

D’excellente qualité, qui peuvent être gratuits, ou alors payants et que l’on trouve généralement à des prix avoisinant les 40 USD. De plus, on trouve aussi de nombreux plugins (extensions) qui permettent d’ajouter des fonctionnalités, comme par exemple des boutons de partages pour les réseaux sociaux, des extensions pour flickR, 500px, pinterest, des plugins de statistiques j’en passe et des meilleurs. Tout ça, sans qu’il ne soit nécessaire de connaitre quoi que ce soit au développement. Cool! Un site réactif, c’est mieux! Du boost siouplait! Oui, je l’affirme, un site réactif, c’est mieux, et ce pour au moins 2 bonnes raisons. 20 Thèmes Wordpress Photo Professionnels. Y a-t-il des photographes dans la salle ? Si vous lisez cet article ça ne fait aucun doute !

Vous avez des tonnes de photos à diffuser mais ? Je vous conseille de jeter un oeil à cette sélection de tous plus exceptionnels les uns que les autres. de ce qu’il se fait actuellement en matière de . Vous pourrez même avoir accès à des thèmes supplémentaires en fin d’article, mais je ne vous en dis pas plus… Photopassion Photopassion est le qui m’a le plus séduit. Aperçu Téléchargement Photolist avec un autre type de slider, qui est splendide il faut l’avouer. PhotoPurePress Vous allez probablement me dire que le thème WordPress PhotoPurePress ressemble étrangement au premier thème de cette liste et vous aurez raison car il a été créé par la même personne.

Season Season est un mais il aussi une dimension portfolio. Galleria Galleria est typiquement ce que j’aime pour un thème WordPress photo . Core Core est un de qualité. Uno Uno est un qui plaira aux adeptes du « less is more ». Meshable Statua. Abundance. 20 Thèmes Wordpress Ravissants pour Monter sa Boutique en Ligne. Saviez-vous que plus de 15 milliards d’euros ont été dépensés par les internautes français pendant le 3ème trimestre 2015 ?

Et que sur l’année 2015, les achats en ligne devraient représenter les 65 milliards d’euros ? Ça en fait des commandes ! Et oui, le eCommerce est au beau fixe. De plus en plus de monde passe des commandes en ligne. Que ce soit sur des gros sites comme Amazon, CDiscount ou Vente Privée, les internautes n’ont plus peur de sortir leur carte bancaire ou de dégainer leur compte Paypal. À vrai dire, il y aurait plus de 175000 sites marchands en France. Alors pourquoi ne pas lancer votre propre boutique et vendre vos produits ? J’ai une bonne nouvelle. WordPress peut vous aider 🙂 Notre CMS favori n’est pas à proprement dit fait pour créer des boutiques en ligne comme peuvent l’être des Prestashop ou des Magento mais il a l’avantage de bénéficier d’une certaine simplicité. En installant un plugin eCommerce, on peut créer une boutique très honorable avec WordPress.

Vous suivez ? Flevr. Bouquins - PHP 5 Astuces d'experts - Chapitres - Gérer des traductions. Traduction et multilinguisme d'un site web : Gettext et poedit tutoriel et exemple. Un site web en développement doit être (ou devenir) multilingue. Il faut donc déterminer une architecture permettant d'isoler le contenu linguistique du reste du code pour faciliter l'intégration des différentes langues. Un système de détection et de sélection de langues est également nécessaire. Il faut aussi trouver des traducteurs (mais pour ça, ce billet ne vous aidera pas ...) et surtout organiser le travail de traduction. Un traducteur n'est pas un intégrateur html ... Une des solutions répandue et élégante est l'utilisation de Gettext.

On détaille ici sa mise en œuvre. Passer un site web du français à l'anglais et à d'autres langues européennes mais toujours dans l'alphabet latin (espagnol, allemand, italien,..) ou vers des langues 'mondiales' et dans des alphabets spécifiques (arabe, russe, chinois, japonais, ..) est une problématique qu'on peut résoudre de nombreuses façons. Array, INI, CSV, Gettext, XML quel format choisir la technologie ?

Quelles sont les solutions possibles ? Le CSS - Tutoriel HTML & CSS. La syntaxe Un fichier CSS permet de changer radicalement l'affichage de plusieurs pages HTML. La structure d'un fichier CSS est simple (plus que celle d'un fichier HTML). Un fichier CSS est composé de plusieurs règles. Chaque règle permet de changer l'affichage de plusieurs balises HTML. Les règles ont la syntaxe suivante : Expliquons cette structure avec quelques définitions : Chaque règle CSS sert à appliquer des styles à une balise HTML, certaines balises, ou un groupe de balises ; Chaque règle d'un fichier CSS débute par un sélecteur. Pour illustrer ce que nous venons de voir, nous allons voir comment centrer le titre de niveau 1 de nos pages Web.

Si maintenant nous voulons une couleur bleue pour ce même titre, nous devons appliquer une seconde déclaration (couple "propriété: valeur") pour le même sélecteur h1 : il s'agit de la propriété "color", et nous lui donnons la valeur "blue". Lier le CSS au HTML <! Le fichier style.css, quand à lui, pourra ressembler à ceci : <! Les sélecteurs <! Bondage DIY. Le portrait. Avril 2014 Le portrait Présentation Le portrait est la représentation d'une personne destinée à reproduire ses traits et ses caractéristiques.

En photographie, il consiste à retranscrire les expressions d'une ou plusieurs personnes. Techniques de portrait L'attitude du sujet : expressions du visage, sourire ou pas, l'attitude de la personne photographiée joue un rôle important en portrait. Il permet de mettre en valeur sa personnalité. Les différents cadrages Le plan moyen : appelé aussi portrait en pied, le sujet est entièrement cadré. Les différents types de portraits Le portrait posé : le sujet est dirigé par le photographe qui lui donne toutes les indications. A voir également Communautés d'assistance et de conseils.

Retour d’expérience sur le responsive design. Au-delà de notre satisfaction d'avoir sorti un site dont nous sommes particulièrement fiers, nous avons voulu partager notre retour d'expérience sur la refonte de notre site en responsive design. Refondre son site web est toujours un défi pour une agence web. Notre précédent site fêtant son 3ème anniversaire, il n’était plus très en phase, ni avec notre discours, ni avec nos méthodologies et commençait à être technologiquement obsolète. Avec l’arrivée du HTML5, des CSS3 (media queries, @font-face, multi-columns, animations…) et l’expansion du javascript (à travers jQuery ou Mootools…), nous possédons désormais les outils nécessaires pour pouvoir mettre en ligne simplement des sites à la fois agréables, accessibles,rapides et portables.Avec cette refonte, nous avons voulu construire un site qui soit en phase avec notre image,nos méthodes de travail et notre vision du Web.

Faire les bons choix Responsive Design, mais jusqu’à quel point ? Non les écrans HD d'abord ! New Great jQuery Photo Gallery – Skitter. New Great jQuery Photo Gallery – Skitter Today we will continue overviews of available photo galleries. Next gallery will Skitter. This is jQuery gallery. This gallery switch images using different transition effects. At current moment it able to manage with 22 different effects. By default that gallery expect already prepared html data (of all images). Here are samples and downloadable package: Live Demo download in package Ok, download the example files and lets start coding ! Step 1. As usual, we start with the HTML. Index.html As I hope – all clean here, no need explain it Step 2. Here are single CSS file with all necessary styles: css/main.css Step 3. Here are all JS files: js/main.js Everything is quite simple – when the page loads I loading to our empty UL element its constituents – LI elements (the list of gallery images). Js/jquery-1.5.2.min.js, js/jquery-ui.min.js and js/jquery.skitter.min.js This is necessary libraries – jQuery, UI and Skitter.

Step 4. Feed.php Step 5. Conclusion. Eclairage photo : Comprendre la loi du carré inverse. Eclairage photo : Comprendre la loi du carré inverse En termes techniques, la loi du carré inverse est définie en tant que “Loi physique postulant qu’une quantité physique (énergie, force, ou autre) est inversement proportionnelle au carré de la distance de l’origine de cette quantité physique.” Avec une telle définition scientifique (merci wikipedia), vous vous demandez certainement ce que cela peut avoir en commun avec la photographie.

Cette loi s’applique à beaucoup de chose dans le monde, mais ici nous l’appliquerons uniquement au sujet qui nous intéresse : La lumière. Comprendre le Concept Pour ceux d’entre vous qui n’ont pas une connaissance importante en mathématiques (même les connaissances les plus simple en math vont être utilisées ici), la règle du carré inverse peut sembler terriblement complexe. La loi en elle-même, dans la photographie s’applique à l’éclairage. Disons que nous avons une source de lumière à pleine puissance, et notre sujet à 1 mètre de distance.

Exposition. David Burnett | Photographer. Create a new Fiddle - jsFiddle. Convert-doc.com | Free and secure online file converter (docx, pptx, xlsx etc) Le blog dédié à la création de votre site marchand et aux stratégies de développement de vos ventes en ligne !