background preloader

CSS3 & HTML5

Facebook Twitter

CSS3 Generator. 20 Fresh HTML5 and CSS3 Menu Tutorials. Oh yes, more tutorials and this time we have 20 fresh HTML5 and CSS3 menu tutorials.

20 Fresh HTML5 and CSS3 Menu Tutorials

CSS3 allows us to create dynamic and stylish menus for our websites. With these tutorials you can learn how to create interactive and user friendly menus using CSS3 and HTML5. You will be building menus using both horizontal and vertical navigation design. As CSS3 is not supported by every browser you should use these tutorials as a learning resource and to enhance your own skills as a web designer. That being said, some of these navigation tutorials are supported in most major web browsers and will be functional on updated browsers. The importance of the navigation: The most important element of any web interface is its navigation. Note: Click image links to visit tutorials In this tutorial you will learn how to create a dark, slick and simple CSS3 animated menu. 2. Learn how to create a simple sweet orange tabbed navigation using CSS3. 3.

One list, many options - Using CSS and a simple list to create radically different list options. The Web Platform: Browser technologies. 68 Best Bootstrap 3 Themes And Templates Collec... - Popular Bootstrap3 Themes And Templates - Quora. I have collected some of the best bootstrap 3 themes and templates here.

68 Best Bootstrap 3 Themes And Templates Collec... - Popular Bootstrap3 Themes And Templates - Quora

List contains bootstrap 3 WordPress themes, eCommerce themes, web app and mobile app templates, single/landing page bootstrap 3 templates etc...Here is the list of 68 awesome Bootstrap 3 templates and themes collection: 1) Ace - Responsive Bootstrap 3 Admin Template : (Demo | Download ) HTML5 Canvas Arc Tutorial. Fix My HTML. Initializr - Start an HTML5 Boilerplate project in 15 seconds!

LESS, el lenguaje de hojas de estilo dinámico. ¿Cuantas veces no hemos echado de menos el poder usar variables en nuestras hojas de estilo CSS a la hora de añadir colores y otros parámetros?.

LESS, el lenguaje de hojas de estilo dinámico

¿Cuantas veces no hemos echado en falta la posibilidad de declarar funciones para código repetitivo?. Muchas ¿verdad?. Por desgracia, CSS no es un lenguaje de programación y no dispone de ninguna de esas cosas que tanto echamos de menos. Parece que Alexis Sellier (aka @cloudhead) también echaba de menos toda esa funcionalidad, y en lugar de quejarse y suspirar como hacemos nosotros, decidió hacer algo al respecto.

Así que inspirado por sass desarrolló una potente herramienta que permitía añadir todas esas cosas que los programadores (que somos muy quisquillosos) echábamos tanto de menos al trabajar con CSS. ¿Qué es LESS? LESS extiende CSS para dotarlo de un comportamiento dinámico a través de variables, mixins, operaciones y funciones. ¿Cómo funciona? Para utilizar LESS no necesitas un plug-in ni nada especial. Variables Mixins Reglas Anidadas. SVG Examples. Fonts. CSS Color Module Level 3.

Abstract CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc.

CSS Color Module Level 3

It uses color-related properties and values to color the text, backgrounds, borders, and other parts of elements in a document. This specification describes color values and properties for foreground color and group opacity. These include properties and values from CSS level 2 and new values. Status of this document This section describes the status of this document at the time of its publication. The (archived) public mailing list www-style@w3.org (see instructions) is preferred for discussion of this specification. This document was produced by the CSS Working Group (part of the Style Activity). A separate implementation report contains a test suite and shows that each test in the test suite was passed by at least two independent implementations. A complete list of changes to this document is available. Table of Contents. Fonts.

15.1 Introduction Setting font properties will be among the most common uses of style sheets.

Fonts

Unfortunately, there exists no well-defined and universally accepted taxonomy for classifying fonts, and terms that apply to one font family may not be appropriate for others. E.g., 'italic' is commonly used to label slanted text, but slanted text may also be labeled as being Oblique, Slanted, Incline, Cursive or Kursiv. Therefore it is not a simple problem to map typical font selection properties to a specific font. 15.2 Font matching algorithm Because there is no accepted, universal taxonomy of font properties, matching of properties to font faces must be done carefully. The User Agent makes (or accesses) a database of relevant CSS 2.1 properties of all the fonts of which the UA is aware.

(The above algorithm can be optimized to avoid having to revisit the CSS 2.1 properties for each character.) The per-property matching rules from (2) above are as follows: Introducción a las propiedades de las fuentes en CSS3. En nuestra serie de CSS3 ya hemos hablado sobre las pseudoclases y las media queries.

Introducción a las propiedades de las fuentes en CSS3

Hoy voy a hacer una introducción a las propiedades de las fuentes en CSS3, algunas como veremos, no tan nuevas. CSS nos da la posibilidad de controlar la apariencia de las fuentes que utilizamos en nuestros sitios web. Podemos fijar cosas como su familia, el peso, el tamaño, las decoraciones, el interlineado y mucho más. Todas esas opciones no son nuevas, algunas de ellas llevan con nosotros mucho tiempo.