<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>TEDnología &#8211; Blog sobre tendencias tecnológicas sobre programación</title>
	<atom:link href="https://blog.tednologia.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.tednologia.com</link>
	<description>Otro sitio de WordPress</description>
	<lastBuildDate>Mon, 08 Sep 2025 20:40:05 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.6.17</generator>
<site xmlns="com-wordpress:feed-additions:1">182511046</site>	<item>
		<title>Top 8 plataformas de software para traslado de personas en LATAM</title>
		<link>https://blog.tednologia.com/top-8-plataformas-de-software-para-traslado-de-personas-en-latam/</link>
					<comments>https://blog.tednologia.com/top-8-plataformas-de-software-para-traslado-de-personas-en-latam/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 20:40:03 +0000</pubDate>
				<category><![CDATA[SaaS]]></category>
		<category><![CDATA[Dispatch Software]]></category>
		<category><![CDATA[TMS]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=8016</guid>

					<description><![CDATA[Comparativa completa de software para traslado de personas en LATAM: las mejores plataformas del mercado ¿Gestionas una flota de taxis o una empresa de transporte en Latinoamérica? Entonces sabes que la eficiencia operativa lo es todo. Migrar de un sistema manual a uno automatizado puede parecer complejo, pero elegir el software de transporte adecuado puede [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h1>Comparativa completa de software para traslado de personas en LATAM: las mejores plataformas del mercado</h1>



<p>¿Gestionas una flota de taxis o una empresa de transporte en Latinoamérica? Entonces sabes que la eficiencia operativa lo es todo. Migrar de un sistema manual a uno automatizado puede parecer complejo, pero elegir el <strong>software de transporte adecuado</strong> puede marcar la diferencia entre crecer o estancarte.</p>



<p>En este artículo te presentamos una <strong>comparativa completa y actualizada</strong> de las plataformas más relevantes para gestionar traslados de personas por aplicación en LATAM. Analizamos funcionalidades, casos de uso y diferenciadores clave para ayudarte a elegir la mejor solución para tu negocio.</p>



<h2>¿Qué es un software de traslado de personas por aplicación?</h2>



<p>Un <strong>software de traslado por aplicación</strong> permite automatizar la gestión de pedidos, rutas, asignación de viajes y pagos en tiempo real. Está diseñado para empresas que buscan <strong>escalar su operación</strong>, reducir costos y ofrecer una experiencia más ágil tanto a clientes como a conductores.</p>



<h3>Beneficios clave:</h3>



<ul><li><strong>Rastreo en tiempo real</strong> de unidades</li><li><strong>Despacho automático</strong> según ubicación y disponibilidad</li><li><strong>Optimización de rutas</strong> con datos de tráfico actualizados</li><li><strong>Menor tiempo de espera</strong> y mayor productividad</li><li><strong>Integración con pasarelas de pago</strong></li><li><strong>Aplicaciones móviles</strong> para pasajeros y conductores</li></ul>



<h2>¿Cómo elegir el mejor software de transporte para tu negocio?</h2>



<p>Antes de comparar plataformas, considera estos puntos críticos:</p>



<ol><li><strong>Estabilidad y tiempo de actividad (uptime)</strong></li><li><strong>Personalización y branding de la app</strong></li><li><strong>Costos reales vs. ocultos</strong></li><li><strong>Compatibilidad con tu infraestructura actual</strong></li><li><strong>Escalabilidad y soporte técnico en LATAM</strong></li></ol>



<h2>Top 8 plataformas de software para traslado de personas en LATAM</h2>



<p>A continuación, una comparativa con <strong>plataformas ya conocidas y otras menos exploradas pero potentes</strong>, ideales para empresas en América Latina:</p>



<h3>1. <strong>ToolRides</strong> – Tecnología avanzada con enfoque en LATAM</h3>



<ul><li>Plataforma desarrollada con enfoque específico para traslado corporativo, transfer de aeropuerto, flotas y taxis en América Latina.</li><li>Aplicaciones de marca blanca, seguimiento en tiempo real y gestión de tarifas dinámicas personalizables.</li><li>Panel administrativo intuitivo, soporte local y funcionalidades orientadas a mejorar la experiencia del pasajero.</li><li>Enfocados en escalabilidad y adaptación a cada país (moneda, idioma, normativas).</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="https://www.toolrides.com/es/" data-type="URL" data-id="https://www.toolrides.com/es/" target="_blank" rel="noreferrer noopener">Sitio web de ToolRides</a></p>



<p><strong>Ideal para</strong>: Startups y empresas de transporte que buscan una solución flexible, escalable y con atención especializada para la región LATAM.</p>



<h3>2. <strong>Onde</strong> – Marca blanca robusta y personalizable</h3>



<ul><li>Apps de marca blanca, listas para lanzar con tu branding</li><li>Panel administrativo intuitivo, soporte por tickets</li><li>Panel de operador con despacho automático</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="https://onde.app/" data-type="URL" data-id="https://onde.app/" target="_blank" rel="noreferrer noopener">Sitio web de Onde</a></p>



<p><strong>Ideal para</strong>: Startups o flotas establecidas que buscan una app tipo Uber personalizada.</p>



<h3>3. <strong>Jugnoo</strong> – Rápida implementación, interfaz intuitiva</h3>



<ul><li>Apps para conductores y pasajeros tipo Uber</li><li>Automatización de reservas.</li><li>Puede presentar problemas de estabilidad en algunos dispositivos</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="http://jugnoo.in/" data-type="URL" data-id="http://jugnoo.in/" target="_blank" rel="noreferrer noopener">Sitio web de Jugnoo</a></p>



<p><strong>Ideal para</strong>: Empresas que desean lanzar su servicio de transporte digital de forma rápida.</p>



<h3>4. <strong>TaxiCaller</strong> – Despacho económico basado en la nube</h3>



<ul><li>Reservas online, seguimiento, y reportes</li><li>Aplicación del conductor no permite branding personalizado</li><li>Solución asequible para operaciones pequeñas o medianas</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="https://www.taxicaller.com/es" data-type="URL" data-id="https://www.taxicaller.com/es" target="_blank" rel="noreferrer noopener">Sitio web de TaxiCaller</a></p>



<p><strong>Ideal para</strong>: Negocios que priorizan costos sobre personalización visual.</p>



<h3>5. <strong>UnicoTaxi</strong> </h3>



<ul><li>Gestión de tarifas, seguimiento GPS</li><li>Apps de pasajero y conductor, botón SOS, estimación de tarifas</li><li>Integración con pagos en línea y backend completo</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="https://www.unicotaxi.com/" data-type="URL" data-id="https://www.unicotaxi.com/" target="_blank" rel="noreferrer noopener">Sitio web de UnicoTaxi</a></p>



<p><strong>Ideal para</strong>: Empresas de flotas que quieren escalar su operación con inteligencia de negocio.</p>



<h3>6. <strong>TaxiAppz</strong> </h3>



<ul><li>Código fuente disponible para personalización a fondo</li><li>Plataforma tipo Uber con branding completo</li><li>Requiere soporte técnico constante para escalar</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="https://www.taxiappz.com/" data-type="URL" data-id="https://www.taxiappz.com/" target="_blank" rel="noreferrer noopener">Sitio web de TaxiAppz</a></p>



<p><strong>Ideal para</strong>: Startups técnicas que buscan adaptar su solución a largo plazo.</p>



<h3>7. <strong>iCabbi</strong> </h3>



<ul><li>IA para asignación de viajes, dashboards gerenciales</li><li>Orientado a grandes flotas</li><li>Soporte premium, pero menos localizado</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="https://icabbi.com/" data-type="URL" data-id="https://icabbi.com/" target="_blank" rel="noreferrer noopener">Sitio web de iCabbi</a></p>



<p><strong>Ideal para</strong>: Flotas grandes que necesitan un sistema robusto y preparado para el futuro.</p>



<h3>8. <strong>Autocab</strong> </h3>



<ul><li>Gestión de tarifas, seguimiento GPS</li><li>Plataforma tipo Uber con branding completo</li><li>Ideal para mercados urbanos</li></ul>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="https://latam.autocab.com/" data-type="URL" data-id="https://latam.autocab.com/" target="_blank" rel="noreferrer noopener">Sitio web de Autocab</a></p>



<p><strong>Ideal para</strong>: Empresas que buscan centralizar todo en una sola plataforma.</p>



<h2>En resumen</h2>



<p>El futuro del transporte en LATAM es digital, personalizado y eficiente. Las plataformas de software para traslado de personas ofrecen una ventaja competitiva real en términos de rentabilidad, escalabilidad y calidad del servicio.</p>



<p><strong>No se trata solo de tener una app, sino de elegir la plataforma que te permita crecer con estrategia.</strong></p>



<h2>Preguntas Frecuentes (FAQs)</h2>



<h3>¿Cuál es el mejor software de transporte por aplicación en LATAM?</h3>



<p>Depende del tamaño de tu operación y necesidades específicas. <strong>ToolRides</strong>, <strong>Onde</strong> y <strong>Autocab</strong> son excelentes para empresas medianas y grandes, mientras que <strong>TaxiCaller</strong> es ideal para quienes buscan una solución económica.</p>



<h3>¿Qué beneficios tiene usar una plataforma de marca blanca?</h3>



<p>Una app marca blanca te permite lanzar una app personalizada sin desarrollarla desde cero, reduciendo costos, tiempo de implementación y errores técnicos.</p>



<h3>¿Cómo saber si una plataforma es confiable?</h3>



<p>Verifica que tenga <strong>uptime superior al 99%</strong>, soporte técnico rápido, funcionalidades de seguridad (como botón SOS) y casos de éxito documentados en la región LATAM.</p>



<h2>¿Necesitas asesoría para elegir el mejor software de transporte?</h2>



<p>Elegir la plataforma adecuada puede transformar por completo tu operación, pero sabemos que no siempre es fácil tomar la decisión correcta entre tantas opciones.</p>



<p>Si estás evaluando implementar o migrar a un nuevo sistema de despacho, <strong>podemos ayudarte</strong>.</p>



<p><img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Coordinemos una reunión personalizada</strong> para analizar tu modelo de negocio, tus necesidades técnicas y operativas, y recomendarte la solución más adecuada para tu operación en LATAM.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/top-8-plataformas-de-software-para-traslado-de-personas-en-latam/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">8016</post-id>	</item>
		<item>
		<title>Bootstrap 5: Instalación y Primeros Pasos</title>
		<link>https://blog.tednologia.com/bootstrap-5-instalacion-y-primeros-pasos/</link>
					<comments>https://blog.tednologia.com/bootstrap-5-instalacion-y-primeros-pasos/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Tue, 16 Jan 2024 07:00:00 +0000</pubDate>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[javascript]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=8006</guid>

					<description><![CDATA[Bootstrap 5, la última versión de este framework popular, ha llegado para simplificar el desarrollo web. En este artículo, exploraremos en detalle la instalación de Bootstrap 5, las opciones disponibles para ello, y daremos los primeros pasos creando un ejemplo básico. Instalación de Bootstrap 5 La instalación de Bootstrap 5 es un proceso esencial para [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Bootstrap 5, la última versión de este framework popular, ha llegado para simplificar el desarrollo web. En este artículo, exploraremos en detalle la instalación de Bootstrap 5, las opciones disponibles para ello, y daremos los primeros pasos creando un ejemplo básico.</p>



<h2>Instalación de Bootstrap 5</h2>



<p>La instalación de Bootstrap 5 es un proceso esencial para comenzar a utilizar sus potentes funcionalidades. Aquí tienes las opciones de instalación:</p>



<h3>Opción 1: Descarga Directa</h3>



<p>Puedes descargar Bootstrap 5 directamente desde el sitio oficial <a href="https://getbootstrap.com/">getbootstrap.com</a>. Una vez descargado, descomprime el archivo y añade los archivos CSS y JavaScript a tu proyecto.</p>



<h3>Opción 2: Instalación a través de npm</h3>



<p>Si prefieres utilizar npm, el gestor de paquetes de Node.js, sigue estos pasos:</p>



<ol><li>Abre tu terminal y navega hasta el directorio de tu proyecto.</li><li>Ejecuta el siguiente comando para instalar Bootstrap 5:</li></ol>



<pre class="wp-block-code"><code>npm install bootstrap
</code></pre>



<p>Con estas opciones, tendrás Bootstrap 5 listo para usar en tu proyecto.</p>



<h2>Primeros Pasos con Bootstrap 5</h2>



<p>Después de la instalación, es el momento de dar los primeros pasos para familiarizarte con Bootstrap 5.</p>



<h3>Estructura del Proyecto</h3>



<p>Organiza tu proyecto con la siguiente estructura básica de HTML:</p>



<pre class="wp-block-code"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="es"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link href="ruta/al/archivo/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;title&gt;Mi Proyecto con Bootstrap&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;!-- Contenido de tu página --&gt;
  &lt;script src="ruta/al/archivo/bootstrap.bundle.min.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>



<h3>Sistema de Grid</h3>



<p>Bootstrap 5 presenta un sistema de grilla flexible. Utiliza las clases <code>container</code> y <code>row</code> para estructurar tu diseño, y las clases <code>col</code> para organizar el contenido en columnas.</p>



<pre class="wp-block-code"><code>
&lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col"&gt;
      &lt;!-- Contenido de la primera columna --&gt;
    &lt;/div&gt;
    &lt;div class="col"&gt;
      &lt;!-- Contenido de la segunda columna --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>



<h2>Creando tu Primer Ejemplo Básico</h2>



<p>Vamos a dar vida a tu proyecto con un ejemplo sencillo.</p>



<h3>Barra de Navegación</h3>



<p>Añade una barra de navegación con las siguientes líneas:</p>



<pre class="wp-block-code"><code>
&lt;nav class="navbar navbar-expand-lg navbar-light bg-light"&gt;
  &lt;div class="container"&gt;
    &lt;a class="navbar-brand" href="#"&gt;Mi Proyecto&lt;/a&gt;
    &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"&gt;
      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;div class="collapse navbar-collapse" id="navbarNav"&gt;
      &lt;ul class="navbar-nav"&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="#"&gt;Inicio&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="#"&gt;Acerca de&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="#"&gt;Contacto&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/nav&gt;</code></pre>



<h3>Botón de Ejemplo</h3>



<p>Agrega un botón interactivo a tu página:</p>



<pre class="wp-block-code"><code>
&lt;div class="container mt-4"&gt;
  &lt;button type="button" class="btn btn-primary"&gt;Haz clic aquí&lt;/button&gt;
&lt;/div&gt;</code></pre>



<h2>Conclusión</h2>



<p>Con la instalación exitosa, opciones claras y primeros pasos dados, estás listo para aprovechar al máximo Bootstrap 5. Este tutorial te ha proporcionado los cimientos necesarios para construir sitios web modernos y receptivos. ¡Explora más y disfruta del desarrollo con Bootstrap 5!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/bootstrap-5-instalacion-y-primeros-pasos/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">8006</post-id>	</item>
		<item>
		<title>Cumplimiento de OWASP: Cómo garantizar la seguridad de tus aplicaciones web</title>
		<link>https://blog.tednologia.com/cumplimiento-de-owasp-como-garantizar-la-seguridad-de-tus-aplicaciones-web/</link>
					<comments>https://blog.tednologia.com/cumplimiento-de-owasp-como-garantizar-la-seguridad-de-tus-aplicaciones-web/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Wed, 26 Apr 2023 16:59:34 +0000</pubDate>
				<category><![CDATA[Seguridad]]></category>
		<category><![CDATA[amenazas]]></category>
		<category><![CDATA[Aplicaciones Web]]></category>
		<category><![CDATA[auditoría de seguridad]]></category>
		<category><![CDATA[cumplimiento normativo]]></category>
		<category><![CDATA[mejores prácticas]]></category>
		<category><![CDATA[normas de seguridad]]></category>
		<category><![CDATA[OWASP]]></category>
		<category><![CDATA[políticas de seguridad]]></category>
		<category><![CDATA[prevención de ataques]]></category>
		<category><![CDATA[protección contra ciberataques]]></category>
		<category><![CDATA[protección de aplicaciones]]></category>
		<category><![CDATA[protección de datos]]></category>
		<category><![CDATA[seguridad en desarrollo de software]]></category>
		<category><![CDATA[seguridad web]]></category>
		<category><![CDATA[vulnerabilidades]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=8003</guid>

					<description><![CDATA[Introducción al cumplimiento de OWASP El cumplimiento de OWASP, que significa Proyecto de Seguridad en Aplicaciones Web de Código Abierto, es una práctica esencial para asegurar la seguridad de las aplicaciones web. En un mundo cada vez más digital y conectado, las aplicaciones web juegan un papel fundamental en empresas, gobiernos y organizaciones de todo [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h1>Introducción al cumplimiento de OWASP</h1>



<p>El cumplimiento de OWASP, que significa Proyecto de Seguridad en Aplicaciones Web de Código Abierto, es una práctica esencial para asegurar la seguridad de las aplicaciones web. En un mundo cada vez más digital y conectado, las aplicaciones web juegan un papel fundamental en empresas, gobiernos y organizaciones de todo el mundo. Sin embargo, también han aumentado los riesgos de seguridad y las amenazas cibernéticas asociadas con estas aplicaciones. Es por ello que el cumplimiento de OWASP se ha vuelto un tema crucial para garantizar que las aplicaciones web sean seguras y estén protegidas contra posibles ataques.</p>



<h1>¿Qué es OWASP?</h1>



<p>OWASP es una comunidad global dedicada a mejorar la seguridad de las aplicaciones web. Se enfoca en identificar y abordar los riesgos de seguridad más críticos que enfrentan las aplicaciones web en la actualidad. OWASP provee una amplia gama de recursos, herramientas y guías de seguridad para ayudar a las organizaciones a desarrollar aplicaciones web más seguras y protegidas.</p>



<h1>Importancia del cumplimiento de OWASP</h1>



<h2>Riesgos de seguridad en aplicaciones web</h2>



<p>Las aplicaciones web son vulnerables a una serie de riesgos de seguridad, tales como la inyección de SQL, la divulgación de información confidencial, el ataque de falsificación de solicitudes entre sitios (CSRF) y la ejecución remota de código, entre otros. Estos riesgos pueden ser aprovechados por hackers y otros actores malintencionados para acceder a datos sensibles, robar información o causar daños a la reputación de una organización.</p>



<h2>Beneficios del cumplimiento de OWASP</h2>



<p>El cumplimiento de OWASP ofrece una serie de beneficios para las organizaciones que </p>



<p>dispongan a implementarlo de manera rigurosa. Algunos de los principales beneficios incluyen:</p>



<ul><li>Mejora de la seguridad de las aplicaciones web: El cumplimiento de OWASP permite identificar y corregir vulnerabilidades en las aplicaciones web, lo que resulta en un aumento de la seguridad y protección contra posibles ataques.</li><li>Protección contra amenazas cibernéticas: Al seguir las mejores prácticas y directrices de seguridad establecidas por OWASP, las organizaciones pueden proteger sus aplicaciones web contra amenazas cibernéticas, como hackers, malware y otros ataques.</li><li>Cumplimiento con regulaciones de seguridad: OWASP es ampliamente reconocido como un estándar de seguridad para aplicaciones web, por lo que cumplir con sus normas y guías puede ayudar a las organizaciones a cumplir con regulaciones de seguridad y requisitos legales.</li></ul>



<h1>Principales normas y guías de OWASP</h1>



<p>OWASP cuenta con varios proyectos y guías de seguridad para aplicaciones web. Algunos de los más destacados son:</p>



<h2>Proyecto OWASP Top Ten</h2>



<p>El Proyecto OWASP Top Ten es una lista de las diez principales vulnerabilidades de seguridad en aplicaciones web, que se actualiza periódicamente. Esta lista sirve como guía para identificar y abordar los riesgos de seguridad más críticos que enfrentan las aplicaciones web.</p>



<h2>Guía de Seguridad para Aplicaciones Web</h2>



<p>La Guía de Seguridad para Aplicaciones Web de OWASP ofrece una visión detallada de las mejores prácticas de seguridad para el desarrollo y despliegue de aplicaciones web seguras. Proporciona información detallada sobre cómo protegerse contra vulnerabilidades comunes y cómo implementar medidas de seguridad efectivas.</p>



<h2>Proyecto de Seguridad de Desarrollo Ágil</h2>



<p>El Proyecto de Seguridad de Desarrollo Ágil de OWASP ofrece directrices y herramientas para integrar la seguridad en el ciclo de desarrollo de software, siguiendo enfoques ágiles. Proporciona orientación sobre cómo identificar y corregir vulnerabilidades en cada etapa del ciclo de desarrollo de software, desde la planificación hasta la implementación.</p>



<h2>Proyecto de Seguridad en Aplicaciones Móviles</h2>



<p>El Proyecto de Seguridad en Aplicaciones Móviles de OWASP se centra en la seguridad de las aplicaciones móviles, que también son vulnerables a riesgos de seguridad. Ofrece directrices y mejores prácticas específicas para desarrollar aplicaciones móviles seguras en diferentes plataformas, como iOS y Android.</p>



<h2>Proyecto de Seguridad de API</h2>



<p>El Proyecto de Seguridad de API de OWASP se enfoca en la seguridad de las interfaces de programación de aplicaciones (API). Proporciona directrices y herramientas para proteger las API contra amenazas cibernéticas y asegurar la integridad y confidencialidad de los datos transmitidos a través de ellas.</p>



<h2>Proyecto de Protección de Datos</h2>



<p>El Proyecto de Protección de Datos de OWASP ofrece directrices y mejores prácticas para proteger la privacidad y confidencialidad de los datos en aplicaciones web. Proporciona orientación sobre cómo implementar medidas de protección de datos efectivas, como el cifrado, el manejo seguro de contraseñas y la protección de la información confidencial.</p>



<h1>Cómo lograr el cumplimiento de OWASP</h1>



<p>Para lograr el cumplimiento de OWASP, es importante seguir una serie de pasos y mejores prácticas. Aquí te presento algunas recomendaciones:</p>



<h2>1. Conocer y entender las normas de OWASP</h2>



<p>Lo primero es familiarizarse con las normas y guías de OWASP, como el Proyecto OWASP Top Ten, la Guía de Seguridad para Aplicaciones Web y otros proyectos relevantes. Es importante comprender los principios y las mejores prácticas establecidas por OWASP para la seguridad en aplicaciones web.</p>



<h2>2. Realizar auditorías de seguridad</h2>



<p>Realizar auditorías de seguridad periódicas en las aplicaciones web es esencial para identificar y corregir posibles vulnerabilidades. Estas auditorías deben realizarse de manera regular y exhaustiva, siguiendo las directrices de OWASP, para asegurarse de que se están cumpliendo con las mejores prácticas de seguridad.</p>



<h2>3. Implementar medidas de seguridad</h2>



<p>Es fundamental implementar medidas de seguridad efectivas en las aplicaciones web, basadas en las normas y guías de OWASP. Esto puede incluir el uso de medidas de autenticación fuertes, protección contra ataques de inyección de SQL, manejo seguro de sesiones y protección de datos sensibles, entre otros.</p>



<h2>4. Capacitar a los desarrolladores y personal técnico</h2>



<p>Es importante capacitar a los desarrolladores y al personal técnico en las mejores prácticas de seguridad de OWASP. Esto incluye la formación en el uso seguro de lenguajes de programación, marcos de trabajo seguros y herramientas de seguridad, así como la concientización sobre los riesgos de seguridad y la importancia del cumplimiento de OWASP.</p>



<h2>5. Mantenerse actualizado con las actualizaciones de OWASP</h2>



<p>OWASP se actualiza periódicamente, por lo que es fundamental mantenerse informado acerca de las últimas actualizaciones y cambios en las normas y guías. Esto garantiza que se esté cumpliendo con las últimas mejores prácticas de seguridad establecidas por OWASP.</p>



<h1>Conclusion</h1>



<p>El cumplimiento de OWASP es fundamental para garantizar la seguridad de las aplicaciones web. Siguiendo las normas y guías de OWASP, implementando medidas de seguridad efectivas y capacitando a los desarrolladores y personal técnico, las organizaciones pueden proteger sus aplicaciones web contra amenazas cibernéticas y cumplir con regulaciones de seguridad. Es importante mantenerse actualizado con las actualizaciones de OWASP para asegurarse de estar cumpliendo con las últimas mejores prácticas de seguridad.</p>



<h1>Preguntas frecuentes (FAQs)</h1>



<ol><li>¿Qué es OWASP? OWASP es una organización sin fines de lucro que se dedica a mejorar la seguridad de las aplicaciones web a través de la identificación y prevención de vulnerabilidades de seguridad.</li><li>¿Por qué es importante cumplir con OWASP? Cumplir con OWASP es importante porque ayuda a proteger las aplicaciones web contra amenazas cibernéticas y garantiza el cumplimiento de regulaciones de seguridad.</li><li>¿Cuáles son algunas de las mejores prácticas de seguridad de OWASP? Algunas de las mejores prácticas de seguridad de OWASP incluyen la protección contra inyección de SQL, el manejo seguro de sesiones, la protección de datos sensibles y el uso de autenticación fuerte.</li><li>¿Cómo puedo mantenerme actualizado con las actualizaciones de OWASP? Puedes mantenerte actualizado con las actualizaciones de OWASP visitando su sitio web oficial, sus redes sociales y sus canales de comunicación para conocer las últimas noticias y actualizaciones.</li><li>¿Qué pasa si no cumplo con las normas de OWASP? No cumplir con las normas de OWASP puede dejar a las aplicaciones web vulnerables a ataques cibernéticos y violaciones de seguridad, lo que puede resultar en la pérdida de datos sensibles y dañar la reputación de la organización.</li></ol>



<p>Espero que este artículo te haya proporcionado información valiosa sobre cómo lograr el cumplimiento de OWASP. Recuerda siempre seguir las mejores prácticas de seguridad establecidas por OWASP y mantener tus aplicaciones web protegidas contra amenazas cibernéticas.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/cumplimiento-de-owasp-como-garantizar-la-seguridad-de-tus-aplicaciones-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">8003</post-id>	</item>
		<item>
		<title>Habilitar la Compresión Gzip en Apache en un servidor CentOS</title>
		<link>https://blog.tednologia.com/habilitar-la-compresion-gzip-en-apache-en-un-servidor-centos/</link>
					<comments>https://blog.tednologia.com/habilitar-la-compresion-gzip-en-apache-en-un-servidor-centos/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Wed, 05 Apr 2023 23:00:00 +0000</pubDate>
				<category><![CDATA[Sin categoría]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=7997</guid>

					<description><![CDATA[En el mundo digital de hoy, la velocidad del sitio web se ha convertido en un factor crucial en la experiencia del usuario, la optimización de motores de búsqueda y el rendimiento del sitio web. Un sitio web con una velocidad de carga lenta puede hacer que los visitantes pierdan interés y abandonen el sitio, [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>En el mundo digital de hoy, la velocidad del sitio web se ha convertido en un factor crucial en la experiencia del usuario, la optimización de motores de búsqueda y el rendimiento del sitio web. Un sitio web con una velocidad de carga lenta puede hacer que los visitantes pierdan interés y abandonen el sitio, lo que lleva a una disminución del tráfico y una posición más baja en los motores de búsqueda. Una de las formas de mejorar la velocidad del sitio web es habilitando la compresión Gzip en Apache CentOS. Este artículo le guiará sobre cómo habilitar la compresión Gzip en Apache CentOS.</p>
<h2>¿Qué es la Compresión Gzip?</h2>
<p>La compresión Gzip es un algoritmo de compresión de datos utilizado para comprimir archivos y datos enviados por internet. Reduce el tamaño de los archivos y datos hasta en un 70%, haciéndolos más pequeños y rápidos de cargar. Habilitar la compresión Gzip en su servidor puede mejorar significativamente la velocidad del sitio web, reducir el uso del ancho de banda y mejorar la experiencia del usuario.</p>
<h2>Verificar si la Compresión Gzip está Habilitada</h2>
<p>Antes de habilitar la compresión Gzip, es necesario verificar si ya está habilitada en su servidor. Para hacer esto, inicie sesión en su servidor usando SSH y ejecute el siguiente comando:</p>
<pre><code>curl -H "Accept-Encoding: gzip" -I http://su-sitio-web.com</code></pre>
<p>Si la compresión Gzip está habilitada, la salida mostrará Content-Encoding como gzip.</p>
<h2>Habilitar la Compresión Gzip en Apache CentOS</h2>
<p>Para habilitar la compresión Gzip en Apache CentOS, siga estos pasos:</p>
<h3>Paso 1: Instalar el módulo mod_deflate</h3>
<p>El módulo mod_deflate es necesario para habilitar la compresión Gzip en Apache. Para instalarlo, inicie sesión en su servidor usando SSH y ejecute el siguiente comando:</p>
<pre><code>sudo yum install mod_deflate</code></pre>
<h3>Paso 2: Configurar el módulo mod_deflate</h3>
<p>Una vez que haya instalado el módulo mod_deflate, debe configurarlo. Para hacer esto, abra el archivo de configuración de Apache usando el siguiente comando:</p>
<pre><code>sudo nano /etc/httpd/conf/httpd.conf</code></pre>
<p>Desplácese hasta el final del archivo y agregue las siguientes líneas:</p>
<pre><code>&lt;ifmodule mod_deflate.c=""&gt;
  # Comprimir HTML, CSS, JavaScript, texto, XML y fuentes
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

&lt;/ifmodule&gt;</code></pre>
<p>Guarde y cierre el archivo de configuración de Apache.</p>
<h3>Paso 3: Reiniciar Apache</h3>
<p>Una vez que haya configurado el módulo mod_deflate, debe reiniciar Apache para que los cambios surtan efecto. Para hacer esto, ejecute el siguiente comando:</p>
<pre><code>sudo systemctl restart httpd</code></pre>
<h2>Conclusión</h2>
<p>Habilitar la compresión Gzip en Apache CentOS puede mejorar significativamente la velocidad del sitio web, reducir el uso del ancho de banda y mejorar la experiencia del usuario. Con los pasos descritos anteriormente, ahora debería poder habilitar la compresión Gzip en su servidor Apache CentOS. Si tiene algún problema, no dude en ponerse en contacto con su proveedor de alojamiento o un especialista en servidores.</p>
<h2>Preguntas frecuentes</h2>
<h3>¿Cómo sé si la compresión Gzip está habilitada en mi servidor?</h3>
<p>Puede verificar si la compresión Gzip está habilitada en su servidor ejecutando el siguiente comando en SSH:</p>
<pre><code>curl -H "Accept-Encoding: gzip" -I http://su-sitio-web.com</code></pre>
<p>Si la compresión Gzip está habilitada, la salida mostrará Content-Encoding como gzip.</p>
<h3>¿Cómo deshabilito la compresión Gzip en Apache CentOS?</h3>
<p>Para deshabilitar la compresión Gzip en Apache CentOS, simplemente elimine las líneas agregadas al archivo de configuración de Apache y reinicie Apache. Para eliminar las líneas, abra el archivo de configuración de Apache usando el siguiente comando:</p>
<pre><code>sudo nano /etc/httpd/conf/httpd.conf</code></pre>
<p>Busque las líneas agregadas y elimínelas. Luego, guarde y cierre el archivo de configuración de Apache y reinicie Apache con el siguiente comando:</p>
<pre><code>sudo systemctl restart httpd</code></pre>
<h3>¿Qué otros métodos existen para mejorar la velocidad del sitio web en Apache CentOS?</h3>
<p>Además de habilitar la compresión Gzip, hay otros métodos que puede utilizar para mejorar la velocidad del sitio web en Apache CentOS:</p>
<ul>
<li>Usar un sistema de caché para reducir el tiempo de carga de la página.</li>
<li>Minimizar y combinar archivos CSS y JavaScript.</li>
<li>Optimizar las imágenes para reducir su tamaño.</li>
<li>Utilizar un servidor CDN para distribuir el contenido del sitio web.</li>
</ul>
<p>Estos métodos pueden mejorar significativamente la velocidad del sitio web y mejorar la experiencia del usuario. Asegúrese de investigar y probar diferentes métodos para encontrar lo que mejor funciona para su sitio web.</p>
<h3>¿Qué es la compresión Gzip?</h3>
<p>La compresión Gzip es un método para comprimir archivos para reducir su tamaño. En el caso de un sitio web, esto significa que los archivos que se envían desde el servidor web al navegador del usuario se comprimen antes de ser enviados. Esto reduce el tamaño de los archivos, lo que a su vez reduce el tiempo de carga de la página y el uso del ancho de banda.</p>
<h3>¿Por qué debería habilitar la compresión Gzip?</h3>
<p>La habilitación de la compresión Gzip puede mejorar significativamente la velocidad del sitio web, lo que a su vez puede mejorar la experiencia del usuario y reducir el uso del ancho de banda. Además, la habilitación de la compresión Gzip es fácil de implementar y no requiere cambios en el diseño o contenido del sitio web.</p>
<h3>¿Cómo puedo verificar si la compresión Gzip está habilitada en mi navegador?</h3>
<p>Puede verificar si la compresión Gzip está habilitada en su navegador utilizando herramientas de desarrollo de navegadores como Chrome DevTools o Firebug. En Chrome DevTools, vaya a la pestaña Network y busque la respuesta del servidor para el recurso que está cargando. Si la compresión Gzip está habilitada, la respuesta mostrará Content-Encoding como gzip.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/habilitar-la-compresion-gzip-en-apache-en-un-servidor-centos/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7997</post-id>	</item>
		<item>
		<title>Tutorial para instalar Webmin en CentOS 7</title>
		<link>https://blog.tednologia.com/tutorial-para-instalar-webmin-en-centos-7/</link>
					<comments>https://blog.tednologia.com/tutorial-para-instalar-webmin-en-centos-7/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Mon, 13 Mar 2023 17:50:29 +0000</pubDate>
				<category><![CDATA[Sin categoría]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=7991</guid>

					<description><![CDATA[Si eres un administrador de sistemas o un usuario avanzado de Linux, seguramente has escuchado hablar de Webmin, una herramienta de administración basada en web para sistemas Unix y Linux. Webmin proporciona una interfaz gráfica para administrar el sistema, lo que hace que la administración de servidores sea mucho más fácil y accesible para los [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Si eres un administrador de sistemas o un usuario avanzado de Linux, seguramente has escuchado hablar de Webmin, una herramienta de administración basada en web para sistemas Unix y Linux. Webmin proporciona una interfaz gráfica para administrar el sistema, lo que hace que la administración de servidores sea mucho más fácil y accesible para los usuarios.</p>
<p>En este tutorial, te mostraremos cómo instalar Webmin en un sistema CentOS 7.</p>
<p>Antes de comenzar, es importante asegurarse de que el sistema esté actualizado. Puedes hacer esto ejecutando el siguiente comando en la terminal:</p>
<pre><code>sudo yum update
</code></pre>
<p>Una vez que el sistema esté actualizado, puedes seguir estos pasos para instalar Webmin:</p>
<ol>
<li>Agrega el repositorio Webmin a la lista de repositorios de CentOS 7. Para hacer esto, crea un archivo llamado «webmin.repo» en el directorio «/etc/yum.repos.d/» con el siguiente contenido:</li>
<pre><code>[Webmin]
name=Webmin Distribution Neutral
#baseurl=http://download.webmin.com/download/yum
mirrorlist=http://download.webmin.com/download/yum/mirrorlist
enabled=1
</code></pre>
<li>Importa la clave GPG del repositorio Webmin para asegurarte de que los paquetes que descargues sean auténticos y no estén comprometidos. Para hacer esto, ejecuta el siguiente comando en la terminal:</li>
<pre><code>sudo rpm --import http://www.webmin.com/jcameron-key.asc
</code></pre>
<li>Instala Webmin ejecutando el siguiente comando:</li>
<pre><code>sudo yum install webmin
</code></pre>
<li>Una vez que se complete la instalación, inicia el servicio de Webmin con el siguiente comando:</li>
<pre><code>sudo systemctl start webmin
</code></pre>
<li>Para asegurarte de que el servicio se inicie automáticamente cada vez que se inicie el sistema, ejecuta el siguiente comando:</li>
<pre><code>sudo systemctl enable webmin
</code></pre>
<li>Accede a la interfaz de Webmin a través de tu navegador web utilizando la dirección IP del servidor y el puerto 10000. Por ejemplo, si la dirección IP de tu servidor es «192.168.0.2», deberás acceder a «https://192.168.0.2:10000» en tu navegador web.</li>
<li>Ingresa las credenciales de usuario y contraseña de tu servidor para acceder a la interfaz de Webmin.</li>
</ol>
<p>¡Eso es todo! Ahora tienes Webmin instalado en tu sistema CentOS 7 y puedes comenzar a administrar tu servidor de manera más fácil y accesible.</p>
<p>En resumen, Webmin es una herramienta poderosa que puede simplificar significativamente la administración de servidores basados en Linux y Unix. Al seguir los pasos descritos en este tutorial, podrás instalar Webmin en tu sistema CentOS 7 y comenzar a aprovechar sus características y beneficios.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/tutorial-para-instalar-webmin-en-centos-7/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7991</post-id>	</item>
		<item>
		<title>20 comandos de terminal que todo desarrollador debe conocer</title>
		<link>https://blog.tednologia.com/20-comandos-de-terminal-que-todo-desarrollador-debe-conocer/</link>
					<comments>https://blog.tednologia.com/20-comandos-de-terminal-que-todo-desarrollador-debe-conocer/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Thu, 05 Aug 2021 15:38:44 +0000</pubDate>
				<category><![CDATA[Backend]]></category>
		<category><![CDATA[Productividad]]></category>
		<category><![CDATA[bash]]></category>
		<category><![CDATA[comandos linux]]></category>
		<category><![CDATA[Linux]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=7977</guid>

					<description><![CDATA[Si es un desarrollador, es muy probable que esté trabajando en un servidor que se ejecuta en un sistema operativo basado en Linux.&#160;Y necesitaría trabajar con comandos como parte de su trabajo habitual.&#160;Aquí pasará por una lista de diferentes comandos de terminal que serían muy útiles en su trabajo de desarrollo. 1. pwd pwd&#160;(directorio de [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p id="5013">Si es un desarrollador, es muy probable que esté trabajando en un servidor que se ejecuta en un sistema operativo basado en Linux.&nbsp;Y necesitaría trabajar con comandos como parte de su trabajo habitual.&nbsp;Aquí pasará por una lista de diferentes comandos de terminal que serían muy útiles en su trabajo de desarrollo.</p>



<h1 id="e06a">1. pwd</h1>



<p id="a90b"><strong>pwd</strong>&nbsp;(directorio de trabajo actual) devuelve su ubicación actual en el sistema de archivos.</p>



<pre class="wp-block-preformatted"><code>/Users/Shared/bash$ pwd
/Users/Shared/bash</code></pre>



<h1 id="8785">2. ls</h1>



<p id="afb8"><strong>ls </strong> permite listar el contenido del directorio actual</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ ls
hello.txt sample</pre>



<p id="c745">Se pueden usar muchos indicadores junto con ls, pero el que se usa con más frecuencia es el <code>-l</code> que le brinda una versión más larga e informativa de la lista.</p>



<h1 id="2636">3. cd</h1>



<p id="882d"><strong>cd</strong>&nbsp;(cambiar directorio) le permite navegar desde la ubicación actual.</p>



<p id="9a74">Si conoce el nombre o la ruta del directorio desde su ubicación actual, puede navegar a eso como se muestra a continuación.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cd sample
/Users/Shared/bash/sample$</pre>



<p id="c547">Si desea navegar hacia atrás, puede usar&nbsp;<code>..</code>, también puede retroceder varios niveles usando varios puntos dobles separados por un&nbsp;<code>/</code>para cada nivel.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash/sample$ cd ..
/Users/Shared/bash$</pre>



<p id="bab4">Puede ir directamente a un directorio dando su ubicación desde el nivel raíz del sistema de archivos al incluir un&nbsp;<code>/</code>al principio de la ruta como se muestra.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cd /Users
/Users$</pre>



<h1 id="e55e">4. chmod</h1>



<p id="6c98"><strong>chmod</strong>&nbsp;(modo de cambio y accesibilidad) le permite modificar los permisos a los archivos y directorios proporcionados.</p>



<p id="56c1">Hay dos modos en los que puede modificar los permisos absolutos y simbólicos.</p>



<p id="6349">El modo absoluto está representado por un número octal para cada propietario, grupo y otros usuarios.&nbsp;La siguiente tabla le dará una idea de qué número real puede usar para proporcionar qué permisos.</p>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/660/1*HciLcanuezWjH0b0sLIZHw.png" alt=""/><figcaption>Imagen creada por el autor</figcaption></figure>



<pre class="wp-block-preformatted">chmod 744 sample</pre>



<p id="913c">Puede ver los permisos modificados para el directorio <code>sample</code> usando el comando <code>ls -l</code>. Inicialmente, fue <code>drwxr-xr-x</code> ahora a lo que ha cambiado <code>drwxr-r—</code>. El primer marcador de posición d representa un directorio que será <code>—</code> si es un archivo.<br>También hay un modo simbólico que puede usar, puede leer más sobre él <a href="https://docs.oracle.com/cd/E19683-01/816-4883/6mb2joat8/index.html">aquí</a> .</p>



<h1 id="1821">5. mkdir</h1>



<p id="1d0f"><strong>mkdir</strong>&nbsp;(crear directorios) le permite crear directorios, uno o varios a la vez, junto con los permisos deseados con los que desea asignarlos.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ mkdir sample2
/Users/Shared/bash$ ls
hello.txt sample  sample2</pre>



<p id="617d">También puede otorgar diferentes permisos a los directorios que crea usando la marca de modo <code>-m</code> como se muestra.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ mkdir -m 744 sample3</pre>



<h1 id="2c9e">6. echo</h1>



<p id="4159"><strong>echo</strong>&nbsp;imprime los parámetros / cadena proporcionados en la salida estándar.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ echo hello $PS1
hello %d$</pre>



<p id="6e9d">Aquí, hola es una cadena normal y <code>PS1</code> es una variable, se nota la necesidad de proporcionar <code>$</code>antes las variables (ya sea del sistema o definidas por el usuario) para imprimirlas.</p>



<h1 id="ab00">7. touch</h1>



<p id="3cfd"><strong>touch</strong> cambia el acceso al archivo y los tiempos de modificación para un archivo proporcionado. Si el archivo proporcionado no está presente, crea un nuevo archivo con la hora actual como hora de acceso y modificación. En la mayoría de los casos, el comando touch se utiliza para crear nuevos archivos.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ touch hello2.txt
/Users/Shared/bash$ ls
hello.txt hello2.txt sample</pre>



<h1 id="04cc">8. vim</h1>



<p id="a8f3"><strong>El</strong>&nbsp;comando&nbsp;<strong>vim le</strong>&nbsp;permite abrir el archivo especificado con el editor vim.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ vim hello.txt
hello there
~
~
~
~
~
~
~"hello.txt" 1L, 12C</pre>



<p id="accc">vim tiene sus diferentes opciones y comandos que vienen con un poco de curva de aprendizaje para dominar su uso.</p>



<h1 id="5721">9. nano</h1>



<p id="3924"><strong>El</strong>&nbsp;comando&nbsp;<strong>nano le</strong>&nbsp;permite abrir el archivo especificado con el editor nano, que es una versión mejorada del editor Pico.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ nano hello.txt
<strong>GNU nano 2.0.6                     File: hello.txt</strong>hello there
                          <strong>[ Read 1 line ]^G</strong> Get Help     <strong>^O</strong> WriteOut     <strong>^R</strong> Read File    <strong>^Y</strong> Prev Page    <strong>^K</strong> Cut Text     <strong>^C</strong> Cur Pos<strong>^X</strong> Exit         <strong>^J</strong> Justify     <strong> ^W</strong> Where Is     <strong>^V</strong> Next Page    <strong>^U</strong> UnCut Text   <strong>^T</strong> To Spell</pre>



<p id="8d18">nano también tiene algunas opciones diferentes, pero es relativamente más fácil de usar.</p>



<h1 id="1068">10. cat</h1>



<p id="2e3e"><strong>cat</strong>&nbsp;se utiliza para concatenar e imprimir el contenido de los archivos en la salida estándar.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cat hello.txt hello2.txt
hello there
how are you?</pre>



<p id="0848"><code>cat</code>&nbsp;se usa generalmente para ver el contenido de un solo archivo.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cat hello2.txt
how are you?</pre>



<h1 id="02f5">11. grep</h1>



<p id="2ec1"><strong>grep</strong>&nbsp;se usa para buscar un patrón en el archivo especificado y devuelve todas las líneas que coinciden con el patrón dado.&nbsp;Puede especificar la palabra completa o utilizar marcadores de posición para crear una expresión regular para su búsqueda.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ grep ho hello2.txt
how are you?## strings ending with a '?' 
/Users/Shared/bash$ grep '?$' hello2.txt
how are you?## strings starting with a 'how'
/Users/Shared/bash$ grep '^how' hello2.txt
how are you?</pre>



<h1 id="d509">12. diff</h1>



<p id="b8e9"><strong>diff</strong>&nbsp;se utiliza para comparar archivos dados línea por línea e imprime las líneas que son diferentes en cada archivo.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ diff hello.txt hello2.txt
1c1,2
&lt; hello there
---
> how are you?
></pre>



<h1 id="e70c">13. head</h1>



<p id="7524"><strong>head</strong>&nbsp;imprime el contenido del archivo desde el principio del archivo según las banderas dadas.</p>



<pre class="wp-block-preformatted">## displaying for number of lines
/Users/Shared/bash$ head -n 1 hello2.txt
how are you?
## displaying for number of bytes
/Users/Shared/bash$ head -c 2 hello2.txt
ho<strong>%</strong></pre>



<h1 id="e035">14. tail</h1>



<p id="3bf2"><strong>tail</strong>&nbsp;imprime el contenido del archivo desde el final del archivo según las banderas dadas.</p>



<pre class="wp-block-preformatted">## displaying for number of lines
/Users/Shared/bash$ tail -n 2 hello2.txt
how are you?
## displaying for number of bytes
/Users/Shared/bash$ tail -c 5 hello2.txt
ou?</pre>



<h1 id="4fd7">15. rm</h1>



<p id="a697"><strong>rm</strong>&nbsp;(eliminar entradas de directorio) elimina los archivos para el nombre de archivo / ruta especificados.&nbsp;Esto también se puede utilizar para eliminar directorios según los indicadores que proporciones.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ rm hello2.txt
/Users/Shared/bash$ ls
hello.txt sample
## removes directory sample with all the files/directories inside it
/Users/Shared/bash$ rm -r sample
/Users/Shared/bash$ ls
hello.txt</pre>



<h1 id="a90f">16. clear</h1>



<p id="da62"><strong>El</strong>&nbsp;comando&nbsp;<strong>clear</strong>&nbsp;borra la ventana de la terminal actual y lleva el indicador a la posición superior de la ventana de la terminal.</p>



<h1 id="04b0">17. Operadores de redireccionamiento (> &amp; >>)</h1>



<p id="847e"><code>&lt;strong&gt;&gt; &lt;/strong&gt;</code>se utiliza para redirigir la salida de un comando para pasarla a otro archivo. Esto sobrescribirá el contenido del archivo.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cat hello.txt > hello2.txt
/Users/Shared/bash$ cat hello2.txt
hello there
/Users/Shared/bash$ echo sample > hello2.txt
/Users/Shared/bash$ cat hello2.txt
sample</pre>



<p id="3352"><code>&lt;strong&gt;&gt;&gt;&lt;/strong&gt;</code> se utiliza para redirigir la salida de un comando para pasarla a otro archivo. Esto se agregará al contenido del archivo.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cat hello.txt >> hello2.txt
/Users/Shared/bash$ cat hello2.txt
sample
hello there
/Users/Shared/bash$ echo sample >> hello2.txt
/Users/Shared/bash$ cat hello2.txt
sample
hello there
sample</pre>



<h1 id="6d44">18. cp</h1>



<p id="f5ca"><strong>cp</strong>&nbsp;se utiliza para copiar archivos de un directorio a otro.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cp hello.txt sample/hello.txt
/Users/Shared/bash$ cd sample
/Users/Shared/bash/sample$ ls
hello.txt</pre>



<p id="049e">Si desea que el nombre del archivo en el destino sea el mismo que el de la fuente, puede ignorar dar el nombre en el destino.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ cp hello2.txt sample
/Users/Shared/bash$ cd sample
/Users/Shared/bash/sample$ ls
hello.txt hello2.txt</pre>



<h1 id="0c31">19. scp</h1>



<p id="2aa5"><strong>scp</strong> es el mismo que el <code>cp</code> pero se usa para copiar archivos entre servidores remotos.</p>



<pre class="wp-block-preformatted">## copy from your current location to remote directory
/Users/Shared/bash$ scp file.txt username@host:/remote/directory/
## copy from remote directory to your current location
/Users/Shared/bash$ scp username@host:file.txt /local/directory/</pre>



<h1 id="9f5a">20. mv</h1>



<p id="9d55"><strong>mv</strong>&nbsp;se utiliza para mover archivos de un directorio a otro.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ mv hello.txt sample2/hello.txt
/Users/Shared/bash$ cd sample2
/Users/Shared/bash/sample2$ ls
hello.txt</pre>



<p id="3ed5">Y si mueve el archivo dentro del mismo directorio, se le cambiará el nombre.</p>



<pre class="wp-block-preformatted">/Users/Shared/bash$ ls
hello2.txt sample  sample2
/Users/Shared/bash$ mv hello2.txt renamed.txt
/Users/Shared/bash$ ls
renamed.txt sample  sample2</pre>



<p id="6cf2">vía: <a href="https://levelup.gitconnected.com/">https://levelup.gitconnected.com/</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/20-comandos-de-terminal-que-todo-desarrollador-debe-conocer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7977</post-id>	</item>
		<item>
		<title>25 plantillas Keynote gratis para creativos</title>
		<link>https://blog.tednologia.com/25-plantillas-keynote-gratis-para-creativos/</link>
					<comments>https://blog.tednologia.com/25-plantillas-keynote-gratis-para-creativos/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Wed, 17 Mar 2021 20:19:33 +0000</pubDate>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[Tips Web]]></category>
		<category><![CDATA[keynote]]></category>
		<category><![CDATA[keynote template]]></category>
		<category><![CDATA[plantillas gratuitas]]></category>
		<category><![CDATA[plantillas keynote]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=7971</guid>

					<description><![CDATA[Ya sea que desee impresionar a posibles clientes e inversores o simplemente necesite diseñar una presentación para su cliente, no hay duda de que una plantilla puede ahorrarle horas de tiempo. En esta publicación, compartiremos las 25 mejores plantillas de Keynote que son completamente gratuitas y puede usarlas no solo para las presentaciones de sus [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Ya sea que desee impresionar a posibles clientes e inversores o simplemente necesite diseñar una presentación para su cliente, no hay duda de que una plantilla puede ahorrarle horas de tiempo.</p>



<p>En esta publicación, compartiremos las 25 mejores plantillas de Keynote que son completamente gratuitas y puede usarlas no solo para las presentaciones de sus clientes sino también para sus propios proyectos.</p>



<h2>Cómo importar e instalar una plantilla de Keynote de Apple</h2>



<p>Apple Keynote facilita la creación de hermosas presentaciones, sin embargo, las plantillas integradas dejan mucho que desear.&nbsp;Si desea hacer una presentación de Keynote verdaderamente única, deberá descargar una plantilla de Keynote de Apple.&nbsp;Aquí hay un tutorial rápido para importar e instalar plantillas de Apple Keynote.</p>



<ul><li>Descarga y descomprime la plantilla de Keynote que quieras usar</li><li>Inicie Keynote y busque el archivo Keynote descargado</li><li>Haga clic en Abrir</li><li>Personaliza la plantilla a tu gusto</li></ul>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/83192793/Free-Powerpoint-Keynote-Templates"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/83192793/Free-Powerpoint-Keynote-Templates">Space Keynote Template </a></a></h2>



<p>The Space es una plantilla gratuita de Keynote con un diseño moderno.&nbsp;Tiene más de 40 colores y 100 diapositivas únicas con miles de iconos personalizados.&nbsp;La plantilla es fácil de editar y utiliza fuentes gratuitas de Google.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-09.jpg" alt="Space - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fthumper-keynote-presentation-template-PJC4NZ"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fthumper-keynote-presentation-template-PJC4NZ">Thumper Keynote Presentation Template </a> <small>(Envato Elements)</small></a></h2>



<p>Thumper es una hermosa plantilla de presentación de Keynote que está disponible a través de Envato Elements.&nbsp;Viene con más de 100 diapositivas únicas y marcadores de posición de arrastrar y soltar.&nbsp;La plantilla se puede utilizar para cualquier tipo de presentación.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-01.jpg" alt="Thumper - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://gumroad.com/l/hJZnW"><a rel="noreferrer noopener" target="_blank" href="https://gumroad.com/l/hJZnW"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fbalance-keynote-template-H6HZ68"><a rel="noreferrer noopener" target="_blank" href="https://gumroad.com/l/hJZnW">Pastel Keynote Presentation Template </a></a></a></a></h2>



<p>Esta presentación de Keynote en colores pastel es una excelente opción para cualquiera que busque una plantilla de presentación que se vea suave y delicada.&nbsp;Incluye varias diapositivas diferentes y varios elementos de presentación, como iconos y gráficos.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-14.jpg" alt="Pastel - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fbalance-keynote-template-H6HZ68"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fbalance-keynote-template-H6HZ68">Balance Keynote Template </a> <small>(Envato Elements)</small></a></h2>



<p>Balance es una plantilla de Keynote moderna y minimalista de Envato Elements.&nbsp;Viene con más de 145 diapositivas únicas, así como formas e íconos totalmente editables.&nbsp;La plantilla fue diseñada en formato de pantalla ancha.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-02.jpg" alt="Balance - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://gumroad.com/l/lHymj"><a rel="noreferrer noopener" target="_blank" href="https://gumroad.com/l/lHymj">Brooklyn Keynote Template </a></a></h2>



<p>Esta plantilla de presentación tiene un diseño elegante y minimalista.&nbsp;Es una excelente opción para presentaciones de moda o belleza.&nbsp;Cuenta con imágenes grandes que son perfectas para exhibir sus piezas de moda y joyería.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-15.jpg" alt="Brooklyn - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fagency-keynote-template-R9SGLU"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fagency-keynote-template-R9SGLU">Agency Keynote Template </a> <small>(Envato Elements)</small></a></h2>



<p>La plantilla Agency Keynote es una excelente opción si eres una agencia o un diseñador independiente que busca una plantilla de presentación atractiva y moderna.&nbsp;Viene con 21 diapositivas únicas y sutiles animaciones de diapositivas.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-03.jpg" alt="Agencia - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/78782155/FREE-Voodoo-Presentation-Template"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/78782155/FREE-Voodoo-Presentation-Template">Voodoo Keynote Presentation Template </a></a></h2>



<p>La plantilla de presentación Voodoo para Keynote tiene un diseño limpio.&nbsp;Encontrará 100 diapositivas animadas, paquetes de iconos adicionales y 40 temas de color que puede usar como punto de partida.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-12.jpg" alt="Voodoo - plantilla de presentación de keynote gratuita"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/78203059/FREE-Blockchain-Presentation"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/78203059/FREE-Blockchain-Presentation">Blockchain Keynote Template </a></a></h2>



<p>Blockchain Keynote ofrece 135 diapositivas únicas que se basan en diapositivas maestras para facilitar la edición.&nbsp;La plantilla también viene con una cantidad impresionante de íconos que puede usar a lo largo de su presentación.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-13.jpg" alt="Blockchain - plantilla de presentación de keynote gratuita"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fpitch-deck-keynote-template-P9QXM32"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fpitch-deck-keynote-template-P9QXM32">Pitch Deck Keynote Template </a></a></h2>



<p>Esta plantilla de Keynote es una buena opción si necesita hacer una presentación.&nbsp;La plantilla tiene un diseño profesional y moderno.&nbsp;Viene con 32 diapositivas y fue diseñado en formato de pantalla ancha.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-08.jpg" alt="Pitch Deck - plantilla de presentación de keynote gratuita"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://freepiker.com/free-presentation/simple-portfolio-keynote-template_10044.html"><a rel="noreferrer noopener" target="_blank" href="https://freepiker.com/free-presentation/simple-portfolio-keynote-template_10044.html">Freepiker Portfolio Keynote Template </a></a></h2>



<p>Esta plantilla de Keynote es una excelente opción si desea presentar su portafolio de una manera única e interactiva.&nbsp;La plantilla viene con más de 20 diapositivas únicas y es fácil de editar y personalizar.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-16.jpg" alt="Freepiker Portfolio - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Frimona-keynote-template-7JEL8TG"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Frimona-keynote-template-7JEL8TG">Rimona Keynote Template </a> <small>(Envato Elements)</small></a></h2>



<p>Rimona es una elegante plantilla de Keynote que es perfecta para cualquier presentación de moda o belleza.&nbsp;Tiene 5 variaciones de color prefabricadas y más de 150 diapositivas únicas.&nbsp;También viene con marcadores de posición de imagen.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-05.jpg" alt="Rimona - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/59129217/PLANETS-FREE-Presentation-Template"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/59129217/PLANETS-FREE-Presentation-Template">Planets Keynote Presentation Template </a></a></h2>



<p>Planetas es otra plantilla moderna y mínima para Keynote.&nbsp;Viene con 150 diapositivas e incluye una versión clara y otra oscura.&nbsp;La plantilla fue diseñada en resolución de pantalla ancha.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-10.jpg" alt="Planetas - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/77314021/Yellow-Free-Keynote-PPT-Template"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/77314021/Yellow-Free-Keynote-PPT-Template">Yellow Keynote Template </a></a></h2>



<p>Pruebe la plantilla Yellow Keynote si está buscando una plantilla de presentación brillante y audaz.&nbsp;Viene con 60 diapositivas únicas y marcadores de posición de imágenes de arrastrar y soltar.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-11.jpg" alt="Amarillo - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Feducate-keynote-template-L3PT2XC"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Feducate-keynote-template-L3PT2XC">Educate Keynote Template </a> <small>(Envato Elements)</small></a></h2>



<p>Si necesita hacer una presentación educativa para su clase, la plantilla Educate se adaptará perfectamente a usted.&nbsp;La plantilla incluye 150 diapositivas basadas en diapositivas maestras para facilitar la edición y viene en 5 variaciones de color.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-07.jpg" alt="Educate - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://dribbble.com/shots/3358188-BALANCE-FREE-MINIMAL-POWERPOINT-KEYNOTE-TEMPLATE"><a rel="noreferrer noopener" target="_blank" href="https://dribbble.com/shots/3358188-BALANCE-FREE-MINIMAL-POWERPOINT-KEYNOTE-TEMPLATE">Balance – Minimal Keynote Template </a></a></h2>



<p>The Balance es una plantilla mínima de Keynote.&nbsp;Gracias a su diseño simple, se puede utilizar para cualquier tipo de presentación y viene con más de 18 diapositivas únicas, marcadores de posición de objetos de arrastrar y soltar y una gran cantidad de elementos vectoriales redimensionables.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-17.jpg" alt="Balance - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.and.co/the-deck-stack-v2.html"><a rel="noreferrer noopener" target="_blank" href="https://www.and.co/the-deck-stack-v2.html">The Deck Stack 2.0 Keynote Template </a></a></h2>



<p>Deck Stack es una plantilla de Keynote simple y elegante.&nbsp;Tiene más de 30 diapositivas únicas para todas las ocasiones y se puede utilizar para cualquier tipo de presentación comercial o creativa.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-18.jpg" alt="The Deck Stack 2.0 - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fcosmic-fashion-keynote-template-7UQP4LK"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fcosmic-fashion-keynote-template-7UQP4LK">Cosmic Fashion Keynote Template </a> <small>(Envato Elements)</small></a></h2>



<p>Como su nombre indica, la plantilla Cosmic Fashion Keynote es una elección perfecta para presentaciones de moda.&nbsp;Cuenta con un diseño listo para retina con más de 100 diapositivas únicas y 2 relaciones de aspecto.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-06.jpg" alt="Cosmic Fashion - plantilla gratuita para presentación de keynote"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://gumroad.com/l/aIZd"><a rel="noreferrer noopener" target="_blank" href="https://gumroad.com/l/aIZd">MNMLST Keynote Template </a></a></h2>



<p>La plantilla de MNMLST Keynote tiene un diseño hermoso y elegante.&nbsp;Tiene varias diapositivas con diseños de imágenes impresionantes y viene con una serie de diapositivas prefabricadas que son fáciles de editar.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-19.jpg" alt="MNMLST - plantilla de presentación de keynote gratuita"/></figure>



<h2>Zane&nbsp;</h2>



<p>La primera plantilla de nuestra lista, Zane, es una plantilla de presentación multipropósito que se puede utilizar para cualquier tipo de presentación en cualquier nicho.</p>



<p>Cuenta con un diseño moderno e incluye 11 diapositivas prefabricadas, así como una selección de iconos vectoriales de alta calidad.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/zane-keynote-free-template.jpg" alt="Zane free keynote templates diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fsandy-keynote-template-MWFRRH"><a rel="noreferrer noopener" target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=keynote-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fsandy-keynote-template-MWFRRH">Sandy Keynote Template </a> <small>(Envato Elements)</small></a></h2>



<p>Si está buscando una plantilla de Keynote que tenga esquemas de color prefabricados, no busque más allá de Sandy.&nbsp;La versión principal viene en un negro rico y elegante y también encontrará otros 4 esquemas de color y más de 150 diapositivas para crear cualquier tipo de presentación.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/10/free-template-powerpoint-keynote-04.jpg" alt="Sandy - plantilla gratuita para presentación de keynote"/></figure>



<h2><a target="_blank" href="https://vizualus.com/shop/sella-powerpoint-keynote-free-slides/" rel="noreferrer noopener">Sella&nbsp;</a></h2>



<p>La plantilla Sella incluye 5 diapositivas prefabricadas únicas en la versión gratuita y viene con transiciones elegantes que seguramente llamarán la atención de cualquiera que vea su presentación.</p>



<p>Sella tiene un diseño elegante e incluso incluye mapas totalmente editables si necesita mostrar datos geográficos o una región específica.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/slides-keynote-free-template.jpg" alt="Sella free keynote templates diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://slidesmash.com/creative-keynote-template/"><a rel="noreferrer noopener" target="_blank" href="https://slidesmash.com/creative-keynote-template/">Creative Keynote </a></a></h2>



<p>La plantilla Creative Keynote incluye 25 diapositivas prefabricadas y tiene un diseño colorido y vibrante, perfecto para presentaciones modernas y diseñadores que aman la tendencia del diseño plano.</p>



<p>También encontrará una selección de formas geométricas, mapas editables, iconos, tablas y más.&nbsp;Todas las diapositivas se pueden editar fácilmente para que pueda personalizar cada parte de la presentación y personalizarla.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/creative-keynote-free-keynote-03.jpg" alt="diseñador creativo de plantillas de keynote gratis"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://graphicpanda.net/Simple-minimal-free-keynote-template-louistwelve/"><a rel="noreferrer noopener" target="_blank" href="https://graphicpanda.net/Simple-minimal-free-keynote-template-louistwelve/">Simple Minimal </a></a></h2>



<p>Si está buscando una plantilla mínima de Keynote, Simple Minimal podría ser lo que busca.&nbsp;La plantilla tiene un diseño elegante y minimalista.</p>



<p>Las diapositivas en tonos grises se han diseñado con la intención de no distraer a los espectadores y dejar que se concentren en lo más importante: el contenido de tu presentación.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/simple-minimal-free-keynote-04.jpg" alt="Diseñador creativo de plantillas de notas clave gratuitas mínimas simples"/></figure>



<h2><a target="_blank" href="https://vizualus.com/shop/free-heyra-powerpoint-keynote-slides/" rel="noreferrer noopener">Heyra&nbsp;</a></h2>



<p>Heyra es otra plantilla mínima con una combinación de colores en blanco y negro, pero te permite llamar la atención insertando fotos de ancho completo en lugares clave de tu presentación.</p>



<p>Heyra viene con 12 diapositivas prefabricadas, íconos vectoriales de alta calidad y otros elementos necesarios para una presentación hermosa.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/heyra-free-keynote-05.jpg" alt="Heyra free keynote templates diseñador creativo"/></figure>



<h2><a href="https://www.behance.net/gallery/51074281/DUOTONE-FREE-MINIMAL-POWERPOINT-KEYNOTE-TEMPLATE" rel="noreferrer noopener" target="_blank">Duotono&nbsp;</a></h2>



<p>Como su nombre indica, esta plantilla presenta un&nbsp;<a href="https://speckyboy.com/duotone-effects-photoshop-actions/">esquema de color de dos tonos</a>&nbsp;, una tendencia que ha ido ganando popularidad en los últimos años.</p>



<p>La plantilla tiene una cantidad impresionante de diapositivas prefabricadas para un obsequio: se incluyen más de 132 diapositivas prefabricadas y también obtendrá una acción de duotono de Photoshop como bonificación.&nbsp;Si eres fanático de la tendencia duotono, no te pierdas esta plantilla de Keynote.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/duotone-free-keynote-06.jpg" alt="Duotone free keynote templates diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" href="https://www.behance.net/gallery/56407875/LONDON-FREE-MINIMAL-POWERPOINT-KEYNOTE-TEMPLATE" target="_blank">London</a></h2>



<p>Si está buscando una plantilla con un toque femenino y elegante, no busque más que la plantilla de Londres.&nbsp;Esta plantilla de Keynote cuenta con 21 diapositivas prefabricadas y una tipografía elegante que pone el foco en el contenido de su presentación.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/london-free-keynote-07.jpg" alt="London free keynote templates diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.pixelsurplus.com/templates/basics-free-minimal-ppt-keynote-template">Basics</a></h2>



<p>La plantilla Básicos viene con 31 diapositivas prefabricadas y marcadores de posición de objetos de arrastrar y soltar para que pueda reemplazar fácilmente el contenido de demostración con el suyo.</p>



<p>Esta plantilla también incluye más de 6000 iconos, diagramas de Venn, líneas de tiempo verticales y horizontales y mucho más.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/basics-free-keynote-08.jpg" alt="Conceptos básicos plantillas de notas clave gratuitas diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/23751195/FREE-ProBusiness-Keynote-Presentation-Template"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/23751195/FREE-ProBusiness-Keynote-Presentation-Template">ProBusiness </a></a></h2>



<p>La plantilla ProBusiness tiene un toque profesional y corporativo, por lo que es perfecta para cualquiera de sus clientes corporativos que necesitan una presentación que coincida con la imagen de su empresa.</p>



<p>Esta plantilla incluye marcadores de posición de arrastrar y soltar, iconos vectoriales y diseño de pantalla ancha.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/probusiness-free-keynote-09.jpg" alt="ProBusiness free keynote templates diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://hislide.io/product/business-proposal-keynote-template/"><a rel="noreferrer noopener" target="_blank" href="https://hislide.io/product/business-proposal-keynote-template/">Keynote Business Proposal </a></a></h2>



<p>Si desea utilizar Keynote para hacer propuestas para sus clientes, considere la plantilla Propuesta comercial.</p>



<p>Incluye una impresionante selección de 50 diapositivas prefabricadas que incluían elementos como saltos de sección, diapositivas de texto e imágenes, y varios diagramas como líneas de tiempo, gráficos y tablas.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/business-proposal-free-keynote-10.jpg" alt="Propuesta de negocio plantillas de keynote gratuitas diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/48657173/EVERY-FREE-MINIMAL-POWERPOINT-KEYNOTE-TEMPLATE">Every</a></h2>



<p>La plantilla Every es una plantilla Keynote limpia con elementos modernos que captará la atención de su audiencia.&nbsp;Esta plantilla se puede utilizar en varias industrias gracias a su diseño versátil, tipografía atrevida y sutiles toques de color para llamar la atención sobre partes cruciales.</p>



<p>Puede reemplazar fácilmente el contenido ficticio gracias a los marcadores de posición de arrastrar y soltar y elegir entre una variedad de iconos redimensionables y formas vectoriales para mejorar su diseño.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/every-free-keynote-11.jpg" alt="Cada diseñador creativo de plantillas de keynote gratuitas"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/51918159/AIR-FREE-MINIMAL-POWERPOINT-TEMPLATE"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/51918159/AIR-FREE-MINIMAL-POWERPOINT-TEMPLATE">Air Keynote Presentation </a></a></h2>



<p>La plantilla Air incluye impresionantes marcadores de posición de ancho completo para imágenes, así como diseños de pantalla dividida que son perfectos para mostrar su portafolio u otros diseños.</p>



<p>También encontrará una hermosa tipografía, más de 60 diapositivas prefabricadas y una bonificación de 450 iconos vectoriales.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/air-free-keynote-12.jpg" alt="Air free keynote templates diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/62578267/EVA-FREE-Presentation-Template"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/62578267/EVA-FREE-Presentation-Template">Eva Keynote Template </a></a></h2>



<p>La plantilla Eva es una excelente opción si está trabajando con clientes en la industria de la moda y la fotografía, ya que el diseño y el diseño general se adaptan bien a los portafolios.</p>



<p>También puede utilizar esta plantilla para su propio negocio de diseño.&nbsp;Esta plantilla de Keynote incluye más de 200 diapositivas, una combinación de colores claros y oscuros y más de 250 iconos vectoriales.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/eva-free-keynote-13.jpg" alt="Diseñadora creativa de plantillas de notas clave gratuitas de Eva"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/50148371/FREE-PROFESSIONAL-PITCH-DECK-PPT-TEMPLATE"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/50148371/FREE-PROFESSIONAL-PITCH-DECK-PPT-TEMPLATE">Professional Keynote Pitch Deck </a></a></h2>



<p>Professional Pitch Deck es una plantilla de Keynote perfecta para cuando necesita impresionar a clientes, inversores o socios potenciales.</p>



<p>La plantilla incluye una variedad de diapositivas para presentar datos sobre su empresa, los miembros de su equipo y cualquier otra información que necesite incluir para una presentación exitosa.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/professional-pitch-deck-free-keynote-14.jpg" alt="Professional Pitch Deck plantillas de keynote gratuitas diseñador creativo"/></figure>



<h2><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/48970139/X-FREE-POWERPOINT-KEYNOTE-TEMPLATE"><a rel="noreferrer noopener" target="_blank" href="https://www.behance.net/gallery/48970139/X-FREE-POWERPOINT-KEYNOTE-TEMPLATE">X for Keynote </a></a></h2>



<p>La última plantilla de nuestra lista, X, ofrece más de 18 diapositivas creativas únicas que presentan un diseño limpio y fresco.&nbsp;La plantilla viene en formato 16: 9 e incluye marcadores de posición de arrastrar y soltar, así como elementos vectoriales redimensionables como iconos, mapas, gráficos y más.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/06/x-deck-free-keynote-15.jpg" alt="x diseñador creativo de plantillas de keynote gratuitas"/></figure>



<p>vía: <a href="https://speckyboy.com/">speckyboy.com</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/25-plantillas-keynote-gratis-para-creativos/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7971</post-id>	</item>
		<item>
		<title>45 complementos y componentes gratuitos para Bootstrap</title>
		<link>https://blog.tednologia.com/45-complementos-y-componentes-gratuitos-para-bootstrap/</link>
					<comments>https://blog.tednologia.com/45-complementos-y-componentes-gratuitos-para-bootstrap/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Fri, 19 Feb 2021 02:32:14 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap extend]]></category>
		<category><![CDATA[jQuery plugins]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=7968</guid>

					<description><![CDATA[Bootstrap ya viene con una gran selección de herramientas, extensiones y componentes útiles, y es más que suficiente para poner en marcha la mayoría de los proyectos de diseño web o aplicaciones web. Habrá ocasiones en las que los componentes básicos incluidos no sean suficientes para lo que uno necesita. Ahí es donde estas 45 extensiones, complementos y componentes que te [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Bootstrap ya viene con una gran selección de herramientas, extensiones y componentes útiles, y es más que suficiente para poner en marcha la mayoría de los proyectos de diseño web o aplicaciones web. Habrá ocasiones en las que los componentes básicos incluidos no sean suficientes para lo que uno necesita. Ahí es donde estas 45 extensiones, complementos y componentes que te permitirán extender Bootstrap aún más.</p>



<h2>Accesibilidad</h2>



<p><a rel="noreferrer noopener" target="_blank" href="https://paypal.github.io/bootstrap-accessibility-plugin/demo.html"><strong>Complemento de accesibilidad</strong></a> : este complemento agrega un marcado de accesibilidad a los componentes predeterminados de Bootstrap. Los componentes incluyen: alertas, información sobre herramientas, ventana emergente, diálogo modal, menú desplegable, panel de pestañas, colapsado y carrusel.</p>



<h2>Breadcrumb</h2>



<p><a target="_blank" href="https://github.com/jeluard/bootstrap-breadcrumb" rel="noreferrer noopener"><strong>Bootstrap-Breadcrumb</strong></a>&nbsp;: un complemento de JavaScript Bootstrap que le permite manipular mediante programación la navegación de migas de pan.</p>



<h2>Calendario</h2>



<p><a target="_blank" href="https://github.com/Serhioromano/bootstrap-calendar" rel="noreferrer noopener"><strong>Bootstrap-Calendar</strong></a>&nbsp;: un calendario de vista completa basado en Bootstrap.<br><img loading="lazy" width="750" height="200" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_04.jpg" alt="Complemento de calendario de vista completa Twitter Bootstrap"></p>



<h2>Carrusel</h2>



<p><a target="_blank" href="https://github.com/noreiller/bootstrap-modal-carousel" rel="noreferrer noopener"><strong>Bootstrap Modal Carousel</strong></a>&nbsp;: una colección de complementos para mostrar un carrusel en una ventana modal de pantalla completa.<br><img loading="lazy" width="750" height="317" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_05.jpg" alt="complementos de colección que muestran la ventana modal de pantalla completa de carrusel que extiende Bootstrap"></p>



<h2>Caja</h2>



<p><a target="_blank" href="http://arthurgouveia.com/prettyCheckable/" rel="noreferrer noopener"><strong>prettyCheckable</strong></a>&nbsp;: un complemento de jQuery para reemplazar las casillas de verificación predeterminadas y las entradas de radio.<br><img loading="lazy" width="750" height="317" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_06.jpg" alt="El complemento jQuery reemplaza las entradas de radio de las casillas de verificación predeterminadas"></p>



<h2>Selector de color</h2>



<p><a target="_blank" href="https://github.com/tkrotoff/jquery-simplecolorpicker" rel="noreferrer noopener"><strong>Selector de color simple</strong></a>&nbsp;: un selector de color jQuery muy simple y liviano (200 líneas de JavaScript y 100 líneas de CSS) para Bootstrap.<br><img loading="lazy" width="750" height="250" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_07.jpg" alt="Selector de color jQuery simple y ligero Bootstrap"></p>



<h2>Combobox</h2>



<p><a target="_blank" href="https://github.com/danielfarrell/bootstrap-combobox" rel="noreferrer noopener"><strong>Bootstrap Combobox</strong></a>&nbsp;: un complemento de cuadro combinado que se integra bien con Bootstrap.<br><img loading="lazy" width="750" height="200" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_08.jpg" alt="El complemento combobox integra el complemento de extensión Bootstrap"></p>



<h2>Formulario de contacto</h2>



<p><a target="_blank" href="https://github.com/jackilyn/bootstrap-contact" rel="noreferrer noopener"><strong>Bootstrap-Contact</strong></a>&nbsp;: un formulario de contacto PHP simple que usa Bootstrap y el complemento de validación jQuery.</p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://github.com/gunnar-t/jquery.gridform" rel="noreferrer noopener"><strong>jQuery Gridform</strong></a>&nbsp;: un complemento de jQuery para crear formularios complejos basados ​​en tablas con Bootstrap.<br><img loading="lazy" width="750" height="200" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_10.jpg" alt="Complemento jQuery que crea formularios complejos basados ​​en tablas, complemento Bootstrap"></p>



<h2>Selector de fechas</h2>



<p><a target="_blank" href="https://www.eyecon.ro/bootstrap-datepicker/" rel="noreferrer noopener"><strong>Datepicker</strong></a>&nbsp;: un complemento para agregar un campo de datepicker a cualquier elemento.<br><img loading="lazy" width="750" height="200" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_11.jpg" alt="complemento que agrega complemento de elemento de campo datepicker"></p>



<hr class="wp-block-separator"/>



<p><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">D</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">a</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">t</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">e</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/"> </a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">R</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">a</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">n</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">g</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">e</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/"> </a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">P</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">i</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">c</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">k</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/">e</a></strong><a rel="noreferrer noopener" target="_blank" href="http://www.daterangepicker.com/"><strong>r</strong></a> : este componente de selector de rango de fechas crea un menú desplegable desde el cual puede seleccionar un rango de fechas.<br><img loading="lazy" width="750" height="200" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_12.jpg" alt="El componente selector de rango de fechas crea fechas de rango de selección desplegable Ampliación de Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a rel="noreferrer noopener" target="_blank" href="https://weareoutman.github.io/clockpicker/"><strong>ClockPicker</strong></a> : un selector de tiempo estilo reloj único para Bootstrap.<br><img loading="lazy" width="750" height="250" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_13.jpg" alt="Selector de tiempo de estilo de reloj único Bootstrap"></p>



<h2>Cuadros de diálogo y alertas</h2>



<p><a rel="noreferrer noopener" target="_blank" href="http://bootboxjs.com/"><strong>Bootbox.js</strong></a> : una pequeña librería JS que le permite crear cuadros de diálogo programáticos utilizando los modales de Bootstrap.<br><img loading="lazy" width="750" height="250" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_14.jpg" alt="pequeña biblioteca javascript crear cuadros de diálogo programáticos Bootstraps modales windows"></p>



<hr class="wp-block-separator"/>



<p><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sairam/bootstrap-prompts">Bootstrap P</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sairam/bootstrap-prompts">r</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sairam/bootstrap-prompts">o</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sairam/bootstrap-prompts">m</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sairam/bootstrap-prompts">p</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sairam/bootstrap-prompts">t</a></strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sairam/bootstrap-prompts"><strong>s</strong></a> &#8211; un plugin para reemplazar las notificaciones de <code>alert()</code>, <code>prompt()</code>, <code>confirm()</code>en el navegador cuando se utiliza Twitter Bootstrap, con referentes.<br><img loading="lazy" width="750" height="250" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_15.jpg" alt="El complemento Bootstrap Prompts reemplaza la alerta básica"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://ethaizone.github.io/Bootstrap-Confirmation/" rel="noreferrer noopener"><strong>Bootstrap Confirmation</strong></a>&nbsp;: un complemento que reemplaza los elementos emergentes con diálogos de confirmación.<br><img loading="lazy" width="750" height="250" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_16.jpg" alt="el complemento reemplaza los diálogos de confirmación de los elementos emergentes"></p>



<h2>Subir archivos</h2>



<p><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/jQuery-File-Upload/">jQuery File Upload</a> </strong>  : un widget de carga de archivos que presenta selección de archivos múltiples, arrastrar y soltar, barras de progreso, validación e imágenes de vista previa.<br><img loading="lazy" width="750" height="107" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_17.jpg" alt="widget de carga de archivos que presenta múltiples barras de progreso de selección de archivos arrastrar y soltar"></p>



<h2>Validación de formulario</h2>



<p><a target="_blank" href="https://formvalidation.io/" rel="noreferrer noopener"><strong>BootstrapValidator</strong></a>&nbsp;: un complemento de jQuery para vaildating formularios dentro de Bootstrap.<br><img loading="lazy" width="750" height="250" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_18.jpg" alt="Extensión de complemento de formularios vacíos del complemento jQuery Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://reactiveraven.github.io/jqBootstrapValidation/" rel="noreferrer noopener"><strong>jqBootstrapValidation</strong></a>&nbsp;: otro marco de validación de jQuery para formularios Bootstrap.<br><img loading="lazy" width="750" height="229" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_19.jpg" alt="jqBootstrapValidation Otro marco de validación de jQuery Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://1000hz.github.io/bootstrap-validator/" rel="noreferrer noopener"><strong>Validator</strong></a>&nbsp;: un complemento validador de formularios simple y fácil de usar para Bootstrap.<br><img loading="lazy" width="750" height="229" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_20.jpg" alt=" Complemento de complemento de validación de formularios simple y fácil de usar Bootstrap"></p>



<h2>Tablas HTML</h2>



<p><a target="_blank" href="http://tableclothjs.com/" rel="noreferrer noopener"><strong>Tablecloth.js</strong></a>&nbsp;: basado en Bootstrap, este es un complemento de jQuery que le ayuda a diseñar tablas HTML fácilmente.<br><img loading="lazy" width="750" height="229" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_21.jpg" alt="Complemento jQuery que le ayuda a diseñar tablas HTML fácilmente"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://github.com/gr2m/navigable-table" rel="noreferrer noopener"><strong>Tabla navegable</strong></a>&nbsp;: un complemento Bootstrap para una navegación fluida entre las entradas de la tabla.<br><img loading="lazy" width="750" height="155" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_22.jpg" alt="Navegación fluida del complemento Bootstrap a través de las entradas de la tabla"></p>



<h2>Galería de imágenes</h2>



<p><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">I</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">m</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">a</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">g</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">e</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/"> </a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">G</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">a</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">l</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">l</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">e</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/">r</a></strong><a rel="noreferrer noopener" target="_blank" href="https://blueimp.github.io/Bootstrap-Image-Gallery/"><strong>y</strong></a> : este complemento muestra imágenes y videos en el cuadro de diálogo modal de Bootstrap. Cuenta con navegación por deslizamiento, mouse y teclado, efectos de transición, soporte de pantalla completa y carga de contenido a pedido.<br><img loading="lazy" width="750" height="342" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_23.jpg" alt="el complemento muestra imágenes videos diálogo modal Bootstrap"></p>



<h2>Edición in situ</h2>



<p><a rel="noreferrer noopener" target="_blank" href="https://vitalets.github.io/x-editable/"><strong>X-editable</strong></a> : una librería que le permite crear elementos editables en su página de Bootstrap.<br><img loading="lazy" width="750" height="200" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_24.jpg" alt="biblioteca crear elementos editables página Bootstrap"></p>



<h2>Cuadrícula de diseño</h2>



<p><a target="_blank" href="https://github.com/cpolzer/jQDrawBootstrapGrid" rel="noreferrer noopener"><strong>jQDrawBootstrapGrid</strong></a>&nbsp;: un complemento jQuery simple que dibuja columnas de cuadrícula en un diseño habilitado para Bootstrap.<br><img loading="lazy" width="750" height="315" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_25.jpg" alt="El complemento jQuery simple dibuja columnas de cuadrícula Bootstrap habilitado"></p>



<h2>Aumentar vista</h2>



<p><a rel="noreferrer noopener" target="_blank" href="https://github.com/marcaube/bootstrap-magnify"><strong>Magnify</strong></a> : un complemento JS para agregar una lupa a las imágenes al pasar el mouse.<br><img loading="lazy" width="750" height="230" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_27.jpg" alt="complemento javascript que agrega imágenes de lupa al pasar el mouse"></p>



<h2>Ventanas modales</h2>



<p><a target="_blank" href="https://github.com/jschr/bootstrap-modal" rel="noreferrer noopener"><strong>Bootstrap Modal</strong></a>&nbsp;: este complemento amplía los modales nativos de Bootstrap para proporcionar funcionalidad adicional (receptivo, apilable, Ajax &#8230;).<br><img loading="lazy" width="750" height="230" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_29.jpg" alt="el complemento extiende los modales nativos de Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://github.com/aroc/Bootstrap-Scroll-Modal" rel="noreferrer noopener"><strong>Bootstrap Scroll Modal</strong></a>&nbsp;: una modificación del complemento Bootstrap Modal que permite una altura modal ilimitada con desplazamiento de página completa.<br><img loading="lazy" width="750" height="230" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_30.jpg" alt="modificación Bootstrap Modal plugin altura modal ilimitada desplazamiento de página completa"></p>



<h2>Navegación</h2>



<p><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">C</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">o</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">n</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">t</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">e</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">x</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">t</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">M</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">e</a></strong><strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu">n</a></strong><a rel="noreferrer noopener" target="_blank" href="https://github.com/sydcanem/bootstrap-contextmenu"><strong>u</strong></a> : un complemento de menú contextual para Bootstrap.<br><img loading="lazy" width="750" height="230" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_32.jpg" alt="complemento de menú contextual Bootstrap"></p>



<h2>Paginación</h2>



<p><a target="_blank" href="https://botmonster.com/jquery-bootpag/" rel="noreferrer noopener"><strong>bootpag</strong></a>&nbsp;: un complemento de jQuery lo ayuda a crear una paginación dinámica con Bootstrap.<br><img loading="lazy" width="750" height="230" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_33.jpg" alt="El complemento jQuery crea Bootstrap de paginación dinámica"></p>



<h2>Barras de progreso</h2>



<p><a target="_blank" href="https://geersch.github.io/bootstrap-progressbar/" rel="noreferrer noopener"><strong>Bootstrap Progressbar</strong></a>&nbsp;: un componente de barra de progreso multicolor para Bootstrap.<br><img loading="lazy" width="750" height="167" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_35.jpg" alt="Complemento de componente de barra de progreso multicolor Bootstrap"></p>



<h2>Calificaciones</h2>



<p><a target="_blank" href="https://plugins.krajee.com/star-rating" rel="noreferrer noopener"><strong>Bootstrap Star Rating</strong></a>&nbsp;: un complemento de calificación de estrellas de jQuery para Bootstrap que admite relleno de estrella fraccional y soporte de entrada RTL.<br><img loading="lazy" width="750" height="230" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_36.jpg" alt="Bootstrap del complemento de calificación de estrellas de jQuery"></p>



<h2>Botones sociales</h2>



<p><a target="_blank" href="https://lipis.github.io/bootstrap-social/" rel="noreferrer noopener"><strong>Botones sociales para Bootstrap</strong></a>&nbsp;: una biblioteca de botones de inicio de sesión social de CSS puro.<br><img loading="lazy" width="750" height="230" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_37.jpg" alt="biblioteca de botones de inicio de sesión social de CSS puro para bootstrap"></p>



<h2>Selects</h2>



<p><a target="_blank" href="https://gustavohenke.github.io/bselect/" rel="noreferrer noopener"><strong>bselect</strong></a>&nbsp;: un complemento para diseñar el<code>&amp;lt;select&amp;gt;</code>elemento en Bootstrap.<br><img loading="lazy" width="750" height="178" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_38.jpg" alt="estilo de complemento seleccionar elemento Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://davidstutz.github.io/bootstrap-multiselect/" rel="noreferrer noopener"><strong>Bootstrap Multiselect</strong></a>&nbsp;: un complemento basado en jQuery para usar entradas seleccionadas con los múltiples atributos.<br><img loading="lazy" width="750" height="178" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_39.jpg" alt="Complemento basado en jQuery usando entradas seleccionadas"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://github.com/rroppolo/bootstrap-multisuggestplugin" rel="noreferrer noopener"><strong>MultiSuggest</strong></a>&nbsp;: un complemento útil que amplía el componente Bootstrap Typeahead predeterminado.<br><img loading="lazy" width="750" height="178" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_40.jpg" alt="complemento útil extiende el componente predeterminado Bootstrap Typeahead"></p>



<h2>Etiquetas</h2>



<p><a target="_blank" href="https://github.com/maxwells/bootstrap-tags" rel="noreferrer noopener"><strong>Bootstrap Tags</strong></a>&nbsp;: un complemento de jQuery para agregar la funcionalidad de etiquetado Bootstrap.<br><img loading="lazy" width="750" height="178" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_41.jpg" alt="El complemento jQuery agrega funcionalidad de etiquetado Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://sliptree.github.io/bootstrap-tokenfield/" rel="noreferrer noopener"><strong>Tokenfield</strong></a>&nbsp;: un complemento jQuery de etiquetado avanzado para Bootstrap que se centra en la navegación con el teclado y la compatibilidad con copiar / pegar.<br><img loading="lazy" width="750" height="162" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_42.jpg" alt="Bootstrap del componente del complemento jQuery de etiquetado avanzado"></p>



<h2>Tabla de contenido</h2>



<p><a target="_blank" href="http://gregfranko.com/jquery.tocify.js/" rel="noreferrer noopener"><strong>Tocify</strong></a>&nbsp;: un complemento de jQuery que genera dinámicamente una tabla de contenido.&nbsp;Opcionalmente, se puede diseñar con Bootstrap o jQueryUI Themeroller.<br><img loading="lazy" width="750" height="237" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_43.jpg" alt="El complemento jQuery genera dinámicamente el contenido de la tabla extendiendo bootstrap"></p>



<h2>Tabs</h2>



<p><strong>Tabcordion.js</strong>&nbsp;: un complemento de jQuery simple que transforma un conjunto de pestañas de Bootstrap en un acordeón de Bootstrap.<br><img loading="lazy" width="750" height="140" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_44.jpg" alt="El complemento jQuery simple transforma las pestañas de Bootstrap en un acordeón Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://github.com/flatlogic/bootstrap-tabcollapse" rel="noreferrer noopener"><strong>tabcollapse</strong></a>&nbsp;: un complemento que cambia el componente Bootstrap Tabs para colapsar en pantallas pequeñas.<br><img loading="lazy" width="750" height="237" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_45.jpg" alt="interruptores de complemento Bootstrap Tabs colapso de componentes pantallas pequeñas"></p>



<h2>Menú de árbol</h2>



<p><a target="_blank" href="https://github.com/zgs225/easy-tree" rel="noreferrer noopener"><strong>EasyTree</strong></a>&nbsp;: un complemento jQuery de vista de árbol muy básico para Bootstrap.<br><img loading="lazy" width="750" height="237" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_46.jpg" alt="Extensión de complemento de complemento jQuery de vista de árbol muy básica Bootstrap"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://github.com/morrissinger/BootstrapTreeNav" rel="noreferrer noopener"><strong>BootstrapTreeNav</strong></a>&nbsp;: un complemento de Javascript para Bootstrap para crear menús de navegación en árbol.<br><img loading="lazy" width="750" height="237" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_47.jpg" alt="Plugin de Javascript Bootstrap creando menús de navegación de árbol"></p>



<h2>Reproductor de video</h2>



<h2>Website Tour</h2>



<p><a target="_blank" href="http://bootstraptour.com/" rel="noreferrer noopener"><strong>Bootstrap Tour</strong></a>&nbsp;: una forma rápida y fácil de crear sus recorridos de productos con Bootstrap Popovers.<br><img loading="lazy" width="750" height="237" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_49.jpg" alt="Cree de forma rápida y sencilla sus recorridos por productos con Bootstrap Popovers"></p>



<h2>WYSIWYG</h2>



<p><a target="_blank" href="https://jhollingworth.github.io/bootstrap-wysihtml5/" rel="noreferrer noopener"><strong>bootstrap-wysihtml5</strong></a>&nbsp;: un complemento de Javascript que facilita la creación de editores WYSIWYG simples.<br><img loading="lazy" width="750" height="237" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_50.jpg" alt="Plugin de Javascript fácil de crear editores WYSIWYG simples"></p>



<hr class="wp-block-separator"/>



<p><a target="_blank" href="https://github.com/summernote/summernote" rel="noreferrer noopener"><strong>Summernote</strong></a>&nbsp;: un editor WYSIWYG simple para Bootstrap.<br><img loading="lazy" width="750" height="237" src="https://speckyboy.com/wp-content/uploads/2014/06/bootstrap_plugin_51.jpg" alt="editor WYSIWYG simple para el componente Bootstrap"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/45-complementos-y-componentes-gratuitos-para-bootstrap/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7968</post-id>	</item>
		<item>
		<title>50 plantillas web y temas gratuitos para Bootstrap 2021</title>
		<link>https://blog.tednologia.com/50-plantillas-web-y-temas-gratuitos-para-bootstrap-2021/</link>
					<comments>https://blog.tednologia.com/50-plantillas-web-y-temas-gratuitos-para-bootstrap-2021/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Thu, 11 Feb 2021 03:39:37 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Plantillas css]]></category>
		<category><![CDATA[Plantillas html]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[templates css]]></category>
		<category><![CDATA[Templates HTML5]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=7958</guid>

					<description><![CDATA[Hemos recopilado 50 plantillas de Bootstrap para que las use libremente en su próximo proyecto.&#160;Hemos omitido deliberadamente todas esas plantillas de inicio, sencillas y sin estilo de este resumen, de las cuales hay una multitud disponible gratuitamente en la web.&#160;En cambio, nos hemos centrado en destacar 50 plantillas de Bootstrap con todas las funciones, diseñadas [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Hemos recopilado 50 plantillas de Bootstrap para que las use libremente en su próximo proyecto.&nbsp;Hemos omitido deliberadamente todas esas plantillas de inicio, sencillas y sin estilo de este resumen, de las cuales hay una multitud disponible gratuitamente en la web.&nbsp;En cambio, nos hemos centrado en destacar 50 plantillas de Bootstrap con todas las funciones, diseñadas creativamente y, por supuesto, gratuitas, que estamos seguros de que le encantarán y apreciarán.</p>



<p>Todas las plantillas de Bootstrap a continuación vienen empaquetadas con componentes prediseñados &#8216;listos para usar&#8217;, y muchas se han incluido con algunos extras adicionales, como bibliotecas de gráficos, tablas de precios, pestañas y mucho más.&nbsp;Todas estas plantillas le ahorrarán horas de trabajo adicional y están esperando que agregue su contenido y estilo personal.</p>



<p>También hemos publicado colecciones de&nbsp;<a href="https://speckyboy.com/free-bootstrap-admin-themes/">Bootstrap Admin Themes</a>&nbsp;y&nbsp;<a href="https://speckyboy.com/free-bootstrap-ui-kits/">Bootstrap 4 UI Kits</a>&nbsp;.&nbsp;Si está buscando&nbsp;<a href="https://speckyboy.com/free-responsive-html5-web-templates/">modelos HTML5 que</a>&nbsp;no&nbsp;<a href="https://speckyboy.com/free-responsive-html5-web-templates/">respondan a</a>&nbsp;Bootstrap&nbsp;, también los tenemos.</p>



<h2 id="portfolio-free-bootstrap-template">Plantillas Bootstrap de Portafolio</h2>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fjphotography-minimal-photography-portfolio-html5-P5DW3L">Plantilla Web JPhotography </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-15.jpg" alt="JPhotography"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fanimated-coming-soon-template-fluid-EDXTQL">Fluid Bootstrap Template</a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-08.jpg" alt="Líquido"/></figure>



<h3><a href="https://templatemag.com/instant-bootstrap-personal-template/">Instant </a></h3>



<p>Instant es una plantilla de portafolio mínima de 3 páginas para freelancers.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-32.jpg" alt="Plantilla de portafolio instantánea mínima de 3 páginas freelancers bootstrap"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fwhole-responsive-multi-purpose-html5-template-LVBN5K"><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fwhole-responsive-multi-purpose-html5-template-LVBN5K">Whole Bootstrap Template </a> </a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-12.jpg" alt="Todo"/></figure>



<h3><a href="https://templatemag.com/kelvin-bootstrap-resume-template/">Kelvin Resume </a> </h3>



<p>Kelvin Resume es una plantilla de currículum elegante y simple.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-33.jpg" alt="Kelvin Currículum Vitae simple elegante y gratuito Plantillas Bootstrap"/></figure>



<h3><a href="http://www.designstub.com/projects/avana-minimal-portfolio-template-build-bootstrap/">Avana&nbsp;</a>&nbsp;<small>(Gratis)</small></h3>



<p>Avana es una plantilla minimalista de Bootstrap creada para carteras personales.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-17.jpg" alt="Plantilla Bootstrap de cartera mínima gratuita de Avana"/></figure>



<h2 id="landing-page-free-bootstrap-template">Plantillas Bootstrap de Landing Page</h2>



<h3><a href="https://templatemag.com/pratt-app-landing-page-template/">Pratt </a> </h3>



<p>Pratt es una plantilla de Bootstrap de Landing Page que sería perfecta para su aplicación o inicio recién lanzados.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-01.jpg" alt="Inicio de la aplicación de plantilla de página de destino limpia de Pratt Plantillas gratuitas de Bootstrap 3"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fconsider-multi-purpose-responsive-html5-template-V2LZ3C"><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fconsider-multi-purpose-responsive-html5-template-V2LZ3C">Consider Web Template </a> </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-03.jpg" alt="Considerar"/></figure>



<h3><a href="https://github.com/paolotripodi/Landy-v1.0/">Landy&nbsp;</a>&nbsp;<small>(Gratis)</small></h3>



<p>Landy es una plantilla Bootstrap de aterrizaje flexible y mínimamente diseñada para su aplicación, inicio o servicio.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-02.jpg" alt="Aplicación gratuita de plantilla de aterrizaje bootstrap flexible de Landy"/></figure>



<h3><a href="https://templatemag.com/minimal-bootstrap-template/">Minimal Dark </a> </h3>



<p>Minimal Dark es una plantilla de página de destino de Bootstrap simple con un tema de estilo oscuro.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-03.jpg" alt="Página de inicio de estilo Minimal Dark sin bootstrap"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fgranny-elegant-restaurant-cafe-html-template-LDEP4W">Plantilla Web Granny </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-05.jpg" alt="Abuelita"/></figure>



<h3><a href="https://dribbble.com/shots/2860751-Freebie-Start-up-Landing-Page">StartOn Landing Page </a> </h3>



<p>StartOn es una plantilla Bootstrap de Landing Page minimalista.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-04.jpg" alt="Plantilla gratuita de página de destino de inicio"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fhandstand-gym-fitness-html-template-MQZFBK"><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fhandstand-gym-fitness-html-template-MQZFBK">Handstand Bootstrap Template </a></a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-06.jpg" alt="Parada de manos"/></figure>



<h3><a href="https://github.com/xriley/AppKit-Landing-Theme">AppKit </a> </h3>



<p>AppKit es plantilla de Bootstrap para ayudarlo a lanzar y promover cualquier tipo de producto.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-05.jpg" alt="Plantilla de página de destino de Bootstrap gratuita de AppKit"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fchata-modern-real-estate-template-e-commerce-2P549Q"><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fchata-modern-real-estate-template-e-commerce-2P549Q">Chata Web Template</a></a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-07.jpg" alt="Chata"/></figure>



<h3><a href="https://www.gettemplate.com/demo/magister/">Magister </a> </h3>



<p>Magister es una plantilla de Bootstrap básica.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-06.jpg" alt="Magister barebones Bootstrap página de inicio bootstrap gratuito"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fbespoke-one-page-creative-html-template-CKCPVH"><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fbespoke-one-page-creative-html-template-CKCPVH">Bespoke Bootstrap Template </a></a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-02.jpg" alt="Hecho a la medida"/></figure>



<h3><a href="https://startbootstrap.com/theme/landing-page">Landing Page </a> </h3>



<p>Landing Page es una plantilla rica en funciones para mostrar sus productos o aplicaciones.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-07.jpg" alt="Plantilla de página de destino rica en funciones que muestra productos aplicaciones gratuitas bootstrap"/></figure>



<h3><a href="https://templatemag.com/flatty-bootstrap-app-landing-page-template/">Flatty </a> </h3>



<p>Flatty es un plantilla de Landing Page de estilo plano.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-08.jpg" alt="Flatty Un arranque de tema de página de destino de estilo plano"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fcreasoon-creative-coming-soon-template-F7Q6P7">Plantilla Web CreaSoon </a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-09.jpg" alt="CreaSoon"/></figure>



<h3><a href="https://bootstraptaste.com/free-bootstrap-landing-page/">Siimple </a></h3>



<p>Siimple es una plantilla de Landing Page básica.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-09.jpg" alt="Inicio de plantilla de página de destino básica de Siimple A"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fcali-versatile-coming-soon-template-W53V95">Plantilla Bootstrap Cali </a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-04.jpg" alt="Cali"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Funicore-mobirise-builder-with-20-html-pages-SKHE84">Plantilla Bootstrap Unicore </a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-10.jpg" alt="Unicore"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2F1992-creative-e-commerce-psd-template-SRD5VX">Plantilla Web 1992 </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-11.jpg" alt="1992"/></figure>



<h2 id="single-page-free-bootstrap-template">Plantillas Bootstrap One Page &amp; Single Page</h2>



<h3><a href="https://github.com/srizon/LazyStrap">LazyStrap </a> </h3>



<p>LazyStrap es una plantilla Bootstrap minimalista y con capacidad de respuesta gratuita.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-10.jpg" alt="LazyStrap"/></figure>



<h3><a href="http://www.alessioatzeni.com/blog/brushed-template/">Brushed</a></h3>



<p>Brushed es una hermosa plantilla single page para creatividades.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-11.jpg" alt="Bootstrap de creatividades gratuitas de hermosa plantilla de una sola página cepillada"/></figure>



<h3><a href="https://dribbble.com/shots/2450423-Sertin-Free-Bootstrap-Template-Onepage-PSD">Sertin </a> </h3>



<p>Sertin es una plantilla HTML5 Bootstrap multipropósito, parallax, single page</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-12.jpg" alt="Sertin Bootstrap Template tema gratuito"/></figure>



<h3><a href="https://cssauthor.com/bootstrap-3-single-page-template/">Single Page </a></h3>



<p>Plantilla de página única es una plantilla one page con un estilo plano.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-13.jpg" alt="Bootstrap de estilo de tema libre plano de plantilla de una página de una sola página"/></figure>



<h3><a href="https://bootstraptaste.com/mamba-one-page-bootstrap-template-free/">Mamba</a></h3>



<p>Mamba es una plantilla one page, adecuada para perfiles creativos.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-14.jpg" alt="Mamba clean flat plantilla de una página perfiles creativos portafolio free bootstrap"/></figure>



<h3><a href="https://templatemag.com/bolt-bootstrap-agency-template/">Bolt</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-15.jpg" alt="Bolt, plantilla elegante de una página, plana, sensible, enfoque libre, contenido, arranque"/></figure>



<h3><a href="https://templatemag.com/shield-bootstrap-agency-template/">Shield</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-16.jpg" alt="Escudo tema de una sola página agencias ideales diseñadores creativos autónomos bootstrap free"/></figure>



<h3><a href="https://startbootstrap.com/theme/grayscale">Grayscale</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-18.jpg" alt="Plantilla básica de una página en escala de grises que muestra el arranque de trabajo gratuito de la cartera"/></figure>



<h3><a href="https://templatemag.com/marco-bootstrap-agency-template/">Marco </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-19.jpg" alt="Marco elegante tema de una página ideal portafolio freelancers creativos gratis bootstrap"/></figure>



<h3><a href="https://startbootstrap.com/theme/freelancer">Freelancer</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-20.jpg" alt="Freelancer plantilla de una sola página extremadamente plana bootstrap gratuito"/></figure>



<h3><a href="https://templatemag.com/studio-bootstrap-agency-template/">Studio</a> </h3>



<p>Studio es una plantilla parallax, single page para creativos.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-21.jpg" alt="Studio parallax scrolling plantilla de una sola página bootstrap de creatividades gratuitas"/></figure>



<h2 id="multi-purpose-free-bootstrap-template">Plantillas multiusos de Bootstrap</h2>



<h3><a href="https://templatemag.com/solid-bootstrap-business-template/">Solid</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-23.jpg" alt="Solid Flat 7 agencias de plantillas de página freelancers bootstrap"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fa-team-minimal-responsive-html5-blog-template-YWLR86">Plantilla web A-TEAM </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-13.jpg" alt="UN EQUIPO"/></figure>



<h3><a href="https://freebiesbug.com/code-stuff/mountain-king-html-bootstrap-template/">Mountain King</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-24.jpg" alt="Plantilla Bootstrap de Mountain King HTML gratuito"/></figure>



<h2 id="design-agency-free-bootstrap-template">Plantillas Bootstrap para agencias de diseño </h2>



<h3><a href="https://templatemag.com/munter-bootstrap-one-page-template/">Munter </a> </h3>



<p>Munter es una plantilla de agencia creativa.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-25.jpg" alt="Bootstrap de plantilla de agencia creativa gratuita de Munter"/></figure>



<h3><a href="https://templatemag.com/link-bootstrap-agency-template/">Link</a></h3>



<p>Link es una plantilla de agencia de 6 páginas elegante y limpia.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-26.jpg" alt="Enlace gratuito y elegante plantilla de agencia de 6 páginas limpias bootstrap"/></figure>



<h3><a href="https://1.envato.market/c/78798/298927/4662?subId1=bootstrap-templates&amp;u=https%3A%2F%2Felements.envato.com%2Fpetri-ZAFMB9">Plantilla Bootstrap Petri</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2019/03/bootstrap-templates-14.jpg" alt="Petri"/></figure>



<h3><a href="https://www.gettemplate.com/demo/progressus/">Progressus </a> </h3>



<p>Progressus es una elegante plantilla de agencia / negocio.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-27.jpg" alt="Bootstrap de plantilla de negocio de agencia elegante y gratuita de Progressus"/></figure>



<h3><a href="https://templatemag.com/onassis-bootstrap-agency-template/">Onassis </a> </h3>



<p>Onassis es una plantilla single page para agencias de diseño o autónomos creativos.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-28.jpg" alt="Onassis agencias de diseño de plantillas de una sola página freelancers creativos bootstrap free"/></figure>



<h3><a href="https://bootstraptaste.com/free-one-page-bootstrap-template-amoeba/">Amoeba</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-29.jpg" alt="Plantilla de una página plana de ameba agencias libres creativas bootstrap"/></figure>



<h3><a href="https://templatemag.com/spot-bootstrap-freelance-template/">Spot </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-30.jpg" alt="Spot flat agency theme freelancers pequeñas agencias business free bootstrap"/></figure>



<h2 id="coming-soon-free-bootstrap-template">Plantillas Bootstrap Coming Soon</h2>



<h3><a href="https://templatemag.com/bootstrap-comming-soon-templates/">Counter</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-34.jpg" alt="Contador elegante próximamente plantilla con contador de cuenta regresiva bootstrap gratis"/></figure>



<h3><a href="https://aozora.github.io/bootplus/">Bootplus </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-35.jpg" alt="Bootplus Google estilo front-end framework bootstrap free"/></figure>



<h2 id="material-design-free-bootstrap-template">Plantillas Bootstrap Material Design</h2>



<h3><a href="https://fezvrasta.github.io/bootstrap-material-design/">Material Design para Bootstrap </a> </h3>



<p>Material Design para Bootstrap es un tema que le permite usar las especificaciones de Google Material Design en su marco de front-end favorito.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-36.jpg" alt="Plantilla de tema Bootstrap de Material Design gratis"/></figure>



<h2 id="style-guide-free-bootstrap-template">Plantillas Bootstrap para guías de estilo</h2>



<h3><a href="http://www.monolinea.com/labs/bootstrap-style-guide-boilerplate/">Bootstrap Style Guide Boilerplate </a> </h3>



<p>Bootstrap Style Guide Boilerplate es una forma fácil de generar guías de estilo de vida de forma semiautomática.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-37.jpg" alt="Bootstrap Style Guide Boilerplate libre genera guías de estilo de vida de forma semiautomática bootstrap"/></figure>



<h3><a href="https://bjankord.github.io/Style-Guide-Boilerplate/">Boilerplate guía de estilo </a></h3>



<p>Style Guide Boilerplate es una plantilla para crear guías de estilo de vida.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-38.jpg" alt="Plantilla de plantilla de guía de estilo creación de guías de estilo de vida Tema de plantillas de Bootstrap gratuito"/></figure>



<h2 id="uikits">Bootstrap UI Kits</h2>



<h3><a href="https://understrap.com/">UnderStrap </a></h3>



<p>UnderStrap combina el tema de inicio de Underscores WprdPress (de Automattic) y el marco de cuadrícula sensible para dispositivos móviles Bootstrap 4 en una base de código abierto perfecta para su próximo proyecto.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-39.jpg" alt="UnderStrap bootstrap wordpress gratuito"/></figure>



<h3><a href="https://designrevision.com/downloads/shards/">Shards </a></h3>



<p>Shards: un conjunto de herramientas de interfaz de usuario moderno y gratuito para creadores de sitios web basado en Bootstrap 4.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-40.jpg" alt="Fragmentos sin arranque"/></figure>



<h3><a href="https://demos.creative-tim.com/now-ui-kit/index.html">Now UI Kit</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-42.jpg" alt="Ahora el kit de interfaz de usuario es gratuito"/></figure>



<h3><a href="https://aozora.github.io/bootmetro/index.html">BootMetro </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-43.jpg" alt="Bootstrap del kit de marco de interfaz de usuario web simple y rico en funciones de BootMetro"/></figure>



<h3><a href="https://medialoot.com/preview/frame/ml-bootstrap-template.html">ML Strap</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-44.jpg" alt="ML Strap Bootstrap UI kit gratis"/></figure>



<h3><a href="http://bootstrapuikit.com/">Bootstrap 3 UI Kit</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-45.jpg" alt="UI Kit UI controla componentes bootstrap en formato vectorial libre"/></figure>



<h3><a href="https://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits">PixelKit Bootstrap UI Kits</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-46.jpg" alt="Kits de interfaz de usuario Bootstrap de PixelKit bootstrap free"/></figure>



<h3><a href="https://designmodo.github.io/Flat-UI/">Flat UI</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-47.jpg" alt="Kit de interfaz de usuario con muchas funciones de interfaz de usuario plana DesignModo bootstrap"/></figure>



<h3><a href="https://metroui.org.ua/">Metro UI CSS </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-48.jpg" alt="Metro UI CSS establece estilos Windows interfaces de estilo libre bootstrap"/></figure>



<h3><a href="https://bootflat.github.io/">Bootflat </a> </h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-49.jpg" alt="Bootflat free source Flat UI KIT Bootstrap CSS framework bootstrap"/></figure>



<h3><a href="https://demos.creative-tim.com/get-shit-done/index.html">Get Sh*t Done</a></h3>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-50.jpg" alt="El kit de interfaz de usuario Get Shit Done es gratuito"/></figure>



<h3>Y finalmente &#8230; <a href="http://code.divshot.com/geo-bootstrap/">Geo</a></h3>



<p>Geo, un tema Bootstrap atemporal creado para la web moderna.</p>



<figure class="wp-block-image"><img src="https://speckyboy.com/wp-content/uploads/2018/07/free-bootstrap-template-52.jpg" alt="Tema de Bootstrap atemporal de Geo construido bootstrap web moderno gratuito"/></figure>



<p>Vía: <a href="https://speckyboy.com/" target="_blank" rel="noreferrer noopener">https://speckyboy.com/</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/50-plantillas-web-y-temas-gratuitos-para-bootstrap-2021/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7958</post-id>	</item>
		<item>
		<title>10 mejores aplicaciones para trabajar de forma remota</title>
		<link>https://blog.tednologia.com/10-mejores-aplicaciones-para-trabajar-de-forma-remota/</link>
					<comments>https://blog.tednologia.com/10-mejores-aplicaciones-para-trabajar-de-forma-remota/#respond</comments>
		
		<dc:creator><![CDATA[tednologia]]></dc:creator>
		<pubDate>Wed, 01 Apr 2020 03:16:30 +0000</pubDate>
				<category><![CDATA[Aplicaciones]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Frontend]]></category>
		<guid isPermaLink="false">https://blog.tednologia.com/?p=7937</guid>

					<description><![CDATA[Con el trabajo remoto en aumento, más personas realizan las tareas del día en casa.&#160;Según el&#160;Informe de estado remoto de 2019&#160;de Buffer&#160;, a pesar de tener la libertad de trabajar desde cualquier lugar, la gran mayoría de los trabajadores remotos (84%) todavía prefieren hacer las cosas desde casa. Con esto en mente, es importante considerar [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Con el trabajo remoto en aumento, más personas realizan las tareas del día en casa.&nbsp;Según el&nbsp;<a href="https://buffer.com/state-of-remote-work-2019">Informe de estado remoto de 2019</a>&nbsp;de Buffer&nbsp;, a pesar de tener la libertad de trabajar desde cualquier lugar, la gran mayoría de los trabajadores remotos (84%) todavía prefieren hacer las cosas desde casa.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/11/what-location-do-you-primarily-work-from-2019.png" alt="" class="wp-image-10078"/></figure></div>



<p>Con esto en mente, es importante considerar los desafíos de realizar tareas desde la comodidad de su hogar, así como cualquier implicación que esto pueda tener en el resto de su vida familiar.&nbsp;Uno de los supuestos beneficios clave del trabajo remoto es lograr un mejor equilibrio entre el trabajo y la vida y otro es que aumenta la productividad.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/10/biggest-stuggle-working-remotely-2019.png" alt="" class="wp-image-10048"/></figure></div>



<p>Todo esto es genial, en teoría, pero la realidad nos muestra que lograr estos beneficios no viene automáticamente.&nbsp;El mismo informe de Buffer también enumera las luchas más comunes que los trabajadores remotos dicen encontrar.<br></p>



<p>Es revelador que el problema más común citado es luchar para <strong>desconectarse</strong> después del trabajo.&nbsp;Sin embargo, también está directamente relacionado con la productividad cuando las tareas toman más tiempo y luego comienzan a consumir el tiempo personal.</p>



<p>La comunicación y la colaboración son una barrera obvia cuando trabajas en una ubicación diferente a la de tus compañeros de equipo, pero esta es un área donde tenemos una gran cantidad de aplicaciones a nuestra disposición.&nbsp;Más desafiante es el tema de las distracciones en casa y esto es algo más con lo que hay que ser realmente disciplinado.</p>



<p>Estos son los desafíos que abordamos en este artículo y todas las aplicaciones que lo ayudarán a superarlos.</p>



<h2>Las 10 mejores aplicaciones para trabajar a distancia en casa</h2>



<p><strong>Muchas de las herramientas  aquí son gratuitas</strong>&nbsp;y las pagas vienen con una versión gratuita u ofrecen opciones a precios razonables.&nbsp;Hay herramientas&nbsp;&nbsp;<em>que</em>&nbsp;puede usar para mejorar su propio flujo de trabajo, impresionar a sus jefes y convertir el trabajo remoto en un movimiento que realmente cambie la vida.</p>



<p>Aquí hay un resumen rápido de las herramientas que veremos con más detalle:</p>



<ol><li><strong>Serene:</strong>&nbsp;una herramienta que elimina las distracciones, te ayuda a mantenerte enfocado y completar las tareas más rápido.</li><li><strong>Slack:</strong>&nbsp;comunicación del equipo, como debería ser para los trabajadores remotos.</li><li><strong>Zoom:</strong>&nbsp;Video y llamadas de voz para grupos y uno a uno.</li><li><strong>Toggl: </strong>realiza un&nbsp;seguimiento de cuánto tiempo te lleva realmente completar las tareas.</li><li><strong>Google Drive:</strong>&nbsp;creación de documentos, almacenamiento en la nube, intercambio de archivos y colaboración.</li><li><strong>Calendar:</strong>&nbsp;administre todos sus calendarios y eventos en un solo lugar, organice reuniones sin docenas de correos electrónicos.</li><li><strong>Spark:</strong>&nbsp;un cliente de correo electrónico inteligente que evita que su bandeja de entrada obstaculice la productividad y la convierta en un activo.</li><li><strong>Escritorio remoto de Chrome:</strong>&nbsp;acceda a su computadora de forma segura desde cualquier dispositivo y comparta la pantalla con sus compañeros de equipo para una colaboración más sólida</li><li><strong>Zapier:</strong>&nbsp;ahorre tiempo en tareas repetitivas y cambie entre aplicaciones mediante la automatización de procesos (por ejemplo: guardar automáticamente archivos adjuntos de Gmail en Google Drive).</li><li><strong>Durante el día: programe</strong>&nbsp;notificaciones para detener el trabajo e interrumpir su tiempo libre.</li></ol>



<p>Como puede ver, cada una de estas herramientas cumple una función diferente, por lo que no recomiendo 10 aplicaciones diferentes que básicamente hacen lo mismo.&nbsp;Cada una de estas recomendaciones aumentará su productividad.</p>



<h2 id="mce_3">1. <a href="http://sereneapp.com">Serene</a>&nbsp;(Mac)</h2>



<p><em><strong>Gratis</strong></em></p>



<p>Serene es una aplicación gratuita para Mac que te ayuda a alcanzar la máxima productividad todos los días. Hay dos principios clave detrás de la aplicación, ambos respaldados por una serie de estudios científicos. Primero, Serene lo alienta a establecer una única meta diaria y mantenerse enfocado en lograrlo durante todo el día. </p>



<p>El segundo papel clave que juega Serene es bloquear el acceso a sitios web y aplicaciones que distraen durante las sesiones de trabajo, al tiempo que silencia su teléfono.&nbsp;Estudios separados encuentran que lleva&nbsp;<strong>23 minutos y 15 segundos</strong>&nbsp;volver a la normalidad después de distraerse.&nbsp;Esto le da una idea de cuánto tiempo pueden costarle las notificaciones por correo electrónico durante todo el día.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/10/timer-screen-1.png" alt="" class="wp-image-10040"/></figure></div>



<h4>Características clave</h4>



<ul><li><strong>Bloqueador de sitios&nbsp;web:</strong>&nbsp;Bloquee sitios web que lo distraigan, como las redes sociales y los sitios web de noticias.</li><li><strong>Bloqueador de aplicaciones:</strong>&nbsp;también puede bloquear aplicaciones que distraigan su atención del trabajo: aplicaciones sociales, su aplicación de correo electrónico y cualquier otra cosa que se interponga en el camino.</li><li><strong>Sesiones sin distracciones:</strong>&nbsp;trabaje en sesiones de 20-60 minutos con descansos regulares para maximizar la productividad.</li><li><strong>Temporizador de sesión: </strong>le&nbsp;muestra cuánto tiempo le queda para completar las tareas, lo que le da un impulso de motivación hacia el final de cada sesión.</li><li><strong>Listas de&nbsp;tareas&nbsp;pendientes:</strong>&nbsp;administre las tareas y asegúrese de que todo lo haga el miembro correcto del equipo.</li><li><strong>Planificador de día:</strong>&nbsp;defina su objetivo para el día, establezca sus tareas y realice sus tareas.</li><li><strong>Música de enfoque:</strong>&nbsp;reproduce música de fondo para ayudarte a mantener tu enfoque.</li><li><strong>Silenciador del teléfono:</strong>&nbsp;coloque automáticamente su teléfono en un dispositivo móvil silencioso mientras trabaja para evitar distracciones innecesarias.</li></ul>



<p>Serene le pide que establezca un objetivo diario, que se puede dividir en múltiples sesiones de trabajo o tareas, siempre y cuando todos contribuyan al objetivo final del día.&nbsp;Estas sesiones duran entre 20 y 60 minutos, otra característica basada en estudios que muestran que el cerebro humano decenas comienza a perder el foco en una tarea después de 20 minutos.</p>



<p>Este concepto está tan bien establecido que existe un método de productividad completo desarrollado a su alrededor, llamado&nbsp;<a href="https://en.wikipedia.org/wiki/Pomodoro_Technique#:~:targetText=The%20Pomodoro%20Technique%20is%20a,length%2C%20separated%20by%20short%20breaks.">Técnica Pomodoro</a>&nbsp;(esencialmente, trabajando en intervalos de 25 minutos).</p>



<figure class="wp-block-image"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/01/Screenshot-2019-04-03-at-13.58.12-1024x637.png" alt="" class="wp-image-9444"/></figure>



<p>Durante las sesiones, puede acceder al sitio o las aplicaciones en su lista de bloqueo y Seren silencia automáticamente su teléfono para que las notificaciones no lo distraigan de la tarea en cuestión.</p>



<figure class="wp-block-image"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/01/Screenshot-2019-04-03-at-14.04.17-1024x627.png" alt="" class="wp-image-9446"/></figure>



<p>Un temporizador de cuenta regresiva le brinda un recordatorio constante de cuánto tiempo queda para cada sesión.&nbsp;Sin embargo, lo mejor que encuentro de esta característica es que me mantiene motivado para trabajar a un ritmo sólido y realizar la tarea antes de que la cuenta regresiva llegue a cero.&nbsp;Esto hace una gran diferencia en comparación con pensar en el día de trabajo como un período de 6-8 horas donde, naturalmente, se quita el gas entre descansos.</p>



<p>Serene divide su día en una serie de breves sesiones de trabajo y descansos regulares, lo que le brinda la máxima concentración mientras trabaja y suficientes descansos para mantener su mente fresca durante todo el día.</p>



<p>Serene todavía está en la etapa beta de desarrollo, pero puede solicitar una invitación para&nbsp;<a href="http://sereneapp.com/">probarlo aquí</a>&nbsp;.</p>



<h2>2.&nbsp;<a href="https://slack.com/intl/en-gb/">Slack</a>&nbsp;&nbsp;(Windows, Mac, iOS, Android y web)</h2>



<h4><em>Versión gratuita, opciones de pago desde $US6.67 / mes por usuario</em></h4>



<p>Slack es una plataforma de masaje diseñada para equipos y es la herramienta de comunicación ideal para trabajadores remotos.&nbsp;La mensajería instantánea está organizada en canales, a los que los miembros del equipo pueden unirse y salir, según sea necesario, para que nadie reciba mensajes o notificaciones irrelevantes para ellos.&nbsp;Los miembros del equipo también pueden conversar fuera de los temas principales en hilos separados, lo que evita que estos mensajes interfieran con las conversaciones más centradas en el proyecto.</p>



<h4></h4>



<h4>Características clave</h4>



<ul><li><strong>Mensajería instantánea:</strong>&nbsp;comunicación en vivo entre cada miembro del equipo para una colaboración fluida.</li><li><strong>Estados: </strong>los&nbsp;usuarios pueden establecer estados de disponibilidad para centrarse en tareas individuales según sea necesario.</li><li><strong>Uso compartido de archivos: </strong>uso compartido de archivos de&nbsp;arrastrar y soltar para archivos PDF, imágenes, videos y otros tipos de archivos comunes.</li><li><strong>Llamadas de&nbsp;voz y video</strong>&nbsp;<strong>: </strong>llamadas de&nbsp;voz y video directamente desde Slack.</li><li><strong>Compartir pantalla:</strong>&nbsp;permite a los miembros del equipo mostrar su trabajo a otros en tiempo real para una colaboración más sólida.</li></ul>



<p>Ahora, la clave para entender a Slack como trabajador remoto es la política de precios.&nbsp;Puede usar Slack de forma gratuita, lo que le permite crear un espacio de trabajo único para equipos pequeños, mientras que las versiones de pago comienzan desde $US6.67 / mes por usuario activo.&nbsp;Idealmente, su negocio (o la empresa para la que trabaja) pagará una versión en equipo de Slack para proporcionar a todos un espacio de trabajo totalmente colaborativo.</p>



<p>Sin embargo, la versión gratuita de Slack significa que los equipos pequeños dentro de una empresa pueden usar la herramienta entre ellos para mejorar su flujo de trabajo.&nbsp;Esto puede mejorar la colaboración dentro de los entornos de oficina, pero el beneficio real de Slack es para los trabajadores remotos que necesitan colaborar con los miembros del equipo en otros lugares, uno de los problemas más comunes citados por los trabajadores remotos.</p>



<h2>3.&nbsp;<a href="https://zoom.us/">Zoom</a>&nbsp;(Windows, Mac, iOS, Android y web)</h2>



<h4><em>Versión gratuita disponible, versiones pagas desde $14.99 / mes por host</em></h4>



<p>Zoom ofrece un conjunto completo de herramientas de videoconferencia y comunicación para empresas.&nbsp;Dicho esto, el producto destacado para nosotros (y la mayoría de los otros equipos remotos con los que estoy en contacto) es&nbsp;<a href="https://zoom.us/meetings">Zoom Meetings &amp; Chat</a>&nbsp;, que ofrece video y llamadas de voz para equipos serios.</p>



<h4></h4>



<h4>Características clave</h4>



<ul><li><strong>Videoconferencias: los</strong>&nbsp;equipos remotos pueden realizar videoconferencias y videollamadas individuales.</li><li><strong>Llamadas de voz:</strong>&nbsp;también puede ejecutar llamadas de voz grupales o individuales cuando las reuniones cara a cara no son necesarias.</li><li><strong>Seminarios web:</strong>&nbsp;también puede usar Zoom para organizar seminarios web.</li><li><strong>Mensajería: </strong>los&nbsp;miembros del equipo pueden enviar mensajes usando Zoom.</li><li><strong>Compartir archivos&nbsp;:</strong>&nbsp;comparta archivos durante y fuera de los chats de video / voz para la colaboración entre los miembros.</li></ul>



<p>Las reuniones de video grupales y las llamadas de voz se hacen fáciles con Zoom.&nbsp;Una vez más, hay una versión gratuita de Zoom, que será suficiente para una gran parte de equipos más pequeños.&nbsp;Crucialmente, las versiones pagas solo requieren que los anfitriones paguen una tarifa mensual en lugar de todos los que asisten a las reuniones.&nbsp;Un anfitrión es alguien que invita a los miembros del equipo a unirse a las reuniones, pero pueden unirse hasta 100 participantes y usted (o su empresa) solo necesitará actualizar a una versión paga si las reuniones duran más de 40 minutos.</p>



<h2>4.&nbsp;<a href="https://remotedesktop.google.com/">Escritorio remoto de Chrome</a>&nbsp;(iOS, Android, extensión de Chrome)</h2>



<h4><em>Gratis</em></h4>



<p>Chrome Remote Desktop le permite acceder a su computadora de forma segura desde su teléfono, tableta u otra computadora.&nbsp;Esencialmente, esto significa que puede acceder a su máquina desde cualquier lugar, en cualquier momento sin preocuparse por los riesgos de seguridad.&nbsp;Puede acceder a su computadora escribiendo una URL de acceso en un navegador web o descargar la aplicación móvil para iOS y Andriod.</p>



<p>También hay una extensión de Chrome disponible que le brinda acceso más rápido a su computadora de oficina / hogar desde dispositivos portátiles.</p>



<h4></h4>



<h4>Características clave</h4>



<ul><li><strong>Acceso remoto:</strong>&nbsp;acceda a su computadora en cualquier lugar, en cualquier momento desde su teléfono móvil, tableta u otra computadora.</li><li><strong>Soporte remoto:</strong>&nbsp;Permita que los miembros del equipo accedan a su computadora desde su ubicación para proporcionar soporte / colaborar.</li><li><strong>Compartir pantalla:</strong>&nbsp;también puede usar la función de soporte remoto para compartir su pantalla con los miembros del equipo para una mayor colaboración</li></ul>



<p>La otra función clave de Chrome Remote Desktop es conectar su dispositivo con otros compañeros de equipo.&nbsp;Esto significa que puede proporcionar acceso a su computadora y recibir soporte remoto, lo que permite a sus colegas ver su pantalla y controlar su computadora, perfecto para resolver problemas técnicos.</p>



<p>Sin embargo, también puede usar esta función a la inversa para acceder a las computadoras de sus compañeros de equipo y brindar soporte o colaborar.&nbsp;Simplemente puede usar la función para compartir pantalla, permitiendo que todos vean la misma pantalla y colaboren de manera más efectiva.</p>



<h2>5.&nbsp;<a href="https://toggl.com/">Toggl</a>&nbsp;(Windows, Mac, iOS, Android, Chrome, Firefox)</h2>



<h4><em>Los planes comienzan desde $ 9 / mes por usuario</em></h4>



<p>Toggl es una aplicación de seguimiento de tiempo que le muestra cuánto tiempo realmente está gastando en tareas.&nbsp;El software fue diseñado para trabajadores remotos desde el principio con la idea de ayudar a los trabajadores independientes a asegurarse de que estaban facturando con precisión los proyectos y cobrando por la cantidad de tiempo dedicado a los proyectos.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/10/allplatforms-95b2676b4f65a2147f83d412173a3bd2.png" alt="" class="wp-image-10047"/></figure></div>



<p>Si es un profesional independiente remoto, esto solo hace que Toggl sea una inversión digna y sus informes también lo ayudarán a cotizar con mayor precisión en proyectos futuros.<br></p>



<h4>Características clave</h4>



<ul><li><strong>Seguimiento del tiempo:</strong>&nbsp;vea cuánto tiempo usted (u otros) está tomando para hacer las cosas.</li><li><strong>Aumente las ganancias:</strong>&nbsp;compruebe que está cobrando lo suficiente por el tiempo que lleva completar proyectos.</li><li><strong>Informes:</strong>&nbsp;vea cuán productivo es y cuán rentable es su tiempo con los informes de Toggl.</li><li><strong></strong>Multiplataforma&nbsp;<strong>:</strong>&nbsp;las aplicaciones maravillosamente diseñadas de Toggl funcionan en casi todos los sistemas operativos y en línea para que pueda acceder a él donde lo necesite, cuando lo necesite.</li></ul>



<h3></h3>



<p>Si usted es un trabajador remoto de la empresa (es decir, no envía facturas), Toggl puede ayudarlo a aumentar la productividad al identificar tareas que están tomando más tiempo del que deberían.&nbsp;También mejorará la planificación del proyecto al hacer un seguimiento del tiempo que las tareas individuales y colectivas realmente tardan en completarse.&nbsp;Del mismo modo, también puede usarlo para rastrear la cantidad de tiempo que los problemas de productividad le están costando.</p>



<p>Toggle también tiene planes de equipo diseñados para empresas, a partir de $ 18 / mes por usuario.</p>



<h2>6.&nbsp;<a href="https://sparkmailapp.com/">Spark</a>&nbsp;(Mac, iOS, Android)</h2>



<h4><em>Versión gratuita, $ 6.39 / mes (por usuario) para Premium</em></h4>



<p>Los correos electrónicos son&nbsp;<a href="https://www.inc.com/alison-davis/everyone-agrees-email-is-killing-productivity-heres-how-to-stop-whining-solve-problem.html">uno de los asesinos de productividad más notorios</a>&nbsp;y ya he mencionado la ruina de las notificaciones por correo electrónico en este artículo.&nbsp;Afortunadamente, hay formas de domar las interrupciones del correo electrónico y convertir su bandeja de entrada en un activo, no un obstáculo.</p>



<p>Spark es un cliente de correo electrónico inteligente que recopila y clasifica automáticamente sus correos electrónicos de cada cuenta.&nbsp;También le permite priorizar los correos electrónicos más importantes y filtrar los que no lo hacen, o posponerlos hasta más tarde.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/10/alldevices.png" alt="" class="wp-image-10043"/></figure></div>



<h4>Características clave</h4>



<ul><li><strong>Bandeja de entrada inteligente:</strong>&nbsp;limpie su bandeja de entrada, encuentre cualquier correo electrónico con «Búsqueda inteligente» y posponga correos electrónicos que no necesitan su atención en este momento.</li><li><strong>Notificaciones inteligentes:</strong>&nbsp;solo reciba notificaciones de los correos electrónicos que realmente importan.</li><li><strong>Asignar correos electrónicos:</strong>&nbsp;asigne correos electrónicos a los miembros del equipo para que la persona adecuada siempre administre las tareas.</li><li><strong>Correo electrónico del equipo:</strong>&nbsp;comentarios privados del equipo, borradores compartidos, respuestas de plantillas y chat instantáneo para equipos colaborativos.</li><li><strong>Enviar correos electrónicos más tarde:</strong>&nbsp;programe correos electrónicos para enviarlos cuando sea más probable que las personas los lean.</li><li><strong>Recordatorios:</strong>&nbsp;Reciba recordatorios para dar seguimiento a correos electrónicos importantes en el momento adecuado.</li></ul>



<p>Spark también incluye un montón de herramientas de colaboración, lo que permite a los miembros del equipo trabajar en el mismo correo electrónico de forma remota, en tiempo real.&nbsp;Esto significa que todos los que necesiten proporcionar información en un correo electrónico pueden hacerlo ellos mismos con una precisión del 100%, sin demoras ni malentendidos.</p>



<p>La versión gratuita de Spark será más que suficiente para trabajadores remotos individuales y también para equipos muy pequeños.&nbsp;Las versiones pagas comienzan desde $ 6.39 / mes por usuario, lo que brinda funciones de colaboración cada vez más avanzadas.</p>



<h2>7.&nbsp;<a href="https://www.google.com/drive/">Google Drive</a>&nbsp;(Windows, Mac, iOS, Android y web)</h2>



<h4><em>Gratis</em></h4>



<p>Google Drive es la alternativa en la nube sin complicaciones a Microsoft Office, pero es mucho más útil para los trabajadores remotos que su rival de MS.&nbsp;La razón por la que digo esto es porque las funciones de colaboración y uso compartido de archivos en Google Drive funcionan mucho mejor que en Microsoft Drive.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/05/files-anywhere.jpg" alt="" class="wp-image-9516"/></figure></div>



<h4>Características clave</h4>



<ul><li><strong>Documentos:</strong>&nbsp;documentos de Word, hojas de cálculo, presentaciones y todos los documentos esenciales que damos por sentado en estos días, de forma gratuita.</li><li><strong>Almacenamiento en la nube:</strong>&nbsp;el elemento de la nube de Google Drive es lo que lo hace tan útil para los equipos remotos, permitiéndoles crear, cargar, compartir y colaborar en archivos.</li><li><strong>Colaboración: </strong>la&nbsp;colaboración en tiempo real en los archivos de Google Docs funciona sin que se produzca ningún retraso real, y aquí es donde realmente eclipsa a Microsoft Drive.</li></ul>



<p>Google Drive le permite a usted y a otros miembros del equipo trabajar en el mismo documento de texto u hoja de cálculo en tiempo real.&nbsp;No hay retraso notable y todos los participantes pueden ver los cambios que se están realizando, a medida que ocurren, mientras que los comentarios también se pueden dejar para líneas o celdas específicas dentro de cada documento.</p>



<p>Para la mayoría de los trabajadores remotos individuales, la versión gratuita de Google Drive debería ser más que suficiente.&nbsp;Si necesita un almacenamiento en la nube mayor que el espacio predeterminado de 15 GB proporcionado de forma gratuita, puede actualizar su plan de almacenamiento sin pagar G Suite, que es esencialmente Google Drive para empresas.</p>



<h2>8.&nbsp;<a href="https://www.calendar.com/">Calendar</a>&nbsp;(iOS, Android, aplicación web)</h2>



<h4><em>Versión gratuita disponible, versiones pagas desde $ 10 / mes</em></h4>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/11/main-analytics.png" alt="" class="wp-image-10075"/></figure></div>



<p>Si bien Google Calendar es un excelente calendario digital gratuito, no proporciona algunas de las funciones avanzadas que los trabajadores remotos suelen necesitar.&nbsp;Una alternativa más rica en funciones es el Calendario bien llamado, que conecta todos sus calendarios en una sola interfaz.<br></p>



<h4>Características clave</h4>



<ul><li><strong>Un calendario: </strong>el&nbsp;calendario se integra con todos sus calendarios (Google Calendar, Outlook, etc.) para mantener todo en un solo lugar.</li><li><strong>Eventos sincronizados:</strong>&nbsp;cree eventos en Calendario o créelos en sus otras aplicaciones de calendario; siempre se sincronizarán.</li><li><strong>Programación fácil: </strong>programe&nbsp;reuniones de equipo sin el correo electrónico habitual de ida y vuelta.</li><li><strong>Análisis: </strong>el&nbsp;calendario proporciona informes analíticos para ayudarlo a aumentar la productividad.</li><li><strong>Transcripciones de reuniones:</strong> transcripciones&nbsp;automáticas de sus reuniones.</li></ul>



<p>Además de integrar todas sus aplicaciones de calendario, la característica estrella de Calendar es la forma en que maneja las reuniones.&nbsp;En lugar de organizar chats de video u otras reuniones con correos electrónicos vertiginosos entre varios miembros del equipo, Calendar le permite a cualquiera elegir y reservar horarios de reunión durante sus horas de disponibilidad al tiempo que garantiza que no haya conflictos con las reuniones o tareas existentes.</p>



<h2>9.&nbsp;<a href="https://zapier.com/">Zapier</a>&nbsp;(Windows, Mac, iOS, Android y web)</h2>



<h4>Gratis por 100 tareas / mes, $ 19.99 / mes por 750 tareas</h4>



<p>Zapier es una herramienta de automatización simple que le ahorrará un sinfín de tiempo en tareas repetitivas.&nbsp;En lugar de cambiar constantemente entre diferentes aplicaciones para completar funciones básicas (por ejemplo, cargar archivos manualmente en Google Drive), puede crear Zaps para automatizar estas tareas por usted.</p>



<p>Esencialmente, Zapier envía datos entre aplicaciones como Gmail y Google Drive, por lo que los archivos adjuntos de correo electrónico se cargan automáticamente para acceso remoto, por ejemplo.&nbsp;O bien, puede agregar automáticamente nuevas entradas de tiempo Toggl a una hoja de cálculo de Hojas de cálculo de Google para obtener hojas de tiempo precisas sin la carga de trabajo manual.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://res.cloudinary.com/ventureharbour-com/image/upload/v1537261349/Screen_Shot_2018-09-18_at_18.02.23.png" alt="" class="wp-image-8804"/></figure></div>



<h4>Características clave</h4>



<ul><li><strong>Integre aplicaciones:</strong>&nbsp;vincule sus aplicaciones favoritas para que puedan compartir datos, lo que le permite pasar menos tiempo cambiando entre aplicaciones.</li><li><strong>Automatizar tareas:</strong>&nbsp;automatice tareas repetitivas entre aplicaciones.</li><li><strong>Zaps:</strong>&nbsp;explore la biblioteca de Zapier de flujos de trabajo de automatización preconstruidos para sus aplicaciones favoritas.</li><li><strong>Automatizaciones personalizadas:</strong>&nbsp;cree sus propias automatizaciones si no puede encontrarlas en la biblioteca de «Zaps» de Zapier.</li></ul>



<p>La automatización es la herramienta más importante para maximizar la productividad y Zapier es la introducción más fácil que obtendrá en esta tecnología crucial, pero a veces compleja.&nbsp;A pesar de ser increíblemente simple, es sorprendente cuánto tiempo puede ahorrar con Zapier y también cuán adictivo se vuelve crear / descubrir nuevas automatizaciones.</p>



<p>El tiempo es dinero, después de todo.</p>



<h2>10. <a href="https://getdaywise.com/">DayWise</a>&nbsp;(Android)</h2>



<p>Ya hemos visto cómo Serene puede bloquear las distracciones mientras trabaja, pero la mayor preocupación que los trabajadores remotos citan en el estudio de Buffer es desconectarse después del trabajo.&nbsp;La mejor manera de hacer esto es desconectarme de todas las aplicaciones relacionadas con el trabajo y Daywise me permite hacerlo programando automatizaciones para aplicaciones específicas.</p>



<p>Esencialmente, esto me permite desactivar las notificaciones después de las 6 p.m. y mantenerlas apagadas hasta que comience a trabajar nuevamente a la mañana siguiente.&nbsp;Esto, combinado con Serene, significa que puedo bloquear las notificaciones de forma que maten mi productividad y perturben mi vida privada.</p>



<div class="wp-block-image"><figure class="aligncenter"><img src="https://www.ventureharbour.com/wp-content/uploads/2019/11/Screenshot-2019-11-09-at-02.45.38.png" alt="" class="wp-image-10077"/></figure></div>



<h4>Características clave</h4>



<ul><li><strong>Programar notificaciones:</strong>&nbsp;usted decide cuándo recibir / no recibir notificaciones para aplicaciones individuales.&nbsp;</li><li><strong>Programación por lotes:</strong>&nbsp;seleccione lotes de aplicaciones para programar, en lugar de configurar los tiempos de una aplicación a la vez.</li><li><strong>Bandeja de entrada: </strong>las&nbsp;notificaciones se recopilan en la bandeja de entrada de Daywise para acceder desde un solo lugar.</li><li><strong>VIP:</strong>&nbsp;elija contactos que puedan contactarlo en cualquier momento, incluso si la aplicación que están usando está bloqueada.</li><li><strong>Informes de uso del teléfono:</strong>&nbsp;conozca cuánto tiempo pasa en su teléfono y qué aplicaciones están consumiendo la mayor parte de su tiempo.</li></ul>



<p>Daywise le devuelve el control de las notificaciones telefónicas y evita que se interpongan en el trabajo, al tiempo que evita que el trabajo se interponga en el camino de la vida.&nbsp;El único inconveniente que se me ocurre es que la aplicación solo está disponible en los teléfonos Android.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.tednologia.com/10-mejores-aplicaciones-para-trabajar-de-forma-remota/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7937</post-id>	</item>
	</channel>
</rss>
