colorate

Siempre es bueno tener código sueltos o Snippets disponibles en un repositorio para poder acudir a él en cualquier momento y ahorrarnos el tiempo de crear código común en muchos proyectos o funciones que necesitemos a menudo.

Esta vez os traigo el código básico de un archivo HTML5 para no empezar desde cero. Os recomiendo también echarle un vistazo a la infografía sobre Estructura perfecta de una página HTML5:

Si estas acostumbrado a usar WordPress, ya sabemos que hay infinidad de funciones o hook que podemos ir usando en la creación o modificación de un theme.

WordPress nos proporciona el Codex, que podemos llamar como su Biblia, donde poder encontrar todas estas funciones explicadas al detalle, pero lo cierto es que a veces se hace un poco pesado tener que ir navegando por todo el sitio para al final llegar donde queremos.

QueryPost es una página web donde buscar funciones o hooks de WordPress mostrandonos los resultados en tiempo real, es decir, mientras escribes, así conseguiremos encontrar nuestras funciones mas rápido, como podéis ver en la imagen:

Una vez te salen los resultados, puedes hacer clic en la función y te muestra los usos y ejemplos concretos para ver como implementarlo.

Un alternativa al Codex bastante profesional.

Vía: AyudaWordPress

Algunos tienen las buenas maneras de escribir código limpio y bien estructura, de hecho, en la medida de lo posible, es lo que intento cuando me dedico a diseñar páginas web.

Chris Coyier nos regala esta magnífica infografía para mostrar como sería un documento HTML5 bien estructurado.

Para no perdernos en el camino de crear páginas web con HTML5, vamos a tomar como modelo esta infografía:

NOTA: Clic en la imagen para ampliar

Simpliste es un recurso para desarrolladores web con el que tendremos a nuestra disposición una plantilla HTML5 Responsive para descargar de forma gratuita.

Al ser Responsive, tiene un diseño que se adapta a todos los dispositivos, respondiendo de forma correcta ante cambiar de tamaño desde el que se accede a la web.

Con el diseño por columnas va variando según las resoluciones, quedando 1 columna en el caso de acceder al sitio desde una tablet, y agrandando los elementos de navegación en el caso de acceder con smartPhone.

Todo esto usando tecnología HTML5, algo que hoy en día hay que tener muy en cuenta de cara al futuro.

Vía: WebIntenta

Este fin de semana COLORATE probablemente cambie de imagen, esto puede suponer muchos cambios, posibles errores (que espero podáis informarme de ellos),

He estado recopilando algunos códigos que pueden servirme para este grandioso cambio ya que en la actualidad Colorate posee 1750 posts en su haber (mucho trabajo hasta el momento).

Vamos a ver una función bastante buena que he podido conseguir a través del maravilloso blog, Catswhocode.

Reemplazar palabras automáticamente en todos tus posts de tu WordPress

Imagina el caso en que tu blog se llama "Colorate" (espero no lo utiliceis xD) y va a pasar a llamarse "Colordeu" que posiblemente sea mi caso, para así ponerle el mismo nombre del dominio y enlazarlo con mi futuro (cercano) portafolio de diseño web.

Pensar por un momento si yo tuviera que revisar cada uno de mis 1750 posts para cambiar "Colorate" por "Colordeu". Sería interminable ir uno a uno y cambiarlo, pero para eso existen las tan socorridas funciones en WordPress.

Para solucionar esto, tan sólo tienes que añadir la siguiente función en "functions.php":

Lee el resto de la entrada »