Entradas

Wordpress - snippet de un bootstrap navbar de subcategorias

El siguiente código genera un navbar para ser usado con isotope en un tema de wordpress. El codigo ha sido reemplazado por html sencillo, sin embargo lo estoy guardando en este post para futuro temas.



<div class="row">
<div class="col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3 text-center">
<div class="btn-group btn-group-sm" role="group" id="filters">
<?php
$slugPortafolios = 'portafolios';
$objCategoryPortafolios = get_category_by_slug( $slugPortafolios );
$idCategoryPortafolios = $objCategoryPortafolios->term_id;
$terms = get_terms('category', array('parent' => $idCategoryPortafolios)); // you can use any taxonomy, instead of just 'category'
$terms_ID_array = array();

$count = count($terms); //How many are they?
if ( $count > 0 ){  //If there are more than 0 terms
foreach ( $terms as $term ) {  //for each term:
$terms_ID_array[] = $term->term_id; // Add each term's ID to an …

Agregando Titulos (captions) a una galeria realizada con Foundation Clearing

Imagen
Implemente en una plantilla de Wordpress, que usa el plugin "legacy nextgen gallery", un álbum de galerías usando para el despliegue el componente de javascript que contiene Foundation de Zurb.
La idea era que el álbum de galerías se desplegara de forma horizontal, empezamos creando un lienzo:
<divclass="row"><divclass="large-4 columns"></div><divclass="large-4 columns"></div><divclass="large-4 columns"></div></div>
Lo siguiente es colocar el código de nuestra galería en cada una de las zonas que acabamos de crear:
<ulclass="clearing-thumbs clearing-feature"data-clearing><liclass="clearing-featured-img"><ahref="http://placehold.it/750x350&text=1"><imgsrc="http://placehold.it/750x350&text=1"data-caption="My Caption"></a></li><li><ahref="http://placehold.it/750x350&text=2">&…

Tendencias en diseño web 2014

Imagen
Hace unas semanas me aventuré a predecir las tendencias en el área de desarrollo web para este 2014, ahora toca el turno de la parte de diseño web.

1. Area protagonista (hero area). En este año no dejaremos de ver el crecimiento de esta caracterisiticas en los diseños web, la tendencia comenzo un par de años y parece que a todo el mundo le gusta tener una area importante en la pagina de inicio en la que se pueda promocionar los productos mediante animaciones con javascript, especificiamente con "sliders".



2. Responsive, responsive. Ya han madurado diversos frameworks para el desarrollo de sitios ajustables (responsive) al tamaño de la ventana de diferentes dispositivos, usando una misma hoja de estilos, logrado esto mediante los "media queries" de CSS.





3. Video en lugar de texto. ¿Alguna vez he comentado que todo el mundo prefiere ver y escuchar, en lugar de leer?, y gracias al incremento continuo en el ancho de banda, es mas fácil colocar videos de 2 minutos tipo…

¿Por qué usar un motor de envío de correos?

Imagen
Si se cuenta con un alojamiento web, seguro cuenta con el alojamiento de listas de correo electrónico. Ahora, se podría pensar que esta es una buena opción, pero para los negocios, lo que realmente se está buscando es una vía de sentido único donde usted puede enviar mensajes a un grupo de clientes, socios, medios de comunicación, etc. El software que su proveedor de alojamiento ofrece es bidireccional, lo que significa que cualquier persona que es miembro de la lista puede enviar mensajes a toda la lista. Esto probablemente no es ideal si usted está enviando un anuncio del producto, el boletín semanal o comunicado de prensa, pero es posible que le resulte útil en otros escenarios. Por otra parte ¿está seguro de que su anfitrión le permite enviar una gran cantidad de correos electrónicos al mismo tiempo? ¿Es su propio servidor o VPS o un servidor compartido? Un servidor compartido probablemente limite la salida de correo electrónico enviado, lo que significa que va a tomar horas o día…

Tendencias 2014 en desarrollo web

Imagen
El tiempo no se detiene y se dice que un año en Internet es como siete años en el mundo fuera del teclado. Así de rápido se mueve la tecnología, y lo que es nuevo el día de hoy, en unas cuantas semanas se queda en el olvido; es así que algunos nos atrevemos a decir que es lo que nos depara el destino. Para el caso de este blog, y tomando fuerza con el impulso de la nueva pagina de facebook (http://www.facebook.com/llanuracom), revisar las tendencias en desarrollo web es lo que nos ocupa.



Vamos pues con la lista:
1. Mobil multiplataformas. Esta claro que no es novedad, que todo el mundo se mueve hacia el desarrollo móvil, el crecimiento y éxito de las tiendas de IOS, Android, Windows Phone es una muestra de ello. Pero en Llanura.com lo que interesa es la facilidad del desarrollo, y el problema actual, es que una misma aplicación se debe realizar en diferentes lenguajes para las diferentes plataformas, y por supuesto entender las diferentes idiosincrasias de los sistemas operativos. En …

Crear un sitio de una página con desplazamiento usando Foundation

Imagen
Tutorial para crear un sitio web de una página (onepage website) con desplazamiento local (smooth scroll) usando el marco de trabajo Foundation de Zurb.

En ésta ocasión me voy a aventurar a crear un pequeño tutorial para crear un sitio web de una pagina, que ahora están muy de moda, usando como base Foundation.  Foundation es un muy buen marco de trabajo (framework en inglés) para desarrollar sitios de forma rápida y sobretodo que sean ajustables a la pantalla (responsive en inglés). Es así que empecemos con este tutorial; para comenzar necesitaremos descargar: Foundation Zurb - http://foundation.zurb.com/Jquery Smooth Scroll Plugin - https://github.com/kswedberg/jquery-smooth-scroll HTML Comenzaré por crear una página sencilla la cual estará formada por una galería de fotos y un mensaje que será la sección de bienvenida del sitio, para esto usaremos el componente javascript que incluye Foundation llamado Orbit. En la sección siguiente a la bienvenida, irá una barra de navegación que s…

Convertir la codificación del texto a utf-8 en Mac

A continuacion un apunte para cuando aterrizan algunos archivos de texto que traen caracteres de utf-8 (unicode) al mundo mac.
En esta ocasion eran unos subititulos de una serie de capitulos de una serie de televisión, los cuales tenian acentos y no se veian correctamente en una mac.

1.- Antes que nada debemos detectar cual es el tipo de codificacion del archivo, esto mediante el comando file en una terminal de mac:

>file -I {filename}

2.- le aplicamos el siguiente comando, para convertirlo:
>iconv -f iso-8859-1 -t utf-8 < file > file.new
Listo!