Helper Duo para diseñadores web: Htmlreference.io y CSSreference.io

Todos tenemos grandes referencias de nuestros editores de tecnología favoritos en nuestras estanterías, y conocemos sitios de guías monumentales à la SelfHTML y otros. A menudo, ni siquiera necesitaríamos la enciclopedia masiva, ya que ayudante delgado sería suficiente para hacer el truco. Solo comprobando algo muy rápido. ¿Que fue eso denuevo?

Para este propósito exacto, hay dos ayudantes visuales para HTML y CSS. Ambos fueron hechos en la misma fragua y apenas se pueden diferenciar visualmente. No obstante, obtendrá ayuda en HTML en htmlreference.io y apoyo en CSS en cssreference.io.

Detrás de los dos referencias breves y el marco delgado Bulma, que es la base tecnológica de ambas partes, es la autoproclamada Gurú CSS Jeremy Thomas. Thomas se financia a sí mismo a través de patrocinadores y la escritura ocasional de libros electrónicos cortos.

A primera vista, las dos referencias breves casi parecen un poco demasiado delgado. Sin embargo, esta impresión no tiene fundamento y es más un cumplido para la visualización máximamente reducida del tema complejo.

La referencia HTML cubre todos los elementos y atributos. No estás renunciando a nada. La referencia CSS, por otro lado, no tiene este reclamo de finalización. Cubre 129 de los atributos CSS más populares. Lo más probable es que tampoco te pierdas nada aquí.

Desde la página de destino, puede encontrar su tema a través de la lista de elementos o atributos. O usas una búsqueda de texto libre, para llevarte directamente a la meta de tu curiosidad. Un clic en un elemento o atributo le lleva al correspondiente página de detalles.

Ayudante n. ° 2: la referencia de CSS

Aquí es donde encontrará toda la información requerida. Con elementos HTML, esto puede ser instrucciones de uso, así como los atributos disponibles o elementos básicos similares. Thomas siempre te da un ejemplo desde el principio. Esto le permite ver los respectivos elemento en acción, así como un código fuente, dándole una idea visual de la correlación entre los dos.

Definitivamente, asegúrese de agregar las referencias de Jeremy a su caja de herramientas.