Si la entrada que puse sobre como trabajar con bower, gulp, bootstrap y sass se os hizo un poco dura. Os planteo aquí un método más simple para poder trabajar con sass. Se trata de instalar un par de plugins en el editor atom. El de abajo, language-sass es el que nos permite trabajar con ...
O como utilizar Bootstrap sin llenar todo nuestro HTML con clases Junto con Bootstrap ha surgido un un problema feo: incrustar las clases CSS de Bootstrap directamente en HTML. La documentación de Twitter, de hecho, le anima a hacerlo, aunque algunos desarrolladores se dieron cuenta de que esto era un problema ya en 2009. ¿Qué ...
PACE.JS es un proyecto que nos permite mostrar al usuario de nuestro sitio un elemento visual que represente el estado de la carga del sitio. Es tan simple de usar que me da un poco de cosa hasta explicarlo. Pero que al menos sirva para darlo a conocer. Eligiendo el widget Pace incluye diferentes tipos de ...
Es posible, todo es posible, que la nube de amazon y de google se vengan abajo. Cuando en nuestro proyectos tenemos vinculados nuestros archivos de Bootstrap y JQuery a los servidores CDN que nos lo proveen gratuitamente nos arriesgamos a que si estos caen, caigas con ellos. Para evitarnos este mal trago podemos tener en ...
De nuevo otra entrada para simplemente compartiros un manual de algo que es fundamental conocer para un desarrollador web actualmente. Me refiero a SASS, el potente preprocesador de CSS que que utilizará por defecto la próxima versión de Bootstrap. Os dejo em MEGA el manual en pdf basado en la traducción que han hecho en ...
Centrado horizontal Un elemento que ocupa el total de la ventana del navegador es imposible que pueda centrarse horizontalmente. Teniendo esto en cuenta para centrar un contenedor horizontalmente, este debe de tener una anchura definida inferior al espacio horizontal disponible. Una vez definido un width para ese elemento, lo único que debemos hacer es aplicarle ...
Aplicando fuentes externas Como sabemos para indicar el tipo de letra con el que se muestra el texto utilizamos la propiedad font-family. Como por ejemplo: [crayon-5c701f8806170855294374/] También podemos hacer uso de la propiedad abreviada font para definir todos las posibles propiedades de la fuente y sus valores: [crayon-5c701f8806176830104441/] Si bien podemos definir tantas familias tipográficas ...
Cuando trabajamos con editores de código lo hacemos por que con ellos conseguimos ser más eficientes en nuestro trabajo. Para añadir un plus a los editores, podemos crear nuestros propios fragmentos de código o snippets. Veremos aquí como crear snippets en Sublime-text, atom y brackets. Sublime-text3 Para crear snipets en sublime-text hemos de instalar el ...
Os quiero compartir aquí un documento que he creado basándome en documentación oficial del estándar CSS3 de la W3C, http://www.w3schools.com/css/css3_intro.asp , y en algunos tutoriales del sitio web http://www.tutosytips.com/. CSS3 dispone de nuevas y potentes funcionalidades y es interesante conocerlas bien. Espero que os sirva. ?
En esta entrada, un poco larga quizás pretendo mostrar como esta combinación de herramientas puede facilitarnos mucho nuestro trabajo. No quiero meterme a fondo en ninguna de ellas, sino mostrar como se puede trabajar con todas conjuntamente para agilizar nuestros desarrollos. Ques són … Bootstrap Twitter Bootstrap es un framework o conjunto de herramientas ...