Bootstrap 4 esta en su fase alpha pero queremos adelantarte lo que debes de conocer de este potente Framework a la hora que comiences a utilizarlo.

Como buen saber Bootstrap es unos de los mas populares HTML, CSS y JavaScript framework para el desarrollo web, con la ideología «mobile first», Bootstrap se a convertido en una completa herramienta para los desarrolladores, ademas ha ayuda a mantener una estética y elegante forma de hacer HTML :D.

Ahora bien la gente que desarrolla este tan buen framework tiene en este momento en versión «Alpha-2″ (no lista para usar en producción aún), lo que sería la versión 4 de este framework, en este contexto nos gustaría darte a conocer tal vez no todas pero si las más principales características que están sonando de esta nueva versión, sin nada mas que agregar te dejamos la lista:

Cambio de LESS a SASS

Al parecer se ha decidido hacer este cambio por las ventajas que tiene SASS sobre LESS.

Archivo reboot.css, para hacer nuestros «reset CSS»

Para hacer el reset de nuestro CSS ahora se cuenta con este archivo reboot.css, el cual trae ya varias propiedades que podemos re-escribir, cabe mencionar que siempre se utiliza Normalize.css, el orden sería 1ro reboot.css, 2do Normalize.css.

No mas soporte para IE8

En esta versión no habrá soporte para IE8, así que si necesitamos soporte para esta versión del IE mejor quedarnos con la versión 3 de Bootstrap.

Se mejoraron los Tooltips y Popovers gracias a la librería JS: Tether

Tether es una librería Javascript y CSS para crear «información sobre herramientas» o mejor dicho los famosos Tooltips.

Soporte para Flexbox

También han agregado el soporte para Flexbox, el cual podremos activar/desactivar con solo cambiar un valor a una variable en nuestro archivo _variables.scss.

Se remplazaron los: well, thumbnails y panels, por los Card

Las «Card» (tarjetas) son un nuevo componente, muy parecidos a los paneles, well y thumbnails, sólo que mejor.

Otras varias:

• Mejoras en el sitema de grid
• Se agrego soporte para Jquery 2
• Como unidades de medida se usaran ahora «rem» y «em»

Enlaces de referencia

• Alpha Doc
• Repositorio en github

La entrada TOP características de Bootstrap 4.0 Alpha aparece primero en Vivir y Aprender Web.

Bueno sin nada más que agregar aqui dejo mi reset CSS que ocupo ya desde hace mucho y me ha funcionado bastante bien pueden ocuparlos en sus proyectos y modificarlo a su antojo:

body,
h1, h2, h3, h4, h5, h6,
p,
form{
    border:        0;
    margin:        0px;
    padding:        0px;
}
 
body,
form, input, textarea{
    font-family:     arial,verdana,sans-serif;
    font-size:         12px;
}
 
body{
    color: #000;
}
 
h1{ font-size: 28px; }
h2{ font-size: 23px; }
h3{ font-size: 19px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
 
a:link {
  color: #000088;
  outline: none;
}
a:visited{     color: #000088; }
 
a:hover{
    color: #000000;
    text-decoration: none;
}
 
p {line-height: 18px; }

Bueno también les dejo el reset CSS de Eric Meyer (considerado el gurú de css) que está más completo

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

La entrada Reset CSS la mejor forma de comenzar tu hoja de estilos CSS aparece primero en Vivir y Aprender Web.