Web building – CSS & HTML5

Recursos y herramientas para la construcción de páginas web – CSS y HTML5:

COLOR

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

Listado de valores hexadecimales para determinar los colores en CSS.

COLOURS NEILORANGE PEEL

http://colours.neilorangepeel.com

Reference for keywords colors.

RAMDOM A11Y

https://randoma11y.com/

To create color combinations that provide high contrast.

COOLORS

https://coolors.co/

A color schemes generator, to generate color pallets.

CSS-TRICKS

https://css-tricks.com/

Articles, videos, guides and books about CSS.

HSLa Explorer

https://css-tricks.com/examples/HSLaExplorer/

Tool for HSLa colors.

LOREM PICSUM

https://picsum.photos/

Easy to use, stylish placeholders image services.

RESTIVE.JS

http://restivejs.com/

Restive.js is a designer-friendly jQuery toolkit for responsive Web design.

Using a combination of smart device detection, advanced breakpoints management, and timely CSS class additions, restive.js will make it easier for you to build mobile-friendly and/or responsive Web pages.

ATOM.IO

https://atom.io/

A hackable text editor for the 21st Century.

CODEPEN.IO

https://codepen.io/

Free online editor.

GITHUB

https://github.com/

Millions of developers and companies build, ship, and maintain their software on GitHub—the largest and most advanced development platform in the world.

WORLD WIDE WEB CONSORTIUM (W3C)

http://www.w3c.es/

La Web fue creada como una herramienta de comunicación para permitir el intercambio de información entre todo el mundo y desde cualquier lugar. Durante muchos años, para muchas personas la Web fue una herramienta de “solo lectura”. Los blogs y wikis trajeron más autores a la Web y las redes sociales emergieron del próspero mercado para crear contenido y personalizar las experiencias en la Web. Los estándares del W3C han apoyado esta evolución gracias a la robusta arquitectura y a los principios de diseño.

https://www.w3.org/

The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C’s mission is to lead the Web to its full potential.

W3C Markup Validation Service

http://validator.w3.org/

Check the markup (HTML, XHTML, …) of Web documents.

W3C mobileOK Checker

https://validator.w3.org/mobile/

This checker performs various tests on a Web Page to determine its level of mobile-friendliness.

Fundación CTIC Sociedad de la Información

http://www.fundacionctic.org/

CTIC Centro Tecnológico (CT) creó Fundación CTIC Sociedad de la Información (SI) para colaborar en el despliegue de políticas públicas de Sociedad de la Información e Innovación Social. Sus fines son fundamentalmente sociales.

La Fundación CTIC es un Centro Tecnológico especializado en tecnologías de Internet. Somos la sede de la oficina española de W3C y es una de las entidades del consorcio con mayor número de investigadores (en los grupos de accesibilidad, semántica, herramientas y movilidad) además de liderar a nivel mundial la iniciativa de e-Government del W3C.

Desde el área de tecnología de la Fundación desarrollamos herramientas de validación (como el TAW o el Pista Accesibilidad) y monitorización de la accesibilidad (TAW Monitor) y de trascodificación de contenidos (Merkur), siendo referente mundial en validadores de accesibilidad.

Nuestro gran expertise en estandarización para la web permite aportar un elevado valor añadido a empresas e instituciones, dando soporte en todas las fases de los desarrollos para Internet, desde los momentos iniciales con creación de políticas o la selección de las plataformas a el acompañamiento en los desarrollos, validando las plantillas o apoyando la integración. Colaboramos con la Agencia Española de Normalización (AENOR) en las labores de certificación en la UNE 139803 y monitorizando los portales para asegurar  los niveles de accesibilidad y calidad no degeneren a lo largo de la vida de estos.

MDN WEB DOCS

https://developer.mozilla.org/en-US/

Resources for developers, by developers.

CSS: Cascading Style Sheets

https://developer.mozilla.org/en-US/docs/Web/CSS

CSS Introduction, CSS Tutorials and CSS Reference.

CSS values and units

https://lnkd.in/CSS_Values_and_units

Every property used in CSS has a value type defining the set of values that are allowed for that property. Taking a look at any property page on MDN will help you understand the values associated with a value type that are valid for any particular property.

CODE GUIDE

https://codeguide.co/

Standards for developing consistent, flexible, and sustainable HTML and CSS.

IGNACIO GUTIÉRREZ

http://ignaciogutierrez.cl/

Cursos y blogs de HTML5, CSS3, Javascript, Php, WordPress y más…

D3 DATA-DRIVEN DOCUMENTS

http://d3js.org/

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

COMPARISON OF HTML5 AND FLASH

https://en.wikipedia.org/wiki/Comparison_of_HTML5_and_Flash

HTML5 can be used as an alternative to Adobe Flash.[1] Both include features for playing audio and video within web pages, It can also be used to play some basic HTML5 browser games and integrated vector graphics are possible with both.

“HTML5” in this article sometimes refers not only to the HTML5 specification, which does not itself define ways to do animation and interactivity within web pages,[2] but to HTML5 and related standards like JavaScript or CSS 3. Animation via JavaScript is also possible with HTML 4.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.