Todo acerca de como crear tu propia web, trucos, configuraciones

Que es BootStrap



Bootstrap es el mas popular HTML, CSS, y JavaScript framework para desarrollar una pagina web responsiva, ¿a que voy con responsiva?, que si quieres que tu pagina se vea correctamente en tablets, pc y dispositivos móviles.

tiene una amplia galería de templates que se pueden amoldar a tus necesidades, lo cuales van desde un formulario de login, hasta una pagina completa, con funciones muy completas, las cuales te ahorran tiempo buscando en google, tambien contiene una amplia galeria de iconos que frecuentente utilizatias en una aplicacion web.

como todos saben todo framework contiene sus ventajas y desventajas de las cuales son:

Ventajas:


  • Creacion de paginas web de manera facil y rapida.
  • Utiliza componentes y servicios creados por la comunidad web, tales como: HTML5 shim, Normalize.css, OOCSS, jQuery UI, LESS y GitHub.
  • Es un conjunto de buenas prácticas que perduran en el tiempo.
  • La implementación de HTML5 + CSS3
  • El famoso Grid system, que por defecto incluye 12 columnas fijas o fluidas, dependiendo de si tu diseño será responsivo o no.
  • El uso de LESS, que es una ampliación a las famosas hojas de estilo CSS, pero a diferencia de estás, funciona como un lenguaje de programación, permitiendo el uso de variables, funciones, operaciones aritméticas, entre otras, para acelerar y enriquecer los estilos en un sitio web.
  • OOCSS, css orientado a objetos, que está organizado por módulos independientes y reutilizables en todo el proyecto.
  • Hay una enorme comunicad que soporta este desarrollo y cuenta con implementaciones externas como WordPress, Drupal, SASS o jQuery UI.
  • Herramienta sencilla y ágil para construir sitios web e interfaces. Una vez que entiendas y domines su funcionamiento, verás lo fácil que es hacer efectos y diseñar interfaces que te ahorran realmente mucho tiempo de trabajo.
  • Además y por si fuera poco tiene un tema por defecto bastante optimizado y que puedes modificar o crear tu propio tema.

Desventajas


  • Es necesario adaptarse a su forma de trabajo, si bien su curva de aprendizaje es liviana, deberás comprender y familiarizarte con su estructura y nomenclatura.
  • Debes adaptar tu diseño a un grid de 12 columnas, que se modifican según el dispositivo.
  • Aquí empiezan los problemas, Bootstrap por defecto te trae anchos, márgenes y altos de línea, y realizar cambios específicos es por decir, un poco tedioso.
  • Es complicado, cambiar de versión si has realizado modificaciones profundas sobre el core.
  • Si necesitas añadir componentes que no existen, debes hacerlos tú mismo en CSS y cuidar de que mantenga coherencia con tu diseño y cuidando el responsive.
  • Un problema que he visto a menudo en muchos temas, es que el responsive funciona bien, pero a nivel de diseño en ocasiones se le escapan ciertos detalles que le quitan estética al sitio. Si eres un perfeccionista del diseño, ten por seguro que Bootstrap te va a dar algunos problemas.

Si ya te decidiste a implemetar o comenzar a usar BootStrap en tu pagina web existen tres formas, pero en este artuculo comenzaremos con la forma mas sencilla y simple como se hace en a siguiente forma.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" ref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<!-- Optional theme -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>


dicho codigo solo lo  copias y pegas en el head de tu pagina web.

y listo con esto ya tienes BootStrap en tu pagina web.



Share:

WhatsApp pasa a tu pc


La famosa aplicacion de todo smartphone, ha conquistado el móvil. Es prácticamente imposible encontrar un usuario que no cuente con esta revolucionaria aplicación, e incluso más difícil aún que teniéndola, no le otorgue un lugar privilegiado en su teléfono o mejor dicho, en su vida...
No contentos, los creadores de WhatsApp ahora pretendenconquistar el entorno web. Por este motivo han lanzado WhatsApp Web, que permitirá que sus 700 millones de usuarios puedan acceder a conversaciones, contactos y grupos desde cualquier dispositivo con un navegador. La idea como tal no es nueva: ya lo hace Line, Telegram, Skype, Viber o el más que conocido Hangouts de Google. El servicio está activo pero aún no está funcionando.
WhatsApp Web podrá ser activado por aquellos usuarios que tengan la última versión en Android, Windows Phone, BlackBerry o BlackBerry 10. De momento, no hay soporte para iOS aunque es probable que esta situación se revierta en poco tiempo. De momento, solo podrá utilizarse desde Google Chrome. A partir de ahora podrás enviar mensajes ilimitados a través de internet con el propio perfil.
La herramienta funciona como un espejo de lo que se mueve en la aplicación del móvil, por lo que deberemos tener conectividad en el terminal para poder utilizarla. Los mensajes enviados y recibidos por la versión web de Whatsapp se almacenarán asimismo en el teléfono móvil.
¿Y cómo hacerlo? Es necesario escanear un código QR que aparece en la página de Whatsapp que sincronizará la plataforma del móvil con la versión web. De momento, y tras conseguir llamar la atención, el servicio pude no ser tan avanzado y completo como otros rivales que cuentan con versión de escritorio. Sin embargo, Whatsapp llega finalmente al ordenador personal, pese a que su fundador, Jan Koum, sostuvo en más de una ocasión que la compañía no haría este movimiento.

Cómo utilizar WhatsApp en el ordenador

Share:

Contribuye a la causa y a mantener el blog activo

Ing. Javier Delgado. Con la tecnología de Blogger.