Los plugins imprescindibles para Sublime Text 3

He aquí una colección de 10 pulgins indispensables para todos aquellos desarrolladores que quieran sacarle el máximo provecho a Sublime Text. Existen miles de plugins muy útiles para desarrollar en diversas tecnologías pero para propósitos generales de desarrollo aquí hay una lista.

Para empezar a instalar nuestros plugin es necesario tener primero agregado el Package Control en nuestro Sublime Text.

  1. Emmet
  2. Sublime Linter
  3. SideBarEnhancements
  4. BracketHighlighter
  5. HTML5
  6. Theme – Soda
  7. ColorPicker
  8. DocBlockr
  9. All Autocomplete

 

Web Components, enfocados a la reusabilidad del código

Los Web Components son una forma que tenemos con HTML, de encapsular código en un etiqueta o tag personalizado, con sus propias funcionalidades y permitiendo una gran reutilización de estas partes (componentes).

Supone una nueva manera en el concepto del diseño del desarrollo web, en términos de reutilización y encapsulación de código, ya que permiten encapsular código HTML, CSS y JavaScript, de forma que no puede ser afectado por el código de la página que lo incluye.

Pasamos de tener esto:

<style>  
    #map_canvas {
        width: 500px;
        height: 400px;
    }
</style>  
<body>  
    <div id="map_canvas"></div>
</body>  
<script src="https://maps.googleapis.com/maps/api/js"></script>  
<script>  
    function initialize() {
        var mapCanvas = document.getElementById('map_canvas');
        var mapOptions = {
            center: new google.maps.LatLng(-34.6020709, -58.476078),
            zoom: 4,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(mapCanvas, mapOptions)
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

A tener lo siguiente:

<style>  
  google-map {
    height: 600px;
  }
</style>  
<google-map latitude="-34.6020709" longitude="-58.476078"></google-map>

Esto no solo hace que el código se vea más limpio y fácil de usar, si no, que de igual manera estamos reutilizando los elementos.

Google tiene varios web components de sus APIs más utilizadas y que ahora mismo puedes estar usando, gracias a esta facilidad que nos da Google ya no es necesario estar moviendo montones de código JavaScript.

Bienvenido

A lo largo del tiempo habrá distintos posts que tratarán sobre temas de tecnología, algunos tutoriales, emprendimiento, datos curiosos e infinidad de temas geeks, pero eso no es todo, me gustaría que tú propusieras en los comentarios temas de los que quisieras que hable o sugerencias que tengas al respecto.