TECH
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/03/fontface-dojo-article-200x117.jpg)
FontFace Dojo
Etes-vous prêts à ajouter un outil supplémentaire à votre toolbox[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/12/stripped-text-shadow-article-200x117.jpg)
Stripped text-shadow
On peut dire ce qu’on veut, rien ne vaut un beau titre, bien mise en valeur[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/12/hugeinc-article-200x117.jpg)
HugeInc
Utiliser correctement des outils et effets simples, mais efficace est une stratégie qui paye souvent[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/07/revenge-css-article-200x117.jpg)
Revenge.css
Voici le prochain indispensable de votre boîte à outils ! Je vous présente Revenge.css, le “framework” qui va permettre à vos oublis ou mauvaise pratiques de prendre leur revanche ! Il s’agit tout simplement d’un fichier CSS qui, à la manière du Missing Alt dont je vous ai parlé récemment, va mettre en évidence les … Continuer la lecture de « Revenge.css »
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/07/3d-test-marquee-article-200x117.jpg)
3D Text Marquee
Voilà un nouvel effet de texte en CSS à ajouter à tes favoris[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/07/monopo-article-200x117.jpg)
monopo.co.jp
Monopo est une agence digitale japonaise, basée à Tokyo[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/kapwing-article-200x117.jpg)
Kapwing
Voilà un nouvel outil à ajouter à tes favoris[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/04/missing-alt-article-200x117.jpg)
Missing “Alt”
Petit mais costaud ! Cela devrait être la devise de ce que je vais vous présenter aujourd’hui[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/04/newlytics-article-200x117.jpg)
Newlytics
Aujourd’hui je vais m’attaquer à un contre-exemple de la pertinence d’un site web […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/03/mirror-effect-article-200x117.jpg)
Mirror Effect
Voici une ressource assez sympathique, bien que son utilité reste très limitée[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/02/boundary-breaks-article-200x117.jpg)
Boundarybreaks.com
Pour marquer les esprits, un site internet se doit de marquer l’esprit de ses visiteurs[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/02/orion-article-200x117.jpg)
Orion
Envie d’avoir de belles icônes sans avoir à les customiser sur Illustrator[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/custom-select-box-article-200x117.jpg)
Custom select box
Une petite custom select box en CSS & JS, ça vous tente […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/ertdfgcvb-article-200x117.jpg)
ertdfgcvb.xyz
Certains studios de design ont une approche assez spéciale. Celui d’aujourd’hui ne déroge pas à la règle […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/zoetropie-article-200x117.jpg)
Zoetropie
Connaissez-vous le cinémagraphe[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/404-article-200x117.jpg)
Utiliser les pages 404
Parmi toutes les pages possibles pour un site internet, la 4047 est sûrement l’une des plus négligées […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/tinavv-article-200x117.jpg)
Tinavv.com
Une fois de plus, nous allons à nous intéresser à un portfolio aujourd’hui […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/gloomaps-article-200x117.jpg)
GlooMaps
Non, GlooMaps n’est pas un site qui permet de personnaliser ses cartes google maps […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/3b-hover-effect-200x117.jpg)
Effet 3d on hover
Voici un effet plutôt sympa à ajouter à vos images ! Il s’agit d’un effet de 3D au survol, qui permet une belle interaction à vos visiteurs, et booste votre UX. Bien sûr, il faut l’utiliser avec parcimonie et pertinence. Trop d’animations tue l’animation. Je vous laisse donc tester cet effet et fouiller dans le … Continuer la lecture de « Effet 3d on hover »
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2018/01/dries-van-broeck-article-200x117.jpg)
Driesvanbroeck.be
Cela faisait un petit moment que nous ne nous étions pas intéressé à un portfolio[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/shortcuts-design-article-200x117.jpg)
Shortcuts.design
On a beau utiliser couramment nos logiciels favoris, il y a toujours un raccourcis que l’on n’utilise pas souvent […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/text-shadow-animee-article-200x117.jpg)
Text-shadow animé
Voici un effet très sympa que je m’étonne de ne pas avoir croisé plus souvent sur la toile[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/meltd-article-200x117.jpg)
Melt’d Subs
Voilà un joli site, le premier que je vous présente de l’année […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/feather-icons-article-200x117.jpg)
Feather icons
Est-il possible d’avoir trop d’icônes dans sa bibliothèque de ressources[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/horizontal-3d-carousels-article-200x117.jpg)
Horizontal 3D Carousels
Il existe une quantité incalculable de carrousels sur internet …
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/coulee-creative-article-200x117.jpg)
Coulee Creative
Coulee Creative est une agence digitale américaine basée à La Crosse, Wisconsin[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/12/snapito-article-200x117.jpg)
Snapito
Je vais vous présenter aujourd’hui un outil assez pratique[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/11/3d-text-article-200x117.jpg)
3D Text
Aaaah, le contenteditable, quelle magie ! Pour ceux qui ne connaissent pas encore, il s’agit de zones ou le texte peut être édité par les visiteurs.
[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/11/happy-socks-article-200x117.jpg)
Happy Socks
C’est une première sur ce blog : le webdesign à l’honneur aujourd’hui est celui d’un site e-commerce[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/iconfont-article-200x117.jpg)
IconFont
On a jamais trop d’icônes, n’est-ce-pas ? Voici donc une ressource dont on ne se lasse pas, j’ai nommé IconFont[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/11/lego-loader-article-200x117.jpg)
Lego Loader
Voici une petite ressource très sympathique, en plus d’être bien utile[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/11/lookbook-article-200x117.jpg)
Lookbook.slam
Voici un site au webdesign original et à la navigation très plaisante[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/11/fontface-ninja-article-200x117.jpg)
Fontface.Ninja
Aujourd’hui, l’outil à la une est une extension Chrome des plus utiles[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/11/gerer-temps-chargement-article-200x117.jpg)
Gérer le temps de chargement
Attendre qu’une page charge n’est jamais très agréable, et est une source importante de perte de visiteurs[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/11/quonto-article-200x117.jpg)
Quonto
Comme souvent, les webdesign les plus intéressants sont souvent ceux de produits, ou d’agences[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/stockio-article-200x117.jpg)
Stockio
Voici un type de ressource dont on ne se lasse pas[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/subtle-clic-feedback-effects-article-200x117.jpg)
Clic Feedback Effects
Voici une ressource plutôt sympa pour renforcer votre UI[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/gary-le-masson-article-200x117.jpg)
Gary Le Masson
Voici un cv/portfolio en ligne des plus original ! Et pour cause, il imite le célèbre moteur de recherche Google[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/whatruns-article-200x117.jpg)
What runs
Une fois n’est pas coutume, l’outil d’aujourd’hui ne sera pas une techno, mais un plugin pour Chrome[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/read-remaining-article-200x117.jpg)
Read Remaining
On va parler tech’ aujourd’hui, avec un petit plugin jQuery bien sympatique pour les blogueurs ! Il s’agit de Read Remaining. C’est un plugin destiné à indiquer à vos lecteurs la durée de lecture d’un texte, article, paragraphe … bref vos avez compris le concept. Le plus de Read Remaining est qu’il se base tout … Continuer la lecture de « Read Remaining »
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/subsign-article-200x117.jpg)
Subsign
Je vais vous présenter le site de l’agence de communication Subsign[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/search-and-replace-databases-article-200x117.jpg)
Search & Replace Databases
Vous l’avez peut-être remarqué, j’ai récemment passé mon site en https[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/10/layzr-article-200x117.jpg)
Layzr.js
Voici un chouette plugin pour faire du lazy loading sur vos sites[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/cupcuff-article-200x117.jpg)
Cupcuff
Voici un site un peu particulier que j’aimerais vous présenter aujourd’hui[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/formcarry-article-200x117.jpg)
Formcarry
Tu n’aimes pas mettre les mains dans le cambouis pour configurer et sécuriser tes formulaires ? J’ai l’outil qu’il te faut[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/menus-mobile-article-200x117.jpg)
La place des menus sur mobile
Les menus ont toujours été un problème sur les mobiles[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/uiviking-article-200x117.jpg)
UIviking
Cela fait quelques semaines que j’attends avec impatience de vous parler de ce site[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/fontbase-article-200x117.jpg)
Fontbase
Fontbase est l’outil que j’attendais depuis tellement longtemps[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/ameliorer-menus-article-200x117.jpg)
7 façons d’améliorer des menus
Si l’on souhaite créer et proposer des designs et sites de qualité, l’amélioration continue est incontournable[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/the-feebles-article-200x117.jpg)
The Feebles
Je vais vous présenter aujourd’hui le site de l’agence Nantaise the Feebles[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/crello-article-200x117.jpg)
Crello
Je vais vous parler aujourd’hui d’un outil très pratique que j’ai découvert récemment : Crello[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/toggle-switch-css-article-200x117.jpg)
Toggle Switch 100% CSS
Il existe des centaines de toggle switch sur la toile, mais celui-ci, en plus d’être joli, est entièrement en CSS[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/09/all-boats-rise-article-200x117.jpg)
All Boats Rise
All Boats Rise est une agence créative américaine basée à Venice, Los Angeles[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/stampede-article-200x117.jpg)
Stampede
Si votre prochain projet s’axe autour de la nature, cette ressource peut vous intéresser[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/mojs-article-200x117.jpg)
Mojs
Accrochez-vous bien, car je vais vous présenter aujourd’hui une superbe librairie d’animations javascript[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/headspace-article-200x117.jpg)
Headspace
Aujourd’hui je voudrais vous parler d’Headspace[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/coolhue-article-200x117.jpg)
Coolhue
Coolhue est un mélange de deux types de générateurs : ceux de couleurs et ceux de dégradés[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/css-text-blend-mode-article-200x117.jpg)
CSS text blend mode
Accrochez-vous bien, nous allons aujourd’hui apprendre une superbe méthode pour avoir un beau contraste en apposant du texte sur une image[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/narrow-design-article-200x117.jpg)
NarrowDesign
Narrow Design, le portfolio de Nick Jones, est un site dont il faut absolument faire l’expérience[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/web-launch-checklist-article-200x117.jpg)
Web launch Checklist
Voici une ressource qui très pratique pour nous autres webdesigners et intégrateurs[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/css-preloader-article-200x117.jpg)
CSS Preloader
C’est une ressource que je n’ai jamais présentée ici qui est à l’honneur aujourd’hui[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/web-design-museum-article-200x117.jpg)
Web Design Museum
Comme son nom l’indique, le Web Design Museum est un musée en ligne sur le webdesign[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/fontice-article-200x117.jpg)
Fontice
Fontice est une collection d’icônes fonctionnant sous le système de police, comme le fameux FontAwesome[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/stack-hover-effect-article-200x117.jpg)
Stack Motion Effects
Préparez-vous à être émerveillé par les superbes effets que je vais vous présenter aujourd’hui[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/08/golfballfinder-article-200x117.jpg)
Golfballfinder.com
Le site d’aujourd’hui fais partie de la catégorie de sites aux plus beaux design : le sites de produits[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/07/mixfont-article-200x117.jpg)
Mixfont
Vous êtes à la recherche des meilleures combinaisons de polices ? Cet outil est fait pour vous[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/07/jelly-radio-button-article-200x117.jpg)
Jelly Radio Button
Partant pour une nouvelle ressource pour améliorer ton UX ?
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/07/tendances-background-modernes-article-200x117.jpg)
Tendances de background modernes
Pas de site particulier, aujourd’hui j’ai décidé de mettre en avant quelques tendances pour vos background[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/07/ambiance-article-200x117.jpg)
Ambiance
Ambiance est un générateur de palettes gratuit, et assez performant[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/06/effet-dhover-directionnel-3D-article-200x117.jpg)
Effet d’hover directionnel 3D
Difficile de décrire cet effet en un court titre ! Ce tuto va vous permettre de réaliser un cube 3D dont son animation variera selon le côté par lequel la souris rentrera[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/06/prashant-article-200x117.jpg)
Prashantsani.com
Laissez moi vous présenter le site de Prashant, un développeur front-end basé à Mumbaï[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/06/webgradients-article-200x117.jpg)
Webgradients
WebGradients est une collection de fonds en dégradés plutôt pratique !
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/06/alternatives-menu-hamburger-article-200x117.jpg)
Les alternatives aux menus hamburger
C’est UXplanet qui nous régale en nous proposant une petite étude sur les possibilités d’alternatives aux menus hamburger pour nos versions mobiles[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/06/discover-outpost-article-200x117.jpg)
Discoveroutpost.com
Découvrons aujourd’hui le site d’Outpøst, un agence anglaise spécialisée dans le Branding[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/06/text-gradient-article-200x117.jpg)
Text Gradient
Text Gradient est un outil très simple qui vous aidera à générer des dégradés pour vos textes[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/05/page-piling-article-200x117.jpg)
Page Piling
Page Piling est un plugin jQuery très facile d’utilisation pour créer des pages au scrolling original ![…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/05/iliketofu-article-200x117.jpg)
Iliketoffu.eu
I like Tofu est une marque de … tofu ! Quelle révélation, c’est-ce pas ?[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/05/material-mixer-article-200x117.jpg)
Material mixer
Vous êtes un grand adepte du material design ? Voici un outil qui vous est destiné […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/05/3d-pure-css-article-200x117.jpg)
Texte 3D en pur CSS
Je vais vous présenter aujourd’hui un CodePen de Noah Blon. Ce code m’impressionne beaucoup, car il s’agit[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/05/enjoy-aiia-article-200x117.jpg)
Enjoy-aiia.com
Aiia est une entreprise créatrice de produits promotionnels originaux. J’ai choisi leur site pour plusieurs raisons[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/05/yesse-article-200x117.jpg)
Yesse : hébergement temporaire
Yesse un service gratuit d’hébergement temporaire pour vos sites web[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/splitchar-article-200x117.jpg)
Splitchar
Splitchar est un petit plugin jQuery quicomme son nom l’indique, va “spliter” les caractères de vos textes[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/angry-bear-article-200x117.jpg)
AngryBear
Angry Bear est une agence interactive américaine qui officie dans différents domaines, tels que[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/everypixel-article-200x117.jpg)
Everypixel
Everypixel est un moteur de recherché dédié aux images et photos[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/formulaire-de-contact-enveloppe-article-200x117.jpg)
Formulaire de contact en enveloppe
Aujourd’hui je vais vous présenter un de mes formulaires de contact favori[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/the-butter-source-article-200x117.jpg)
Thebuttersource.com
Le webdesign d’aujourd’hui est celui du site de the Butter Source, fabricant de cosmétiques pour barbes et cheveux[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/simple-icons-article-200x117.jpg)
Simple Icons
Simple Icons est une collection de logos de marques connues, au format SVG[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/morphing-hamburger-menu-article-200x117.jpg)
Morphing CSS hamburger menu
Aujourd’hui je vous propose un tuto de menu hamburger animé par Scotch.io, selon une Dribble de Vitaly Rubtsov […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/04/revols-article-200x117.jpg)
Revols.com
Une fois de plus, c’est le site d’un produit que j’ai sélectionné. Après les écouteurs Beoplay, je vous propose de découvrir le site de ceux de Revols […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/heroicons-article-200x117.jpg)
Heroicons
Heroicons est une collection d’icônes entièrement personnalisables en CSS, par les créateurs d’Hero Patterns […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/01/css-breakpoints-article-200x117.jpg)
CSS breakpoints
Aujourd’hui, c’est un article tuto-reflexion de FreeCodeCamp sur les breakpoints CSS que je souhaite partager avec vous […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/toyfight-article-200x117.jpg)
Toyfight.co
Toyfight est une agence créative spécialisée dans le design. J’ai sélectionné leur site pour cet article, car il […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/color-supply-article-200x117.jpg)
Color supply
Color supply est une palette de couleur interactive en ligne [..]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/css-paper-text-article-200x117.jpg)
CSS Paper Text
La petite démo que je vous ai sélectionné aujourd’hui est l’oeuvre de Mattia Astorino […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/firewatch-article-200x117.jpg)
Firewatchgame.com
Firewatch est un jeu-vidéo édité par Campo Santo, dans lequel vous incarnez une sentinelle chargée de surveiller la forêt pour prévenir tout départ de feu […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/clippy-article-200x117.jpg)
Clippy
Je vous présente aujourd’hui Clippy, un générateur gratuit de formes complexes en CSS […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/112-boutons-css-article-200x117.jpg)
112 Boutons CSS
Remercions FreeFrontEnd.com pour cette petite collections de très beaux boutons entièrement (ou presque) en CSS […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/03/riccardozanutta-article-200x117.jpg)
Riccardozanutta.com
Découvrons sans attendre le portfolio de Riccardo Zanutta, un développeur Front-End italien […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/02/mjml-article-200x117.jpg)
MJML, le Bootstrap de l’emailing
MJML, abréviation de Mailjet Markup Language, est un framework dédié à l’emailing. Destiné à simplifier le codage d’email […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/02/jquery-tilted-page-scroll-article-200x117.jpg)
JQuery Tilted Page Scroll
Je vais vous présenter un plugin jQuery qui va vous permettre de faire sortir votre site du lot ! JQuery Tilted Page […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/02/denyshess-article-200x117.jpg)
Dennyshess.ch
Dennys Hess est un directeur artistique et designer suisse, basé à Hong-Kong. J’ai sélectionné son portfolio […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/01/mockuuups-studio-article-200x117.jpg)
Mockuuups Studio
L’application que je vais vous présenter aujourd’hui va très certainement vous faire gagner beaucoup de temps […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/01/bttn-css-article-200x117.jpg)
Bttn.css
Bttn.css est, comme son nom l’indique, une petite collection de boutons en CSS […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/01/heco-article-200x117.jpg)
helloheco.com
Heco est une agence web basée à Chicago. J’ai sélectionné ce site, qui a remporté un Awwards dans la catégorie Site of the Day, car […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/materialette-article-200x117.jpg)
Materialette
Materialette est une palette de couleurs pour le material design. Certes, il existe déjà un nombre incalculable de programmes […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/01/grille-hexagones-article-200x117.jpg)
Créer une grille d’hexagones en CSS
Aujourd’hui c’est un petit tuto de Codin de Codesmite.com que j’ai choisi de vous présenter. Celui-ci vous permettra de créer une grille […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/01/sequence-article-200x117.jpg)
sequence.co.uk
Il y a certains site qui parviennent à vous scotcher instantanément dès votre arrivée. Le site de l’agence anglais Sequence en fait partie […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/retro-wave-generator-article-200x117.jpg)
Retro-Wave
Photofunia est un site sur lequel vous pourrez personnaliser des centaines d’images avec votre propre texte. Parmi tous les effets disponibles […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/formes-css-article-200x117.jpg)
Les formes CSS
Qui n’a jamais rêvé de voir le texte de son site suivre la forme de son conteneur et s’affranchir des rectangles et carrés […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/whatever-your-style-article-200x117.jpg)
Whateveryourstyle.com
Le site d’aujourd’hui est à nouveau celui d’un produit, un système communication pour motards […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2017/01/tilt-hover-article-200x117.jpg)
Effet tilt hover
C’est un effet dont je suis totalement fan que je vais vous présenter aujourd’hui : le tilt-hover[…]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/beoplay-article-200x117.jpg)
Beoplay.com
Les Beoplay sont des écouteurs haut de gamme. Leur site traduit bien ce standing, au travers d’un design particulièrement réussi […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/hero-pattern-article-200x117.jpg)
Hero Patterns
Hero Patterns est une collection de fonds répétables en SVG pour votre site web. Entièrement gratuit, Hero Patterns […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/device-js-article-200x117.jpg)
Device.js
Device.js est un script créé par Matthew Hudson. Très léger, son but est d’identifier le support sur lequel votre site est consulté, afin de pouvoir le personnaliser […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/blackbox-article-200x117.jpg)
Blackbox.cool
La page que j’ai choisi de vous présenter aujourd’hui est celle présentant les membres de l’équipe de Blackbox […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/css-transition-mask-article-200x117.jpg)
Transitions CSS Masks
Nous allons aujourd’hui voir une méthode de transitions en CSS expérimentale, basée sur les masques CSS. Visible sur ces demos, ces transitions […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/fiorito-article-200x117.jpg)
Fiorito.nl
Le site que j’ai décidé de mettre en lumière aujourd’hui est celui d’un producteur de boissons à base de citron : Fiorito […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/milwaukeekayak-article-200x117.jpg)
Milwaukeekayak.com
Milwaukeekayak est un site de … location de canoés et kayak dans le Milwaukee. J’ai sélectionné ce site pour son animation […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/prismic-cms-webdesign-article-200x117.jpg)
Prismic.io
Priscmic est un nouveau CMS tout à fait intéressant (il fera peut-être l’objet d’un post dans la catégorie Outils prochainement …) […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/grade-js-article-200x117.jpg)
Grade.js
Grade.js est une librairie javascript très intéressante. Elle vous permettra de générer des dégradés générés à partir des 2 couleurs […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/enigma-swiss-article-200x117.jpg)
Enigma.swiss
Enigma est une agence web suisse. La principale raison de mon choix est l’animation à l’apparition des éléments de la page, très fluide […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/napkin-article-200x117.jpg)
Napkin
Napkin est une application pour Iphone dédiée au mockups de versions mobiles. Sur celle-ci, vous pourrez concevoir vos maquettes de […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/rleonardi-article-200x117.jpg)
Rleonardi.com
Le site que j’ai sélectionné cette fois est le C.V de Robby Leonardi. Je l’affectionne tout particulièrement car il se parcoure […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/where-cards-fall-article-200x117.jpg)
WhereCardsFall
Where Cards Fall est un jeu-vidéo en cours de création par les studios Snowman. L’écran d’accueil du site est très épuré, on n’aperçoit […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/waaark-article-200x117.jpg)
Waaark.com
J’ai découvert il y a quelques temps le site du studio Waaark. J’aime beaucoup leur site pour plusieurs raisons […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/plume-wifi-article-200x117.jpg)
Plumewifi.com
Plume Wifi est un répétiteur wifi. Ce qui m’a fait choisir ce site, c’est l’effet appliqués sur les objets montrés en fond lors du scroll […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/seadog-productions-article-200x117.jpg)
Seadog Productions
J’ai choisi aujourd’hui de vous présenter le site internet de Seadog Productions. Il s’agit d’une équipe de productions télévisuelle que j’ai sélectionné […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/rachelsgingerbeer-article-200x117.jpg)
Rachelsgingerbeer
Ce qui m’a fait choisir ce site, c’est le premier écran lorsqu’on arrive sur ce site. Le header très grand et en pleine largeur, suivi d’un split screen […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/hexagon-article-200x117.jpg)
Hexagon
Hexagon est un template de portfolio One Page cée par Orkan Çep. Je l’ai sélectionné car j’ai de plus en plus cette idée de […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/x-prvrt-me-article-200x117.jpg)
X.pervrt.me
Le site qui à retenu mon attention cette fois est une réalisation de l’agence Perverte. J’aime beaucoup le principe de n’avoir qu’un seul contenu par […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/plotagraph-pro-article-200x117.jpg)
Plotagraph Pro
Plotagraph Pro est un programme qui vous permettra de transformer vos meilleures photos en GIF animés. Il vous suffit pour cela […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/audiograph-article-200x117.jpg)
Audiograph.xyz
Audiograph.xyz est un site destiné à créer une visualisation graphique en direct de l’album Trans du groupe Pilotpriest. Le résultat, oscillant entre […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/rallyinteractive-article-200x117.jpg)
Rallyinteractive.com
J’aime quand les design web sors des classiques blocs rectangulaires et figés. C’est pour cela que j’ai choisi de vous présenter […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/designfreebies-article-200x117.jpg)
/r/designfreebies
Pour ceux qui ne le conaissent pas encore, Reddit est un site américain divisé en un nombre infini […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/prisma-article-200x117.jpg)
Prisma
Prisma est une application, disponible sur iOS et Android, est le carton du moment !Cette appli vous permet de modifier vos [..]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/spector-article-200x117.jpg)
Le Shazam de la typo
Fatigués d’essayer de reconnaître la magnifique police que vous venez de voir sur une affiche ou un magasine ? Spector est fait pour vous […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/blisk-article-200x117.jpg)
Navitageur Blisk
Le navigateur que je vais vous présenter est le petit nouveau nommé Blisk. A la différence des navigateurs classiques, Blisk […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/heisenberg-ipsum-article-201x118.jpg)
Heisenberg Ipsum
Vous êtes fan de Breaking Bad et souhaitez égayer vos maquettes ? Heisenberg Ipsum est fait pour vous ! En effet, ce générateur […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/renaterechner-article-200x117.jpg)
Renaterechner.at
Le design web que j’ai choisi de mettre en avant aujourd’hui est celui de renaterechner.at. J’aime beaucoup l’aspect de ce site dans […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/target-blank-article-201x118.jpg)
La vunérabilité de target=”_blank”
Depuis toujours nous utilisons l’attribut target=”_blank” afin d’ouvrir un lien dans un nouvel onglet/fenêtre. Il est devenu […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/vitesse-animations-ui-article-200x117.jpg)
Vitesse des animations UI
Quelle est la vitesse idéale pour les animations d’un site web ? C’est une question que tout développeur s’est déjà posé. Après avoir […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/checkbox-article-201x118.jpg)
Checkbox CSS
C’est via son GitHub que 720kb nous livre ce set de d’animations pour les checkbox, tout en CSS3. Flip, rotation ou encore fade-out […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/11/3magine-article-201x118.jpg)
3magine.com
Aujourd’hui j’ai décidé de vous présenter le site de l’agence Web de Toronto 3magine. J’aime particulièrement le motion […]
![Tech](https://www.florentchaudeur.fr/blog/wp-content/uploads/2016/12/100yearsofnps-article-200x117.jpg)
100yearsofnps.com
100yearsofnps.com est le site mis en place pour célébrer le 100ème anniversaire du service des parcs nationaux américains […]
Top articles
-
Logos : Checklist logo
-
Artistes : Tim Noble & Sue Webster
-
Artistes : Simon Stålenhag
-
Artistes : Kerby Rosanes
-
Techno : Toggle Switch 100% CSS
-
News : Nouveau logo Mastercard