Afficher les éléments par tag : SCSS

Edition CSS Open Source & service d'hébergement: WebPutty

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Fri, 06 Apr 2012 11:38:56 +0000

WebPutty est une application qui nous permet d'écrire du code CSS en ligne avec un éditeur à colorisation de syntaxe et de voir les changements en temps réel avec un panneau de prévisualisation à côté.

Le fichier CSS hébergé de cette façon, permet d'appliquer toutes les modifications apportées immédiatement au site en direct. Et il n'y a pas de limitation au nombre de fichiers CSS que vous pouvez héberger avec un seul compte.

Il prend également en charge SCSS et Compass pour ceux qui veulent utiliser toutes les caractéristiques avancées des feuilles de style.

WebPutty était un service hébergé gratuitement et il est maintenant open source de telle sorte que n'importe qui peut créer ces propres instances et modifier ou gérer les fichiers CSS de plusieurs projets à partir d'un emplacement unique.

édition
open source
css
webDesign
feuille de style
SCSS
Compass
webputty
site web
hébergement

Animations basées sur CSS et JavaScript pour fonctions mathématiques - Easings.net

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Tue, 18 Sep 2012 05:06:17 +0000

Pour les animations basées sur JavaScript et Css, Easings offre d'énormes facilités notamment dans la vitesse d'execution.

Easings.net est un site très utile pour la compréhension et l'utilisation de ces fonctions d'accélération.

Chaque fonction est affichée avec un graphique linéaire où un curseur exécute automatiquement une animation avec cette courbe.

Et, nous pouvons voir comment chaque fonction peut être utilisée avec les CSS, SCSS et JavaScript (plugin jQuery Easing).

Enfin, il est possible de les personnaliser, il y a un lien pour chaque fonction qui amène à un autre site génial: Cubic-Bezier.com

web
pour
css
webDesign
javascript
site
SCSS
fonctions
animations
basées
mathématiques
Easingsnet

Générateur de Sprite en ligne (avec support SASS) - SpriteMachine

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Thu, 20 Dec 2012 06:47:22 +0000

Les Sprites CSS sont parfaits pour minimiser le nombre de demandes adressées pour charger les images et améliorede la vitesse de chargement.

Cependant, pour un sprite composé avec de nombreuses images, il faut du temps pour créer l'image du sprite et créer les règles CSS adéquoite.

SpriteMachine est une application web très simple pour automatiser ce processus de génération de sprite.

Il suffit de télécharger les images dans un fichier compressé au format zip, choisissez ensuite l'orientation de l'image sprite (horizontale ou verticale) et voila.

De plus, cette application demande également si les règles génèrées doivent être en CSS, SCSS ou SASS.

generateur
Sprite
ligne
avec
support
SASS
SpriteMachine
webDesign
css
SCSS

Cadre pour une bonne architecture CSS - Skyline

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Mon, 15 Dec 2014 07:16:09 +0000

Skyline vous aide à créer un evironnement de conception CSS pour votre site web.

Il encourage a respecter une architecture CSS bien pensé, et vous permet de développer une base de code réutilisable et maintenable.

Le kit de démarrage fournit une architecture de CSS solide qui agit comme un échafaudage pour soutenir votre environnement de conception unique.

Il favorise le codage CSS orientée objet, écrit en SCSS utilisant la notation BEM.

Il contient beaucoup de mise en page, des aides structurelles, d'éléments de base et de modules de styles.

Ce est vraiment un point de départ, un ensemble organisé de fichiers qui vous permettent de créer votre propre cadre personnalisé.

webDesign
cadre
pour
bonne
architecture
css
Skyline
site
web
SCSS
BEM