background preloader

Sass: Sass Basics

Sass: Sass Basics

http://sass-lang.com/guide

Related:  sitesWWW_addonsHTML / CSS / JSCSSCSS & Sass Tita Créadompeche

70 services à connaître pour mieux utiliser Facebook Dans la vague des réseaux sociaux, Facebook s’impose auprès de toutes les générations. Malgré la concurrence des autres réseaux comme Twitter, Linkedin… Facebook, grand public et généraliste, se maintient et augmente son nombre d’inscrit. Après 6 ans d’existence on compterait près de 180 millions d’utilisateurs du réseau communautaire Facebook en Europe avec plus de 20 millions en France. Voici une sélection de quelques outils qui vous permettront d’optimiser votre présence ou encore de découvrir des applications sympa ! Edit : article mis à jour avec vingt applications supplémentaires !

CSS3 Flexbox Layout module Vous connaissez certainement le modèle de boîte classique en CSS et ses dispositions de type “block” ou “inline”, sachez que Flexbox CSS3 a été conçu pour étendre ce périmètre en introduisant un nouveau modèle de boîte distinct, que l’on appellera “le Modèle de boîte flexible”. En février 2016 est sorti mon livre entièrement dédié à Flexbox. Il se nomme "CSS3 Flexbox : plongez dans les CSS modernes" et je vous recommande bien évidemment sa lecture afin de comprendre tous les rouages de ce positionnement révolutionnaire, et d'en maîtriser tous les aspects.

De la géométrie avec CSS Grâce aux CSS et à la nouvelle norme CSS3, nous pouvons créer de plus en plus de formes telles que les carrés, les rectangles, les ronds, etc. Dans cet article, je vais présenter les différentes possibilités de formes faisables en CSS (du moins une liste non exhaustive). Tous les exemples auront pour structure HTML cette base : Compatibilité : Chrome, Safari, Opera, Firefox 4, IE9.Compatibilité partielle : Firefox 3.5 et IE8 (problème avec le border-radius). Créer des menus simples en CSS Dans ce tutoriel, nous allons apprendre à réaliser des menus "simples" (sans arborescence: tous les liens sont au même niveau) à l'aide des feuilles de style. Sommaire Le code HTML Comme toujours, le choix des balises html doit être guidé par la nature du contenu qu'on souhaite y placer. Dans le cas d'un menu, la question est un peu délicate, dans la mesure où il n'existe pas de balise spécifique pour désigner un ensemble de liens.

XMLHttpRequest La deuxième version du XHR ajoute de nombreuses fonctionnalités intéressantes. Pour ceux qui se posent la question, le XHR2 ne fait pas partie de la spécification du HTML5. Cependant, cette deuxième version utilise de nombreuses technologies liées au HTML5, nous allons donc nous limiter à ce qui est utilisable (et intéressant) et nous verrons le reste plus tard, dans la partie consacrée au HTML5. Tout d'abord, faisons une petite clarification : 30 opérateurs Google pour affiner ses recherches Rechercher des informations sur Google, c’est très facile. Mais dans certains cas, les requêtes classiques ne sont pas suffisantes. Google propose heureusement de nombreuses astuces pour affiner la recherche. Parmi celles-ci, les opérateurs de recherche sont très pratiques.

Lassés de Bootstrap ? Découvrez inuit.css ! inuit.css est un framework CSS extensible, construit sur un ensemble de bonnes pratiques CSS et qui n'impose pas de design prédéfini. inuit.css est-il fait pour vous ? Pour faire simple, voici les cas de figure dans lesquels ce framework peut vous intéresser : Vous avez besoin de mettre en place rapidement une architecture CSS décenteVous découvrez/connaissez les avantages du code Orienté Objet et appréciez son adaptabilité et sa réusabilitéVous devez implémenter un certain design qui ne colle pas forcément aux éléments “par défaut” des autres frameworksVous aimez le concept de framework mais, développeur dans l’âme, aimez avoir la main-mise sur le code Et voici clairement le cas de figure où vous pouvez passer votre chemin (sauf si vous êtes curieux) :

Les effets graphiques (très) avancés en CSS Vincent De Oliveira · Kiwiparty 2012 t.co/Vw9tDej Vincent De Oliveira Les effets (presque) courants Quoi de plus? Background révélé par des images coulissantes en CSS Encore un tutoriel sympa de Dudley Storey : créez des images coulissantes révélant un background, en pur CSS, grâce à clip-path et transform / translate. Un effet simple, construit astucieusement comme toujours! Par Dudley Storey 16 sites pour trouver des illustrations vectorielles gratuites - Pour tout designer / webmaster / auto entrepreneur web qui se respecte, le problème des images pour créer un site est récurrent. Il existe une multitude de sites pour trouver des photos stock, mais beaucoup sont malheureusement payants. Il existe heureusement quelques alternatives, qui feront l'objet d'un billet ultérieur

200 astuces pour maîtriser Google Google est avant tout connu pour son moteur de recherche. Lancé en 1998, l’outil n’a cessé de se perfectionner, pour devenir la référence. Mais Google, ce n’est pas qu’un moteur de recherche : il s’agit aujourd’hui d’un éco-système complet, proposant de nombreux services.

Related:  -W-tutorialsCSSsass