background preloader

Galerie des plus beaux sites web Français et Internationaux » Web Design Inspiration » CSS Gallery » Jolis sites

Galerie des plus beaux sites web Français et Internationaux » Web Design Inspiration » CSS Gallery » Jolis sites
Related:  JAVASCRIPTS & CSS HTML 5 jQuery

Loxia Studio : Créer des animations flash et html 5 en ligne facilement - SOS PC 95 - Le Blog En visitant certains sites, vous avez surement vu des animations flash, des galeries 3D, des diaporamas et vous aimeriez peut-être avoir la même animation sur votre site. Et bien à présent, c’est tout à fait possible , et cela sans aucune connaissance en flash ou html et sans l’aide d’aucun logiciel, car toutes les animations se font en ligne. Sur ce site vous aurez le choix parmi 37 animations (flash et html 5) : – Slice Cube 3D – Carroussel – Cube 3D – Mur 3D – Diaporama – Coverflow – etc À travers cet article vous verrez quelques animations que l’on peut créer (dont certaines sont mes préférés Pour commencer, allez sur ce site : Cliquez sur « Commencer« , là, vous aurez accès aux 37 animations. À partir d’ici, rien de compliqué, il suffit juste de choisir votre animation et ensuite d’ajouter vos images. Voici un exemple avec l’animation Slice Cube 3D avec ombre et menu. Voici un exemple avec l’animation Carroussel. Voici un exemple avec l’animation Cube 3D.

Le Club du Berceau Comment connaître mon total de points étoiles ? Les étoiles sont cumulables et valables 6 mois à compter de la date du dernier ajout de points. Les étoiles ne sont pas convertibles, ni transmissibles à un tiers. Vous ne pouvez donc pas offrir des étoiles, ni les cumuler entre plusieurs comptes clients que vous auriez créés. Votre crédit d’étoiles personnel est consultable dans votre compte client, rubrique Programme Fidélité. A la création d’une liste, à l’envoi d’une commande pour vous ou à l'envoi d'une commande passée par un de vos filleuls, des informations sur votre solde d'étoiles vous seront communiquées par email. Comment utiliser mes étoiles ? Vos étoiles correspondent à un avoir sur le site www.berceaumagique.com. les conditions du programme Club du Berceau ne s'appliquent que depuis sa création le 22 juillet 2008 tant pour les commandes, que pour les listes, les contributions et le parrainage.

Easy HTML5 Video: Convertidor de Vídeo HTML 5 Manutan Connect Outils 78 ressources en ligne Haut de page Visual Studio Code Visual Studio Code est un éditeur de code source récemment lancé par Microsoft,… Schnaps.it, le générateur de template HTML5 Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel… Rendu par défaut des éléments HTML Outil conçu par Julien Royer, permettant d'observer les différences de rendu par… MobileHTML5 MobileHTML est un tableau de compatibilité récapitulatif à destination des plate-formes… ReformedApp Chronophage, redondant et fastidieux... Haut de page Pleeease Dans le monde merveilleux de l'intégration front-end, certains outil permettent… Prepros Prepros est un "environnement de travail" (workflow) graphique destiné aux projets… LearnLayout LearnLayout est un mini-site d'apprentissage dédié au positionnement en CSS. Accessibilité Haut de page Tanaguru Contrast-Finder Un outil de plus pour vérifier si les couleurs sont accessibles ? Développement Haut de page Haut de page Javascript Haut de page Web Webdesign

Une galerie vidéo dynamique pour webTV en HTML5 Voici un plugin javascript qui, à defaut de vous en mettre plein la vue, vous permettra d’améliorer nettement l’expérience de l’utilisateur concernant les vidéos de votre site internet. Ce script permet de piloter la balise vidéo d’HTML5 directement avec des liens dans vos textes. De quoi proposer davantage d’interactivité en liant votre contenu textuel à votre contenu vidéo/multimédia. Appel de VideoLink Un grand merci à Daniel de Seomix qui m’a apporté de nombreux (et astucieux) conseils pour créer et mettre en ligne ce plugin. L'auteur : Je suis Willy Bahuaud, intégrateur et développeur, spécialiste de WordPress.Besoin de mes services ? Gallery.css, une galerie simple et responsive en full CSS Gallery.css est une ressource développée uniquement en HTML/CSS qui permet de réaliser une galerie d’images simple et responsive, avec une seule et unique transition de type « fade » et des ancres de contrôle de navigation, le tout sans la moindre ligne de JS. [EDIT] : Gallery.css est désormais disponible sous licence payante. Du HTML, du CSS, mais pas de JS La galerie fonctionne sans aucune ligne de JavaScript, uniquement avec une mise en page structurée et des propriétés CSS : transitions CSS3, animations CSS3 (keyframe) et sélécteurs CSS avancés (:nth-of-type(), :target,etc). La feuille de style est disponible avec ou sans préfixe CSS (-moz, -webkit, -o) et en version « classique » ou SASS. Un thème CSS est également fourni avec la ressource, thème que vous pouvez bien sûr modifier à votre convenance. Cela fonctionne avec n’importe quel élément HTML : image, texte, contenu, etc. Mise en place de votre galerie Ensuite, on définit la structure HTML de la galerie.

Créer sa galerie photo en HTML5 avec Juicebox - SlyDnet Juicebox est un outil permettant de créer des galeries photos en HTML5 pour les partager en ligne ou les embarquer sur votre site web / blog. Grâce à Juicebox, vous allez pouvoir réaliser de superbes galeries photos voir même créer votre portfolio en HTML5. Juicebox se présente sous la forme d’une application desktop qui fonctionne grâce à Adobe Air, donc qui peut tourner sous Windows, Linux et Mac. Uns fois Juicebox installé sur votre ordinateur, l’outil se révèle d’une simplicité déconcertante.On crée une nouvelle galerie, on importe ses photos, on customise un peu tout ça et Juicebox génère tous les fichiers nécessaire pour créer sa galerie en ligne. L’intérêt d’une galerie en HTML5 telle que propose Juicebox, c’est que l’expérience utilisateur sera la même via le navigateur d’un ordinateur ou depuis son mobile sous Ios et Android. à découvrir ici:

25 diaporamas et galeries d’images flexibles et gratuits De plus en plus d'internautes consultent le web sur des appareils mobiles : smartphones et tablettes tactiles. Il convient donc d'adapter les blogs et les sites internet à ces nouveaux médias, afin d'offrir à leurs utilisateurs un réel confort de navigation. Deux solutions s'offrent à vous : soit créer une mise en page spécifique pour chaque support, soit adopter un design responsif, dont la mise en page varie selon la taille de l'écran. L'un des éléments-clé d'une page d'accueil réussie est un diaporama constitué de quelques images, textes ou vidéos en défilement automatique, qui apporte à votre page animation et de dynamisme. Camera slideshow Supersized Flexslider Sequence Blueberry wmuSlider ResponsiveSlides Fluid CSS3 Slideshow with Parallax Effect Responsive CSS3 Slider Elastic Image Slideshow RSlider iView Slider WOW Slider Fullscreen Background Image Slideshow Nivo Slider Responsive 3D Panel Layout FlexSlider feat. RefineSlide CSS-Only Responsive Layout Fullscreen Slit Slider Elastislide PhotoSwipe

14 templates HTML5 gratuits | Webdesigner Trends - Webdesign et inspiration Nouvelle fournée de ressources sur le blog : au programme du jour, 14 templates HTML5 à télécharger gratuitement. Pratiques lorsqu’on souhaite mettre rapidement un projet en ligne, certains templates peuvent littéralement vous sauvez la vie ou du moins vous faire économiser un bon nombre d’heures de travail. D’après moi, il sont à utiliser avec modération et si vraiment nécessaire. Certains sympathiques webdesigners offrent un certain nombres de templates codés, prêts à l’emploi. Brushed Template Un template one page, basé sur Twitter Bootstrap, Responsive, optimisé pour les écrans Retina. Kataklimt Responsive Html5 Theme Responsive et créé pour la photographie. MiniPort Un design one-page, légèrement texturé, avec de larges typographies, pour présenter votre profil en un clin d’œil sur tout périphériques. Telephasic Utile dans de nombreuses situations, ce template polyvalent pourra s’adapter facilement à vos besoins. Andia Agency Prologue Strongly Typed Escape Velocity Mori Dark Nina Theme Striped

Créer son propre média - Korben Sur cette page est répertoriée tous les différents types de Médias existants et des outils vous permettant de créer le votre. Média: Media est le pluriel du mot latin medium dérivé de l'adjectif medius signifiant milieu, moyen. Par extension le mot désigne un objet positionné au milieu, dans l'entre-deux, jouant un rôle d'intermédiaire. Le terme Média désigne dans l'acception contemporaine la plus courante un moyen de diffusion et ou d'échange d'informations. Vidéo, Films, Télévision et Streaming vidéo MediaGoblin (en) est un service libre et décentralisé de partage de médias (textes, photos, musiques, vidéos etc). Audio, Musique, Radio et Streaming audio Voir la rubrique Radio & Co, la rubrique Son et Musique 100% libre et les rubriques Réseau social libre (type Myspace) et Créer son propre réseau social libre (type Myspace). Images et Photographie OpenPhoto (Source: Vidéo de Frenchweb.fr) | Tutoriel d'installation sur votre serveur auto-hébergé. Presse (journal, magazine etc) Livre Site web

10 templates HTML5 et CSS3 à télécharger gratuitement La rentrée approche à vitesse grand V et c’est souvent la période où en pense à refaire son site ou son portfolio. J’ai récemment dû faire une recherche de templates HTML pour un projet, et je me suis dit que ça pourrait être intéressant et le bon moment que je vous fasse un petit top 10 de ce que j’ai trouvé. Ces templates peuvent vous servir de base pour bâtir votre site, pour voir comment ils sont développés ou tout simplement pour votre inspiration, tout en respectant les licences associées. Il ne vous reste plus qu’à faire votre sélection, le mettre à votre goût et l’adapter, trouver un hébergeur et un nom de domaine et le tour est joué. Pour les novices, il existe toujours des solutions simplifiées et rapides pour créer son site. J’espère que ces ressources utiles pourront vous servir ! 1 – Infusion Infusion est un template développé en HTML5 / CSS3 et jQuery. Demo | Téléchargement 2 – Yebo Bicycle Demo | Téléchargement 3 – Starnight App Demo | Téléchargement 4 – Brushed 5 – Flex 6 – Sprint

Créer un slider pure HTML5 & CSS3 pour wordpress HTML5 et CSS3 ne sont pas encore tout à fait valides et restent encore en cours de transition. Néanmoins, je vous propose aujourd’hui un tutoriel, dont le concept nous vient de Geoffrey Crofte => CreativeJuiz – Html5 & Css3 : Slideshow) permettant de créer un slider (diaporama) en HTML5 / CSS3 et ce, sans JavaScript. Au risque de me répéter, le slider présenté ici, n’est proposé qu’a titre expérimental afin de vous montrer les possibilités du CSS3 /HTML5. Il n’est pas conseillé de l’utiliser dans un cadre de développement cross-browser. Démonstration en ligne / sources Slider HTML5 / CSS3 Fichiers de démonstrations sans utilisation de jQuery. Taille : 3, 0 KiB • Date : 3 juin 2013 • Hits : 4 532 Slider HTML5 / CSS3 (démo) Démonstration en ligne du diaporama en HTML5 présenté dans ce tutoriel. Taille : 1 024 bytes • Date : 3 juin 2013 • Hits : 6 055 #1 – Le pattern HTML5 Ce que j’appelle le pattern, c’est tout simplement ce dont nous aurons besoin pour que notre slider fonctionne. #2 – Le CSS3 <?

Related: