Ir al contenido principal

4 Mejoras increíbles en el Editor de HTML Blogger



Nuevo editor de plantillas HTML Blogger
 

¿Qué hay de nuevo en el editor de plantillas HTML Blogger?

Las nuevas características se centran más hacia la facilidad de uso (o más bien, el manejo de programación) y su objetivo es aumentar la productividad. Anteriormente, el editor de plantillas HTML se parecía mucho a un editor editor sin forma (Al block de notas).

A menudo tenía que descargar el código (ya sé que tenía que), pero lo hacía para realizar cambios en un editor más cómodo (como el Notepad++ o SublimeText), y luego subirlo de nuevo, por el simple hecho de llevar un registro de las cosas más fácilmente. Ahora soy un poco más ducho con esto, pero aún así con el editor HTML de blogger era muy molesto. Y a menos que querías pasar el día entero en esto, se necesitaba una mejor solución .....

Que, por cierto, por fin ha llegado! Blogger ha hecho el editor de plantilla HTML mucho más cómodo de usar mediante la adición de las siguientes características.

La numeración de líneas - Ahora, puedes ver los números de línea en cada línea, lo que hace mucho más fácil detectar errores y realizar un seguimiento del código.

El resaltado de sintaxis - al igual que en los editores de código avanzado, ahora se puede ver resaltado de sintaxis. El editor cambia el color de los objetos diferentes, en su código fuente para que sea mucho más fácil de leer. 


Auto-sangría - Me encanta que los editores de código coloquen auto-guión, así que no voy a tener que presionar las Pestañas extra y la barra de espacio. Pero más que eso, esta característica ayuda a mantener el código organizado, ya que es muy fácil perder de vista algún elemento. Por ejemplo,  puedes averiguar fácilmente lo que está dentro de la etiqueta div, o lo que esta incluido en una lista, etc. Puedes ver la auto-sangría en acción mientras se está escribiendo algo de código. El editor de plantilla Blogger se hará automáticamente los espacios para ti. También puedes utilizar la opción de Plantilla de Formato para limpiar la huella de tu plantilla completa.

Plegado de código - Me encanta esta opción también. Una vez que he terminado con una determinada pieza de código, tal como una etiqueta div, simplemente puede plegar el código, y no tener que mirar ese gran trozo de código. Esto se puede ver en la imagen de abajo. Si sigues a donde apunta la flecha, aparecerá una pequeña flecha gris () junto al número de la línea 13. Y si nos fijamos en el número de línea a continuación, podrás ver 582, lo que significa que el editor sólo me salvó de tener que desplazarse hacia abajo a través de 569 líneas de código! 



Ir al widget - Ahora, tienes una manera más rápida de saltar a la sección especial de código en tu plantilla - el código que pertenece a un widget. Simplemente haga clic en el botón Ver otros widgets en la parte superior del editor, y se puede ver una lista de todas las aplicaciones que puedes saltar. Al hacer clic sobre cualquiera te llevará a la sección correspondiente en el código.


Cuéntanos lo que piensas acerca de estas nuevas características en la sección de comentarios. Y como siempre, no dudes en hacer preguntas.



Comentarios

  1. Una pregunta, ahora como se expanden los artilugios????

    ResponderEliminar
  2. Sergio, como puedes ver en la captura que dice "Codigo Plegado", en las lineas 14, 681, 749, hay una especie de triangulo volteado, das clic ahí y se expanden los artilugios de esa zona :)

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Efecto de cinta adhesiva en imágenes con CSS

El dia de hoy he estado visitando algunos blogs que antes solía visitar bastante a menudo, y me he topado con un buen aporte por parte de +Oloman Oloman que sin duda le gustará a más de uno de los seguidores de este blog, se trata de colocar el efecto de cinta adhesiva a tus imagenes, sin hacer uso de ningún programa o software adicional, simplemente haciendo uso de CSS.

Las 5 mejores aplicaciones para descargar vídeos en Android

El sistema operativo de Google cuenta con infinidad de opciones que nos facilitan su utilidad y nos incitan a seguir durante horas conectados a la pantalla. Sin embargo, uno de los puntos débiles del sistema operativo es la imposibilidad de descargar vídeos de Internet desde dispositivos Android . Para solucionar este problema, existen diferentes herramientas y hoy os presentamos las 5 mejores aplicaciones para descargar vídeos en Android

Mejores fuentes 10 de Google Fonts para proyectos de Diseño Web

Como diseñadores de páginas web todos estamos un poco aburridos de usar las mismas Web fonts .Arial, Verdana y Times New Roman, seguro te suenan familiares verdad? Este post es un resumen de las 10 mejores fuentes de google para proyectos de diseño web.