background preloader

An Introduction To Object Oriented CSS (OOCSS)

An Introduction To Object Oriented CSS (OOCSS)
Related:  CSS

Full property table previous next contents properties index Appendix F. Full property table Note: Several sections of this specification have been updated by other specifications. Please, see "Cascading Style Sheets (CSS) — The Official Definition" in the latest CSS Snapshot for a list of specifications and the sections they replace. Movie Posters If Films Had Kept Their Working Titles InstaCSS | Instant CSS Documentation Search Atomic CSS Avant de commencer avec Ruby on Rails Posté par Nicolas et Nima le 28 septembre 2011 A l'heure où nous écrivons cet article et lançons ce blog nous sommes à la version 3 de Rails (la sortie officielle date du 29 Août 2010 ) donc faites attention lors de vos différentes recherches sur internet, pensez bien à regarder les versions utilisées ! Ruby et les Gems Ruby Le framework Ruby On Rails étant écrit en Ruby, connaitre quelques bases du langage pourra toujours aider. Site officiel ; Le quickstart du site officiel ; TryRuby.org - un petit interpreteur interactif. Les Gems Les Gems sont comme des petits modules (ce sont des applications et bibliothèques Ruby empaquetées) que l'on peut ajouter à notre application Rails et qui permettent assez souvent de se simplifier la vie. Le MVC - Modèle-Vue-Contrôleur Le MVC est une architecture actuellement très répandue et vous sera également utile pour d'autres projets informatiques donc n'hésitez vraiment pas à vous y attarder ! Les Modèles Les Vues Les Contrôleurs Allez voir ailleurs !

CSS Circles A while back I shared a clever technique for creating triangles with only CSS. Over the past year, I've found CSS triangles incredibly effective, especially when looking to create tooltips or design elements with a likewise pointer pattern. There's another common shape that's easy to create, and that is the circle. Using border-radius, you can create wonderful CSS circles. Setting the border-radius of each side of an element to 50% will create the circle display at any size: It's really that simple...but I can't let this post go without touching on CSS gradients and basic spin animation: Voila. CSS circles don't immediately appear as useful as CSS triangles, but they surely have value within design.

Formalize CSS - Teach your forms some manners! Webentrepreneur débutant, qu'est ce que c'est ? Etre un webentrepreneur, c’est quoi ? Dans Webentrepreneur, un mot sortis du chapeau, il y a entrepreneur, et ça, c’est quoi ? Entrepreneur, c’est savoir faire des choix, savoir s’entourer, pour durer et non pour faire un coup et disparaitre. Voilà qu’internet serait donc un nouvel Eldorado, une nouvelle ruée vers l’or. S’il suffisait d’aimer… En dépit de votre volonté à croire que tout est facile, qu’il suffit d’une formation pour vous ouvrir les chemins d’un compte en banque grassement garnis, la réalité est plus cruelle. Apprendre à aimer Il est donc impératif de savoir qu’entreprendre, ce n’est pas ça, que cela soit sur le net, en tant que webentrepreneur ou en dehors. Bien que l’installation d’un WordPress puisse se faire en quelques minutes, vous vautrer prendra encore moins de temps ! Ainsi, lorsque j’ai fait mes premiers pas dans le monde de l’entreprenariat, je suis passé par une couveuse d’entreprise. La confusion règne Donc, le trait commun, c’est la confusion.

Preventing attacks on a user's history through CSS :visited selectors Web browsers remember what pages a user has visited recently. They use this history for a number of things, such as making links a different color if the page they link to was visited and providing autocompletion in the URL bar. It's been widely known for a while that CSS's ability to style visited links differently from unvisited ones, combined with other Web technology such as JavaScript or simply loading of background images, lets Web pages determine whether a URL is in the user's history very quickly and without any interaction from the user. This is true in current versions of all major Web browsers. I have a solution that I believe fixes this problem, and therefore helps users keep their history private when they use a Web browser implementing that solution. How CSS can be used to query a user's browser history Before describing the details of the solution, I'd like to describe the details of the problem. Limits of proposed solution Effects on Web pages Proposed solution relevant link

Référence CSS règle-de-style-basique ::= liste-de-sélecteurs { liste-de-propriétés } ... où : liste-de-sélecteurs ::= sélecteur[:pseudo-classe] [::pseudo-élément] [, liste-de-sélecteurs] liste-de-propriétés ::= [propriété : valeur] [; liste-de-propriétés] Voir aussi les sélecteurs, pseudo-classes, et pseudo-éléments listés ci-dessous. La syntaxe des valeurs dépend du type de données attendu pour chaque propriété indiquée. Exemples de règle de style Pour une introduction à la syntaxe des sélecteurs CSS, consultez ce tutoriel.

Tutoriel Webservice REST Ce tutorial vous montre comment utiliser le service web de PrestaShop avec la librairie PHP en créant un « CRUD ». Prérequis Une boutique PrestaShop 1.4 installée sur un serveur Apache avec l'extension mod_rewrite.Un serveur XAMP sous PHP5 Qu'est ce que CRUD et REST ? CRUD est un acronyme anglais qui signifie "Create, Read, Update, Delete" pour Créer, Récupérer, Mettre à jour et Supprimer. Le service web de PrestaShop utilise une architecture REST afin d'être disponible sur un maximum de plateforme, en effet les protocoles HTTP et XML sont présent sur un nombre incalculable de plateforme. REST définit une architecture représentant un ensemble des bonnes méthode à pratiquer sur le web. Dans le protocole HTTP nous retrouvons 4 méthodes principales qui permettent d'effectuer des traitement sur les données et qui sont définit dans l'architecture REST, nous pouvons d'ailleurs faire cette correspondance avec CRUD : Fichiers Bibliothèque du Web service Pour télécharger ce fichier : Fichiers d'exemple

Selectors 5.1 Pattern matching In CSS, pattern matching rules determine which style rules apply to elements in the document tree. These patterns, called selectors, may range from simple element names to rich contextual patterns. matches the element. The case-sensitivity of document language element names in selectors depends on the document language. The following table summarizes CSS 2.1 selector syntax: 5.2 Selector syntax simple selector is either a type selector or universal selector followed immediately by zero or more attribute selectors, ID selectors, or pseudo-classes, in any order. Note: the terminology used here in CSS 2.1 is different from what is used in CSS3. selector is a chain of one or more simple selectors separated by combinators. Combinators are: white space, ">", and "+". The elements of the document tree that match a selector are called subjects of the selector. 5.2.1 Grouping When several selectors share the same declarations, they may be grouped into a comma-separated list. Example(s):

Most popular smartphone screen resolutions 2015 The first 4K (2160 x 3840) smartphone, the ZTE Star 3, is reportedly on the way, and thus perhaps 4K will become the new standard for mobile device screen resolution. However, lower resolutions are currently the most popular in the smartphone world. Check out the most recent statistics on top smartphone screen resolutions in 2015 based on browser hits. The number of dots on the screen Screen resolution provided by the device manufacturer defines the number of pixels (the tiniest addressable points) available on the screen, and it is usually quoted as width × height. Physical vs. virtual pixels It is also worth mentioning that for many graphic designers CSS pixels are a more important factor than physical pixels listed by device manufacturers. A CSS pixel (px) equals 1/96th of 1in. The DeviceAtlas team dug a little deeper to provide you with the most recent statistics on the most popular physical screen resolutions, and CSS pixel resolutions across some selected local markets.

Related: