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

Conferencia de Javascript Full Frontal 2011

 TAGS:

El pasado mes de noviembre tuve la oportunidad de asistir, junto con mi amigo Toni Pinel, a una de las grandes conferencias de Javascript que se organizan en Europa: la Full Frontal.

Esta conferencia tiene lugar en Brighton y está organizada por Remy Sharp. Con ésta son ya 3 ediciones las que se han hecho (junto con la del 2010 y la del 2009)

 TAGS:

Esta conferencia es muy potente, por un lado porque Remy Sharp ya es de por si uno de los grandes evangelizadores europeos de Node.js,
JavaScript y jQuery.

Continuar leyendo

SIFO, el framework de PHP5 para aplicaciones del mundo real

 -

¿Qué es SIFO?

SIFO es un framework que surge de la necesidad de reaprovechar todas las soluciones
“definitivas”
que se iban descubriendo en el trabajo del día a día, y que se podian utilizar en más proyectos.

Con soluciones “definitivas” me refiero a las soluciones que despues de haber sido probadas en el mundo real han demostrado ser la mejor opción (cómo implementar la internacionalización, el trabajo en multiples entornos, la cache, el debug, etc…)

Lleva ya funcionando un tiempo en algunos sitios, tanto sitios de mucho trafico con multiples servidores cómo en sitios más modestos, asi que su practicidad y flexibilidad está más que probada.

Continuar leyendo