background preloader

Refonte site

Facebook Twitter

Particles.js - A lightweight JavaScript library for creating particles. Canvas Particle Animation. Themeforest. Features 11 PSD File IncludedFully CustomizablePixel PerfectWell-organised Note: The images you see in the screenshots are used for demo purposes only, they are not incuded in the download package.

themeforest

Our Latest Minimal WP Theme Multi-Purpose WordPress Theme Construction, Architecture, Building Industry WordPress Theme Creative Portfolio WordPress Theme Mechanic (car service) WordPress Theme News, Magazine, Digital Newspaper WordPress Theme/h4> Real Estate WordPress Theme Creative WordPress Portfolio Medical, Health Clinic WordPress Theme. Themeforest. About catalizer. is a comprehensive template for widespread use.

themeforest

Contains everything you should include modern page. Each PSD file is layered and contains an overview of the hierarchy of groups and layers for easy work. Your pictures can replace just a few clicks, because each image is a smart object which is very useful. You have the number of components for your creative site. . - Fully Customizable - Free Google Font - Grid 1170px - 2 Color Layout Styles (Light, Dark) - 2 Menu Styles (Light, Dark) - Masonry Portfolio - Modern Clean Design - Smart Objects Ready (Replace Images with few click) - Dropdown Menu Preprepared - Mouse Hovers Preprepared - Well Organized Layers in Groups - Documentation - Support Forum. Themeforest. OutBox is an awesome start for those who always wanted to have a creative but still professional looking websites.

themeforest

It can be used for companies, agencies and by any professional worker who wants to standout from the average look and feel. OutBox offers a clean, elegant, professional and modern look through its 15 PSD files, designed specifically for the web. Most of the files are based on a fixed-screen concept (1920×985 px), but it is also available as a single-scrolling page, easy to customize and edit. Files OutBox offers 15 PSD files: 12 Large screen PSD files (1920×985 px) 3 Single-Scroll Pages (1920x +7000 px) Fixed Screen (1920×985 px): Home page Lateral Menu About Us Skills Services Portfolio Single Project Team Clients Blog Blog’s Article Contact Single-Scrolling page: Single page Single page – Blog’s Article Single page – Single Project Features. Cube Rotate Menu Link.

Timelines

Page Loading Effects. Jquery.html5loader by GianlucaGuarini. Tealyatina: Online 3D dice roller. This is my pretty online 3D dice roller: I wrote it during practicing in WebGL (actually, it uses beautiful three.js and cannon.js).

tealyatina: Online 3D dice roller

It also uses random.org to produce true random numbers (from atmospheric noise). The main goal is to make a soulful place to roll dices. I did not want a simple calculator as if you clicking a button and they showing you just bald digits in a result. There are a lot of such online textual rollers on the Internet. They are completely ugly ones. And that is more valuable after all is that you want to be a participant of random. Also note that the roller uses true random numbers from random.org as additional advantage of realy random creation. Demonstration video (sorry about low resulution): I also added textual notation for future use. So I think this is realy awesome and cute online dice roller :) Source code are free to copy, as usual: Jnicol/particleground.

Guide des animations SVG (SMIL) Armez-vous de courage, voi che'ntrate...

Guide des animations SVG (SMIL)

Voici le fameux guide de Sara Soueidan, pour tout savoir sur les animations SVG avec SMIL. Les animations SMIL permettent des choses impossibles avec CSS. Par Sara Soueidan Introduction de Chris Coyier : Sara a le don de plonger au coeur des fonctionnalités du web et de nous les expliquer à nous autres, simples mortels. Ici, elle va creuser au plus profond de SMIL (et ses amis) et de la syntaxe d’animation de SVG pour nous donner ce guide épique. Note du traducteur épuisé : guide épique s’il en est, et qui peut paraître ardu, surtout dans ses premiers paragraphes. Généralités Les graphiques SVG peuvent être animés au moyen d’éléments d’animation. <animate> - qui vous permet d’animer des attributs et propriétés scalaires sur une période de temps donnée.

En plus des éléments d’animation définis dans la spec SMIL, SVG inclut des extensions compatibles avec ladite spécification. Pourquoi utiliser les animations SVG? //SVG <rect id="cool_shape" ... Découvrez votre CSS sous une autre forme avec CSS Stats. Aujourd'hui, je vous propose de voir votre CSS sous un autre jour grâce à une petite application web : Parse CSS.

Découvrez votre CSS sous une autre forme avec CSS Stats

Prenez la température de votre CSS avec CSS Stats Pour commencer, entrez simplement le lien de votre site dans le champ URI et appuyez sur Go. Après quelques petites secondes, vous vous retrouverez face à une présentation complète de votre CSS d'un point de vue purement statistique. Les différentes couleurs de texte et de background, les tailles de polices ainsi que leurs familles, tout est scrupuleusement dénombré et compte. Il existe aussi quelques graphes un peu plus complexes, indiquant la proportion de déclaration CSS unique pour les propriétés les plus utilisées, ce qui permet de mieux se rendre compte de l’état de propreté de votre CSS. Optimiser son CSS. AzOBer.