CSS para surferas II – Entendiendo el código CSS

css-para-surferas

En el post anterior de esta serie CSS para surferas ya introdujimos el CSS explicando qué era y cómo funcionaba.

En este post vamos a explicar lo necesario para poder entender un código CSS. Si bien de primeras no entenderemos todo al detalle, si que sabremos lo qué es cada cosa y donde podemos encontrar más información si queremos profundizar.

Es decir que después de leer este post vas a ser capaz de entender esto

¿No te lo crees? Sigue leyendo :)

Continuar leyendo

Palabras reservadas a evitar como nombres de variables en Javascript

La primera buena práctica de Javascript que yo recomendaria es: evitar como nombres de variables las palabras reservadas de Javascript.

Las palabras reservadas son aquellas palabras que no debemos utilizar como nombres de variables (identificadores) ya que Javascript tiene asociado algún otro uso para ellas y seguramente nos lanzará un error al querer utilizarlas como nombres de variables.

Buscando una buena referencia de palabras clave a evitar me encontré con este post de Mathias Bynens que es inmejorable. En su articulo, Mathias lista y comenta las palabras clave reservadas de cada una de las versiones ECMAScript. Asi que, con permiso de su autor, este post es una traducción libre de su articulo…

palabras clave reservadas  javascript

Continuar leyendo

CSS para Surferas I: ¿Qué es CSS?

CSS para surferas / principiantes - ¿qué es css?

Mi novia escribe en un blog sobre surf llamado surfmocion.com y el otro día me decía que estaba muy contenta porque había conseguido aumentar el tamaño de la letra en una página de su blog con CSS :)

Pero que más allá de saber que el CSS sirve para cambiar el diseño de la web, no sabía muy bien cómo funcionaba todo esto y que se quería apuntar a un curso o algo para aprender, porque quería poder cambiar ella sola el diseño de su blog.

Asi que le dije que yo le podía explicar si quería…

  • Si quieres te puedo explicar yo cómo va esto del CSS
  • 😍
  • Ademas lo puedo montar como una serie de posts para que lo tengas de referencia cuando lo necesites
  • 😍 ❤️
  • Y le puedo dar el enfoque que necesitas, es decir que tengas las nociones básicas para que puedas modificar los estilos en tu blog
  • 😍 ❤️ 🎉
  • Oks, Challenge Accepted!! 😎

Asi que empecemos explicando “el modelo de capas”, un concepto que nos va a ayudar a entender mejor qué es el CSS y su función en una pagina web

Continuar leyendo

Vagrant, o cómo manejar máquinas virtuales de forma sencilla

vagrant-logo

Vagrant ha sido una de mis mayores revelaciones técnicas de los últimos años. Con Vagrant se soluciona (de forma definitiva diría yo) uno de los problemas más grandes que hemos tenido siempre los desarrolladores: preparar/compartir el entorno de trabajo en el que estamos trabajando un proyecto.

Incorporando Vagrant a nuestro flujo de trabajo podemos solucionar las inconsistencias entre entornos (cosas que funcionan en local y que se rompen en producción) ya que podemos emular en una box vagrant las mismas características que tenemos en producción.

Y una configurado, cualquier persona, será capaz de descargar y lanzar ese entorno desde cualquier maquina en unos instantes.

Say goodbye to “works on my machine” bugs.

Continuar leyendo

ECMAScript 3, 5 y 6: Pasado, Presente y Futuro de Javascript

Desde que en 1995 apareciera el lenguaje Javascript cada navegador ha implementado su propia “versión” del lenguaje

Para poner un poco de orden en todas estas implementaciones se definió un standard y la European Computer Manufacturers Association (ECMA) lo publica (su primera versión) en 1997 bajo el nombre ECMA-262.

ECMAscript para los amigos 😉

ECMAScript (ES3, ES5 y ES6)

 

Continuar leyendo

Cómo utilizar los submodulos git

submodules

Los submodulos git son una manera de linkar un repositorio dentro de otro. Por ejemplo, si tu proyecto necesita utilizar un proyecto que está en Github, puedes utilizar un submodulo para enlazar este repositorio en vez de copiar y pegar todo el código dentro de tu proyecto

Para pixelovers por ejemplo, me interesa tener el proyecto WordPress montado como submodulo, asi tengo desacoplados los plugins, los themes y toda la parte “custom” de lo que es el “core” de wordpress. Esto me permite actualizar la version de WordPress sin problemas y en mi repositorio tengo solo aquellos archivos que realmente son exclusivos de mi proyecto.

En este post vamos a explicar como:

  • Cómo añadir un submodulo a tu proyecto
  • Cómo clonar repositorios con submodulos
  • Cómo actualizar submodulos git
  • Cómo clonar repositorios con submodulos git que a su vez contienen otros submodulos git
  • Cómo eliminar submodulos git

Continuar leyendo

Cómo empezar a automatizar tus tareas Grunt

Grunt es una herramienta que ser ha vuelto MUY popular en los ultimos tiempos ya que nos permite automatizar todo tipo de tareas en el cliente y como consecuencia mejorar nuestra productivadad en un 500%.

Estas automatizaciones se hacen imprescindibles cuando trabajamos con transcompiladores, o lenguajes que compilan a otros lenguajes (Coffeescript, SASS,…). Tambien si aplicamos metodologias TDD y queremos ser eficientes, necesitamos sistemas que nos permitan lanzar los tests de una manera rapida y sencilla.

Pues todo esto y mas cosas podemos hacer con Grunt.

features-grunt-big

Continuar leyendo