background preloader

Violettte

Facebook Twitter

Ketels

Styliste Infographiste

Vincent De Oliveira · Passionné de CSS. Tendances | Le Fil de Charline. Eh oui, depuis quelques années, nos façons de recevoir ont évolué pour délaisser un peu les grandes tablées qui n’en finissent plus pour préférer des formules plus sympas, plus détendues pour ainsi profiter au maximum de ces moments de partage de manière conviviale. On vous montre ainsi un petit panorama pour recevoir autrement ! Suivez le guide :) - Slunchez pour bien démarrer votre semaine ! Dimanche, 17h00 : que faire ? Et bien, une nouvelle tendance venue tout droit des Etats-Unis nous propose une formule très sympa : SLUNCHER. Contraction de « Supper » et de « Lunch », sluncher est une manière de recevoir assez informelle entre 17h et 21h. C’est plus qu’un goûter et moins guindé qu’un vrai dîner à table. Le but est de se réunir simplement, autour du salon, chacun trouve sa place sur un fauteuil, un canapé ou même sur le tapis, bref on ne se met pas à table !

Pas d’assiettes, de bols… Du simple ! - Brunchez dès le réveil ! Autre tendance forte : le brunch. . - Pensez au cocktail dinatoire ! Medium-Style Page Transition. An article on how to achieve Medium’s next page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out. View demo Download source Medium, a blogging platform which has gained popularity over the past several months, has one of the smoothest, most polished user interfaces on the web.

As you click and touch the interface, you’ll notice that great attention has been paid to transitions, white space, color, fonts, imagery, and iconography. In this article, I will outline how to achieve Medium’s page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out. Once the content is Ajax’d-in, the <body> looks something like so: Javascript The Code Side notes. Générateur CSS3. Avec les dernières avancées CSS3, de nombreux effets qui demandaient autrefois le maniement de Photoshop sont désormais directement codable en CSS.

Il est cependant toujours un peu difficile de visualiser des effets graphiques (ombrages, dégradés…) en regardant une ligne de code. Cette liste de générateurs CSS vous permettra d’obtenir facilement les effets de style désirés via une interface graphique, et d’extraire le code CSS correspondant. Cette liste de générateurs CSS3 a été publiée par Chris Spooner sur le site Line25 . Les générateurs CSS3 tout-en-un Les générateurs CSS de grille et de squelette Les générateurs CSS de dégradé (gradient) {*style:<b> </b>*} Les générateurs CSS de bouton Les éditeurs CSS de texte Les générateurs CSS de « sprite » Le meilleur du reste. Arts en fête | Festival de musique à St-Eustache. Site en paralax. Les Effets Parallax : la crème de la crème! Depuis la visibilité fulgurante qu’a obtenue le site web NikeBetterWorld.com, nous avons vu apparaître plusieurs sites web totalement géniaux utilisant des principes de navigations et d’expériences usager uniques grâce aux effets Parallax.

Pour ceux qui ne connaissent pas cette fonctionnalité, les effets Parallax consistent à séparer des éléments visuels de l’arrière-plan d’un site Internet et à les faire défiler à des vitesses variantes créant ainsi un effet de profondeur lorsque l’usager navigue de haut en bas dans une page web. Nike Better World n’était pas le premier site à utiliser cette technologie, mais il est sans aucun doute, celui qui a fait le plus parler de lui et qui s’est fait le plus partager sur le web. Voici donc pour vous, une liste de 22 sites très impressionnants visuellement utilisant l’effet Parallax. N’hésitez pas à laisser vos impressions et commentaires à la fin du billet! Cette gallerie de sites web est parue initialement sur le site web de Webdesignledger.com. Design Seeds® | for all who ❤ color.

Immersive Garden - Dilshan Arukatti's book. CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. Download | Sequence - The Responsive Slider with Advanced CSS3 Transitions. Design banque de photos, design photographie de stock, design banque d'images. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. 3560 - animer avec html et css. Templates4share.com. All-free-download.

DeviantART: where ART meets application! Draw a Stickman. Pi's Epic Journey - LIFE OF PI on Digital HD | Watch Full Movie Online or Download Now. Behance-portfolio. Apprenez à créer votre site web avec HTML5 et CSS3. 25 sites utilisant un effet de parallaxe original - web-design-inspiration. Aujourd'hui le Blog du Webdesign s'intéresse à la nouvelle tendance de plus en plus présente dans le web design, découvrez l'effet parallaxe avec notre sélection de sites web originaux.

Pour commencer intéressons nous à sa définition. Qu'est ce qu'un effet de parallaxe ? La parallaxe est l’incidence du changement de position de l’observateur sur l’observation d’un objet. En d'autres termes, la parallaxe est l'impact (ou l'effet) de changement de position de l'observateur sur un objet observé. source L'effet de parallaxe dans la conception web est la technique qui permet de faire déplacer des images disposées sous différentes couches. L'interaction se fait à partir de la souris ou du scroll afin de créer un effet de vitesse/perspective pour donner une illusion agréable et intéressante de 3D. Dezup ( Projet du Blog Du Webdesign ^^ ) Chemicalromance Iutopi The Chase Digital hands Bikingboss Raffaelstueken Coca-cola Egopop.net Campaignmonitor.com/hiring Demodern Ap-o.

What You Need For Parallax Scrolling Effect. If you want to be able to create the most demanded parallax scrolling effect that is all the rage now, you’re in the right place, right time and reading just that post you’ll say thanks for down the road. Hopefully that was not too arrogant, but seriously speaking the article covers a few ways of creating the super trendy parallax scrolling effect for your site. On finishing the article, you’ll know what to learn in order to be in the know and show your customer that you don’t live under the rock. Note: I take it for granted that you already know HTML/CSS because you’re just illiterate if you don’t. No offence, but you really need that knowledge to be at least a bit competitive nowadays. Being able to integrate the parallax scrolling effect in your client’s website is going to be the thing that sets you apart from the rest of the web developers who are not learning new stuff on a regular basis. As in many cases in our day and age, there’s an easier way to add that effect to your site.

Web-design. FASHIONTOGRAPHY. Download Free Templates and try your skills before purchasing our templates. It is known that website creation requires a lot of means, skills and energy. And if you are unfamiliar with HTML and CSS or just wish to save your time, our website templates are the perfect solution for you. TemplateMonster has created this collection of free web templates for you and regardless whether you are a newbie or a professional webmaster or designer you will still find them useful. They will also help you to evaluate the quality of our products, get a feel for things and try your skills before purchasing. So don't hesitate to view and download these high quality templates free of charge for your education and use, but please note there are conditions and limitations associated with using these free website templates.

For example you are not allowed to use these free sample templates with commercial purposes (including but not limited to selling them, using them as your online stores or including them into your portfolios). Web Design — Actualites Developpement et Design Web. Votre site web avec les integrations de medias sociaux, clé en main! Syte est un site personnel packagé qui offre des integrations avec les reseaux sociaux comme twitter, github, dribbble, instagram, foursquare, tumblr, last.fm, soundcloud et bitbucket.

Syte utilise tumblr pour les blogs. Dans le cadre de l’integration avec twitter, quand quelqu’un clique sur un lien qui pointe au profil d’un utilisateur twitter, Tutorial : comment developper slider d’images 3D HTML5 CodRops vous apprend comment creer un Slider 3D HTML5, en utilisant du Javascript et du CSS! Lire La suite sur CodRops : &nbsp Comment creer un gestionnaire d’upload ajax avec jQuery Tutorialzine nous apprend comment developper un Mini AJAX File Upload Form qui permet de charger des fichiers via drag and drop ou manuellement.

Express : un Framework Node.js robuste et flexible Prefix-Free : Plugin JavaScript contre l’horreur CSS Prefix! Moqups. Ann.ducros. Seb | Illustrateur. Pochettes d’album | Violette Ketels. Vectors - GFXNERDS. Fb Violette Ketels. Pinterest.