Plugin jQuery para girar contenido

Este espectacular ejemplo jQuery le muestra como girar contenido usando bookblock un plugin jQuery que hace todo por usted. Es muy fácil de implementar y de usar, solo dele un vistazo al ejemplo y apliquelo en su sitio.

Descargar Script        Demo1      Demo2       Demo3

BookBlock es un plugin de jQuery que puede ser utilizado para la creación de folletos, como componentes que permiten una "página flip" de navegación. Cualquier contenido puede ser utilizado, tales como imágenes o texto. El plugin transforma la estructura sólo cuando sea necesario (es decir, al lanzar una página) y utiliza algunas superposiciones como sombra para las páginas para crear más realismo.

Nosotros vamos a usar jQuery + + por Bitovi que tiene algunos add-ons para jQuery (en concreto, para agregar el evento pase).

Leer Más: tympanus.net

Vía tympanus.net

Read More

Transiciones

Esta documentación explica como hacer transiciones sutiles y fáciles

El parámetro transition es un parámetro de CSS3 y CSS2 UI, es decir, que lo implementan navegadores por separado.
Para usarlo hay la forma estándar establecida por W3 y las propias de los navegadores, por ese motivo por motivos de compatibilidad mejor establecer todas juntas, ya que si una no funciona otra si lo hará.

La mayoría de los navegadores son compatible, pero Internet Explorer no (en su versión 9).

1. /* Parámetro estándar */
2. transition:
3. 
   
4. /* Parámetros según navegador */
5. -webkit-transition:/* Chrome y Safari */
6. -moz-transition:/* Mozilla */
7. -o-transition:/* Opera */

Como funciona

Realmente lo que hace este parámetro es detectar los cambios en el estilo, ya sea añadirle un estilo o sea una modificación por pasar por encima (:hover).
Realmente coge el parámetro anterior y pasa al siguiente de forma progresiva en el tiempo establecido.
Debe de establecerse el transition en el elemento origen, no es recomendable hacerlo en el destino (:hover) o cambiando la clase.

Este es un ejemplo de estilos con transition y su procedimiento

1. /* Estilo de un DIV con la clase TRA */
2. .TRA{

width:100px;

height:100px;

background:#099;

3. }
4. 
   
5. /* Estilo que se aplica al pasar por encima de la DIV con clase TRA */
6. .TRA:hover{

width:200px;

height:200px;

background:#990;

7. }

Con el código de arriba añadiéndole una transición aumentaría de tamaño progresivamente el DIV y cambiaría su color de fondo también de forma progresiva. 

Parámetros de transition

Transition tiene distintos parámetros, que se pueden especificar por separado, o juntos (como hace background y background-color, por ejemplo).
El parámetro transition tiene los siguientes parámetros (que después se explicarán por separado): 

1. transition: [Propiedades] [Tiempo] [Función de Tiempo] [Retardo];

Los parámetros que usamos en transition son los siguientes:

Propiedades: En este parámetro establecemos que propiedad queremos que modifique, como width, height... pero solo podemos poner una, por eso se puede usar la la propiedad "all", que sirve para seleccionar todas y se recomienda usarla preferentemente.

Tiempo: Este parámetro establece el tiempo que tarda en hacerse la animación en segundos (su unidad es s), es decir si queremos que dure un segundo tenemos que poner "1s".

Función de tiempo: Este parámetro establece la curva de aceleración de la transición, es decir, si empieza más rápido y o más despacio o es un avance lineal, sin variar la aceleración.
Este parámetro tiene varias funciones de tiempo preestablecida: lineal, ease, ease-in... Por defecto usa el ease, y es el más recomendado, consiste en un comience lento y una terminación lenta, acelerándose en la parte media.

Retardo: En este parámetro podemos establecer el tiempo que tarda en empezar la transición, en segundos.

Ver Ejemplos en : Transiciones

Read More

Creando archivos PDF desde PHP

Todos llegamos a un punto de desarrollo en que necesitamos crear algún archivo PDF para generar reportes o en todo caso una factura; hace un tiempo utilice esta librería la cual me sacó de muchos apuros por su facilidad de uso.

Probé un par más pero esta me pareció más completa y veo que tiene mejoras desde la última vez que la usé, te dejo un pequeño tutorial para que pruebes y veas si te funciona.

• Entra a la página de FPDF library y descarga la librería, te recomiendo la última versión.
• Descomprime el .zip y copia los archivos fpdf.css, fpdf.php y las carpetas font y makefont a una nueva carpeta donde harás tus primeras pruebas.
• Debes tener algo como la siguiente pantalla, con excepción de texto.txt, index.php e img

• Crea un archivo texto.txt e ingresa lo que gustes en el archivo y guardalo
• Crea una carpeta que se llame img y guarda una imagen llamada logo.png
• Ahora crea tu archivo index.php, ahí agregaremos lo necesario para generar tu archivo PDF.

Explicaré lo más importante a continuación:

• Creamos una clase que se extiende de FPDF, en este caso es nuestra librería.
• Creamos la cabecera que debe llamarse header() y agregamos el logotipo denominado “logo.png” que se encuentra localizado en la carpeta img
• Configuramos la fuente de tipo Arial, tamaño 14 y tipo “Bold”
• Creamos el título “Propuesta económica” con la llamada a Cell.
• Generamos 5 saltos de línea con $this->Ln(5);

• Para el footer es muy similar, de la misma forma mandamos a llamar a un método en este casofooter();
• Indicamos que en la posición Y lo situamos a -10 del final
• Configuramos el texto
• Y con $this->PageNo() obtendremos la página en la cual estamos situados.

• La página principal se crea con el objeto $pdf = new PDF();
• Y definimos un Alias para la página
• Agregamos una nueva página con AddPage();
• Configuramos la fuente en Times a tamaño 12.
• Obtenemos la información del archivo texto.txt
• También puedes hacerlo de tu BD, únicamente deberás crear la conexión y la consulta.
• Creamos un MultiCell, a diferencia de Cell aquí podemos indicar el máximo (width: 176) y el espacio entre líneas (height: 8)
• Y para mostrar el archivo PDF lo realizamos con la llamada a $pdf->Output();

Por último para probar únicamente entra a la dirección de tu proyecto en mi caso es:

http://localhost/site

Te dejo los archivos fuente para que los descargues y pruebes en tu computadora.

Vía Silvercorp

Read More

¿Qué es la Planeación Estratégica?

En términos sencillos, una estrategia es un conjunto de acciones que se llevan a cabo para lograr un determinado fin, mediante el uso de técnicas.

Planear es separar lo urgente de lo importante.

San Google dice que la planeación estratégica es un proceso que se inicia con el establecimiento de la misión, visión, metas organizacionales, define estrategias y políticas para lograr esas metas y desarrollar planes detallados para asegurar la implantación de las estrategias y así obtener los fines buscados.

También lo explica más fácil: es un proceso para decidir de antemano que tipo de esfuerzo de planeación debe hacerse, cuándo y cómo debe realizarse, quién lo llevará a cabo y qué se hará con los resultados.

El punto de partida. Primeramente es indispensable resolver los problemas internos de la compañía antes de entrar en la planeación estratégica. Conocer la empresa, controlarla y después entonces entrarle al tema. Es como si quieres comprar un auto a crédito pero debes $100,000 en tu tarjeta, ¿pos así como?

Ahora bien, ya que tu empresa está en orden (o por lo menos no tan desordenada pues) es posible comenzar a planear, una vez que ya te diste cuenta cuál o cuáles son las áreas que necesitan atención y enfoque estratégico.

1. Estudia tus fortalezas, oportunidades, debilidades y amenazas. A partir del análisis FODA puedes establecer ventajas competitivas y enfocarlas a la eficiencia, calidad, innovación o satisfacción del cliente.
2. Platica con tu cliente, conócelo, pregúntale que le gusta, que le disgusta, cómo piensa. Es importantísimo porque recibes información que no hacías en el universo. ¿A qué se dedica?, ¿también tiene empresa?, ¿vende productos, cuáles? Tal vez podrías ser cliente de tu cliente y formar una cadena de intercambio de productos y/o servicios. Fortalece la relación con tu cliente.
3. Algunas planeaciones estratégicas fracasan porque se hacen bajo incertidumbre. Generar escenarios (en ocasiones catastróficos) puede ayudar a enfrentar situaciones difíciles o no previstas y tener más presencia en mercados cada vez más competidos. Ejemplo: paso a pasito, compañías de televisión por cable como Telecable y Megacable se han ido introduciendo en el mercado y buscan el posicionamiento. ¡Tiembla Telmex!
4. Revisa y monitorea tu estrategia regularmente para identificar si es necesario hacerle modificaciones.
5. Analiza éxitos, fracasos, avances y retrocesos DE OTRAS EMPRESAS. Es decir, observa a tu competencia y checa qué y cómo le han hecho para estar donde están.
6. Diversifícate. Pregúntate ¿qué más se puede hacer además de lo que ya estás haciendo?
7. "Mi producto no puede ser tan malo, hacen falta más encuestas, entrevistar a más gente." Si el análisis de 1000 encuestas te dice que necesitas cambiar algo, ¡hazlo! Para eso contrataste a un buen investigador de mercados que te hiciera la chamba. Ahora que conoces la enfermedad, aplícale la medicina que te recetaron.

¿Conclusión? Definir la estrategia por partes me parece una excelente idea ya que si se ve como un todo es fácil perderse y no saber por dónde empezar. Exponerla partiendo del objetivo (¿qué?), plan de acción (¿cómo?), recursos (¿con qué),responsable (¿quién?) y tiempos (¿cuándo?) permite formar un buen plan estratégico y ejecutarlo de manera adecuada.

La táctica es vital y suele ser una tabla de salvación cuando se aplica bien una mala estrategia (una práctica muy común).

Me parece interesante que muchos teóricos y expertos de la planeación estratégica tomen ejemplos de guerra como punto de partida para explicar la materia. ¿Quién diría que un evento tan desafortunado serviría de tan buen eje focal?

Les dejo como recomendación el libro "El arte de la guerra" de Sun Tzu, donde seguramente encontrarán buenas ideas para desarrollar sus propias estrategias.

Espero les sea de utilidad esta información, saludos!

Vía Codejobs

Read More

Los 10 errores más comunes en las empresas

Me di a la tarea de investigar cuáles son los factores que tanto afectan a las empresas para su óptimo desarrollo, crecimiento y consecuente éxito y encontré que la Secretaría de Comercio identificó los 10 errores más comunes en la micro y pequeña empresa.

Se los explico y ustedes analicen su empresa para que se vayan calificando con palomita y digan: cumplo, cumplo, cump... ah caray, ¡ahí me falta!, cumplo y cumplo.

1.- Falta de misión y visión

La Misión expone el ¿POR QUÉ? de la existencia de la organización.

Responde ¿quiénes somos?, ¿para qué existimos?, ¿qué hacemos?, ¿para quién trabajamos?, ¿cuáles son nuestros valores?

Todas las decisiones estratégicas surgen a partir de la misión.

La Visión consiste en una declaración formal de lo que la empresa trata de lograr. La descripción minuciosa de este elemento ayuda a guiar la formulación de estrategias.

2.- Desconocimiento de la matriz FODA

Fortalezas. La carta de presentación, es todo aquello que la empresa puede hacer bien. Habilidades, capacidades, recursos valiosos o logros. Cualquier característica que le dé una posición favorable o ventaja competitiva en el mercado.

Oportunidades. Aquellas áreas que están descuidadas, potencial desaprovechado que ofrece importantes vías de crecimiento y desarrollo.

Debilidades. Cualquier actividad que provoque una posición desfavorable para la empresa.

Amenazas. Factores del ambiente externo de una empresa que pueden afectar su bienestar y crecimiento.

Ambiente interno de la empresa: fortalezas y debilidades.

Ambiente externo de la empresa: oportunidades y amenazas.

3.- Estructura organizacional deficiente

Falta de organización ordenada, funcional, jerárquica y responsable.

4.- Centralización del poder

La mayor parte de las empresas son familiares, priorizan intereses personales y sentimentales.

5.- Carencia de establecimiento de objetivos

El empresario se forma mentalmente cuál es el objetivo de su empresa, sin embargo no lo establece de manera escrita ni formal por lo que el personal que colabora con él no los conoce y por lo tanto las actividades que realiza muchas veces no se encaminan a la consecución del objetivo.

6.- Falta de evaluación y seguimiento

La mayoría de las empresas carecen de sistemas de evaluación de desempeño del personal. Cuando se establecen políticas en las empresas no se supervisan que ésta sea cumplida por el personal, incluso el primero en romper las políticas de procedimientos es el dueño del negocio, lo cual trae como consecuencia que el personal minimice la importancia de las mismas.

7.- Comunicación deficiente

El no tener definidas las líneas de autoridad genera una comunicación deficiente entre los miembros de la organización ya que estos no saben con certeza a quién acudir o no se generan vínculos de confianza para que se puedan comunicar los problemas que surjan en la operación cotidiana del negocio.

Recomendación: la comunicación debe ser escrita y firmada, teniendo así respuesta efectiva y eficiente.

8.- Falta de controles administrativos

Los empresarios en su mayoría desconocen la situación financiera exacta de su negocio, debido a que no llevan los controles ni registros necesarios para conocer sus ingresos, egresos, rotación de inventarios, porcentaje de ventas a crédito etc.

La contabilidad sólo se utiliza con fines fiscales y no para la toma de decisiones de las empresas.

Recomendación: El dueño debe fijarse un "salario del mercado" por ejemplo $20,000 y sobre ese salario fijar su nivel de vida. De ahí debe pagar sus viajes, compras personales, etc., y no tomar más dinero de la empresa para su uso personal.

9.- Desinterés por los aspectos jurídicos - corporativos

Tomando en consideración que la mayoría de las empresas son familiares se les da poca importancia a los aspectos jurídico-corporativos de los negocios ya que se cree que el único requisito que se debe cumplir es concurrir al notario para estar legalmente como sociedad.

10.- Utilizar un estilo de administración reactiva y no preventiva

No perder de vista aspectos de planeación, organización, dirección y control. Para esto deben agruparse en áreas las diversas actividades que se llevan a cabo como: ventas, servicio, personal, finanzas.

Identificando lo que se hace en cada una con la finalidad de delegar autoridad y responsabilidad.

Todas las áreas y todos los colaboradores de la empresa son importantes.

Via Codejobs

Read More

Efecto de papel doblado para ocultar elementos con CSS3

Desde la red de desarrolladores de Mozilla llega a nosotros esta fantástica propuesta que consiste en un efecto de plegado de papel para ocultar elementos. Este efecto sería una alternativa completamente nueva para realizar el trabajo de ocultar-mostrar elementos, complementando los clásicos efectos fade y sliding que se utilizan comúnmente para esta clase de tareas tremendamente conocidos por los programadores que suelen trabajar con el framework jQuery. PaperFold esta desarrollado utilizando tecnologías como CSS3, JavaScript y HTML5.

Read More