DIBUJO Y ANIMACIONES CON JAVASCRIPT | FRAMEWORK FOR SVG

El SVG o Scalable Vector Graphics, este formato vectorial es muy poco conocido pero muy util para usarlo en tus web, debido a su ligereza y la capacidad de ofrecer gráficos con calidad enorme.

Usar el SVG para crear animaciones es tan recomendado, que se han creado un gran numero de framework para su fácil implementacion, las posibilidades son infinitas, solo te detiene tu imaginacion.

Lazy Line Painter

Un pequeño plugin de JQUERY para animaciones de trayectoria SVG.

Vivus

Este framework no tiene ninguna dependencia externa, añádelo a tu proyecto sin mas y comienza a dibujar..

Two.JS

Este framework se basa en la scenegraph y en operaciones como rotación, traslación, escala, entre otros.

Bonsai

Es una completa herramienta de manipulación y animación en SVG, haciendo de esta una de las bibliotecas de SVG mas potentes que existen hasta hoy.

Walkway

Para animaciones básicas y simples.

Hasta la próxima, feliz día.

ANIMACIONES CSS3 | FRAMEWORK LIST

Los sitios web en la actualidad, tienen la necesidad de brindar a sus usuarios una mejor interactivo, al momento de mostrar la información o realizar la respectiva navegación interna.

El publico se ve muy entusiasta cuando una web ofrece algo mas que solo contenido estático, con el pasar del tiempo, la innovación se ira marcando en el modo de  manejar dichas animaciones, que muchos años atrás solo se hacían con FLASH de ADOBE y que con las nuevas integraciones, de manejo de hojas de estilo CSS y maquetado, se ah ido quedando en el olvido o quedando de manera obsoleta.

El CSS, ah demostrado ser mas eficiente, siendo mas amigable con los recursos de nuestras computadoras o dispositivos móviles, siendo esto un gran salto a una gran variedad de animaciones, que han derivado en varios FRAMEWORK.

Animate.css

una gran variedad de animaciones de entrada y salida.

Magic Animations

Simplemente mágico :)

DynCSS0

Especial para enloquecer a los usuarios.

CSShake

sirve para cuando quieres hacer resaltar un elemento.

Hover.css

HOVER en su máxima expresión.

Velocity.js

APLICACIONES ANDROID QUE TODO DESARROLLADOR WEB DEBE TENER

El mundo cada vez se desarrolla mas y a medida que esto sucede no podemos evitar seguir le el paso a las nuevas tendencias tecnológicas.

El desarrollo web a cambiado de una manera que si hablamos de hace algunos años atrás, nos dirán muchos:'que viejo es ese enfoque, ya existen mejores maneras de realizar esto...', de veraz algunas veces pienso esto y es realmente asombro y tenebroso, pero al fin y al cabo;  somos programadores y eso es lo que distingue de cualquier persona que navega por la web, instalando aplicaciones que están de moda o son las mas entretenidas.

La nueva generación de programador esta aquí, esta ahora y somos nosotros mismos, pensar solo que ahora podemos programar o desarrollar casi en cualquier parte, afuera en el parque o hablando con los vales.

es interesante ver como va evolucionando todo, y nuestro dispositivo móvil, nos brindara una gran facilidad al momento de reparar o solucionar cualquier tipo de error, mira a continuación algunas aplicaciones imprescindibles para nosotros los desarrolladores:

Web editor

Sencillo y fácil de usar, con esta aplicación podrás editar HTML, CSS Y JAVASCRIPT.

WebMaster's HTML Editor Lite

AIDE Web - Html,Css,JavaScript

Hootsuite para Twitter

Maneja todas tus redes sociales con esta potente aplicación.

Web Editor (MySQL, FTP)

Gestiona tus bases de datos y sube archivos a tu servidor

AntTek FTP/FTPs/SFTP Client

Rápido cliente FTP.

AndFTP

Muy peculiar y ademas muy potente.

KeePassDroid

Con esta tendrás una base de datos con todas las contraseñas y datos importantes protegidos con una clave maestra y/o un archivo de claves.

DroidEdit (free code editor)

podras editar en todos estos lenguajes  C, C++, C#, Java, HTML, CSS, Javascript, Python, Ruby, Lua, LaTeX, SQL, ...

Hola mundo...!

LOS MEJORES SLIDER PARA TU WEB | NECESITO UN SLIDER JAVASCRIPT

Al momento de diseñar tu web o la de un cliente, siempre sera una magnifica idea y esto sin importar para que publico va dirigida tu sitio web, que los usuarios aprecien en el un SLIDER IMAGES o DESLIZADOR DE IMAGENES, le dará a tu sitio una calidad de diseño muy agradable a tus visitante, se podría decir que los SLIDER, son casi obligatorios en un sitio web y ademas de esto, si el SLIDER que coloques en tu web, maneja ciertos tipos de animación, ya sea con JAVASCRIPT o CSS3,  ya has llegado a la luna y te has ganado muchos "me gusta" por tu sitio web, que es amigable con tus visitantes, al manejar varios tipos de información en un mismo espacio, un SLIDER, es la mas confiable solución a todo, estos es CodeAppWeb y a continuación te dejo algunos SLIDER IMAGES, los cuales puedes descargar y probar completamente gratis.

SlideMe

Una solución en CSS3, que funciona hasta en IE7.

Glide.js

Lo puedes mover con el mouse o tap.

MightySlider

No es gratis pero merece la inversión, échale un vistazo.

Circular Content Carousel

Útil para tu zona de mas contenido.

mis amigos, esto quedara en continuara, se estará actualizando semana a semana...

PARALLAX SCROLLING | CREA WEB IMPRESIONANTES

Entre las muchas técnicas de diseño web dominantes, se encuentra  PARALLAX.

Esta técnica de diseño es muy llamativa para los usuarios, debido a que su forma de desplazamiento (scroll), es muy extraña y a la vez genial para nuestros ojos, para tener más en claro, de que se trata exactamente PARALLAX, te tenemos un ejemplo, en el cual podrás jugar TETRIX,  el proceso es simple solo harás SCROLL(mueve la ruedita del mouse) y veraz como todo sucede, solo has click en este enlace, para ver otro ejemplo igual click aquí.

Quedaste fascinado!, pues bien te quiero mostrar una lista con los mejores framework para crear estos efectos y crear verdaderas maravillas utilizando PARALLAX:

Plax

• DEMO

skrollr

• DEMO

Stellar.js

• DEMO

InstaLax: Panel Based Parallax Framework

• DEMO

ScrollMagic

• DEMO

Angular Parallax

• DEMO

LOS SITIOS WEB MAS ESPECTACULARES DEL MUNDO

Cuanto inspiración hace falta, nada mejor que ver y husmear el código de los mejores sitios o paginas web del mundo, con funciones y navegación únicas te haran reflexionar sobre lo que estas aprendiendo en tu universidad y de lo que te están enseñando, veraz la punta del iceberg.

Las ventajas que tendrás al crear estos sitios frente a los demás desarrolladores sera inimaginable, que podrias llegar a desarrollar para APPLE o MICROSOFT, solo anímate mira esta lista, de paginas sorprendentes y prepárate para llegar mucho mas halla, inspirado siempre de la mejor forma.

cascadebreweryco

lerockwood

webservices

hotdot

toasteddigital

boy-coy

glpcreative

Flashvhtml

CAPTCHAT Y RECAPTCHA FRAMEWORK EN JAVASCRIPT Y PHP

¿Eres un robot...?, los CAPTCHAS en los sitios web, son tan diversos y complicados de descifrar, que a todos nos causa molestias tener que hacer esto cada vez que nos registramos, hacemos una solicitud o simplemente queremos descargar algo, en mucho tiempo veia en diferentes estas cosas raras, pero nunca me pregunte que era, entonces estos días me puse a buscar en la WIKIPEDIA, que era eso de CAPTCHA, con el fin de tener un conocimiento mas amplio para este tema.

"Captcha o CAPTCHA son las siglas de Completely Automated Public Turing test to tell Computers and Humans Apart (prueba de Turing completamente automática y pública para diferenciar ordenadores de humanos).1 Este test es controlado por una máquina, en lugar de por un humano como en la prueba de Turing. Por ello, consiste en una prueba de Turing inversa." fuente WIKIPEDIA

Valla con que existen "robot", que andan por todo Internet indexando todo a su paso, y pueden realizar cierto tipo de acciones en los sitios web en los que acceden, que cosas...

Todo programador web tiene que tener una primera vez, en la cual un cliente le pide: "quiero esa cosa en mi web...", entonces es cuando empezamos a buscar y para minimizar un poso las cosas queremos colocarte una pequeña lista de framework, a los que puedes añadir a tu JAVASCRIPT o PHP, de tu proyecto y de la manera mas veraz posible.

y a continuacion algunas librerias que puedes utilizar:

AngularJS reCaptcha

ANGULARJS es uno de mis framework favoritos, por su gran facilidad al momento de integrarle una utilidad, tan profesional como esta. y nada mas para ver su demo tienes que ir aqui.

angular-no-captcha

Con este nombre que le pusieron a este modulo, quede confundido, pero igual sirve y aquí esta su demo.

MotionCAPTCHA

Plugin para JQUERY, que es algo peculiar, pues en vez de escribir, dibujas el CAPTCHA, miralo desde aqui.

Text Captcha jQuery plugin

El clasico CAPTCHA.

bootstrap-captcha

Este plugin tiene mucho estilo.

muchas gracias, esperamos a verte ayudado, no se te olvide agradecer, con un me gusta o comentar.

NUEVO HOST TIGO PARA DATOS GRATIS COLOMBIA | WEB TUNNEL

Este es otro buen VPN con el que podemos conectarnos a Internet de manera gratuita, con WEB TUNNEL tendrás una conexión fluida, lo mejor de todo es su manera fácil de configura, a continuación te daremos algunos requisitos previos si quieres, gozar de WEB TUNNEL, de lo contrario podrías tener errores que impedirían que tengas una conexión estable con los servidores gratis.

Requisitos de conexión

1. Si tu versión de ANDROID es igual o superior a 4.0, no tienes ningún inconveniente para la conexión, si al contrario tu versión de ANDROID es menor, tendrás que ser USUARIO ROOT.
2. Si tienes planes de datos ACTIVOS, cancela el plan de datos de lo contrario se gastarían.
3. Si tienes alguna aplicación que bloquee publicidad, remueve la de tu dispositivo.

PAGINAS PARA ENCONTRAR LIBROS DE PROGRAMACIÓN | DESARROLLO WEB

En la actualidad existen una inmensidad de libros para aprender a programar, soy de aquellos que piensa que si quieres ser programador, tienes que leer, leer y leer mas libros, si usas solo YOUTUBE, para aprender a programar no lograras tener un profundo conocimiento de como ser un mejor programador.

Existen muchas paginas para ver o descargar ya sean PDF o WORD OFFICE, y poder saber los mas profundos secretos de la programación.

linkedin

cerca de 40 lbros

github libros de programacion

github mas libros de programacion

BLUESTACK: ACCEDE DESDE TU PC A WHATSAPP, FACEBOOK MESSENGER, INSTAGRAM Y MAS

BLUESTACK, a marcado la diferencia entre los emuladores para computadoras de mesa y portátiles mas utilizados, este emulador de ANDROID para computadoras con WINDOW en cualquier versión y también para MAC, te permitirá seguir tus charlas por WHATSAPP, seguir viendo fotos en INSTAGRAM, como si fuera poco chatear en FACEBOOK MESSENGER, el cual es muy bien recibido por los usuarios de FACEBOOK.

Con una nueva versión, ah mejorado en muchos aspectos, muy favorables para un mayor rendimiento en las aplicaciones que quieras instalar en BLUESTACK, ya no tendrás escusar para hablar o seguir tus juegos favoritos, anda apresúrate en probarla, esta aplicación esta entre mis favoritas, ya que me permite estar al tanto de mis clientes, al momento de solicitarles mas información y terminar su sitio web.

IMAGE EDITOR ANGULAR JS | FRAMWORK DE EDICION DE IMAGENES

Al momento de subir o cargar una imagen a nuestro servidor, debemos hacerla pasar por una serie de filtros, en muchos de los casos el usuario no queda satisfecho, ofrece le mas libertad a tus usuarios añade a tu web, estas herramientas de personalización de imágenes.

ngImageEditor

Ofrezca al usuario un recorte de la imagen que subirá al servidor.

angular-img-editor

utiliza canvas para editar la imagen seleccionada.

Vern AngularJS Directive

Edición básica de imágenes en el cliente.

PAGINAS PARA DESCARGAR PRELOAD GIF | DESARROLLO WEB

Los PRELOAD, son una parte fundamental en el diseño del sitio web, unos muy simples y otros realmente divertidos, los hay de varias maneras y encontrar los es un serio dilema, por eso hoy te traemos algunas web en donde podrás ver y descargar los que mas se acorde a tu sitio.

Preloader

creo que esta es la web mas visitada por los diseñador.

AjaxLoad

Simple pero es lo que se quiere.

PROGRESS BAR ANGULAR MODULES | DESARROLLO WEB MOVIL

Las barras de progreso o "PROGRESS BAR", son tan importantes para el frontend del sitio web, con ella el usuario sabe que la petición se esta procesando en el backend del sitio.

La diversidad de estilos y diseños con las que podemos implementar las barras de progreso y crear sitios mas dinámicos, mas amigables con el usuario, da un cierto paralelismo, un antes y un despues, un llamado ah ser un profesional en el desarrollo de sitios web y móviles, eres genial!.

Sin mas, apúntate y mira a continuación algunos módulos de angularjs, que te inspiraran a crear sitios web con ellos:

NProgress

Barra de progreso delgada en la parte superior del sitio, que se ve de esta forma.

angular-loading-bar

Con una simple instalación, bastara con solo añadirlo al modulo principal y cada vez que se realice una petición AJAX, este automáticamente se pondrá en modo activo, hasta que dicha petición acabe.

Para ver una demostración mira este demo.

Angular Tek Progress-bar

Nacio para solucionar inconvenientes y tener una nueva forma de usar las barras de progreso, lo entenderas cuando la uses, podrás ver una demostración aqui. 

Angular SVG round progressbar

Las barras de progreso circulares, es lo que ofrece este modulo usando algo muy peculiar que es el SVG, mira la demostracion juega con ella.

Angular-spinner

Hecha para unir la librería SPIN JS a ANGULAR JS.

AngularJS Based Loading Spinner & Overlay

Si recargas solo una parte del sitio frecuentemente, este modulo te permitirá hacerlo de una manera genial, la demostración esta disponible aqui.

D3 & AngularJS Circular Progress Bar

Dos potentes fremework se unen para crear este modulo, utiliza D3 JS con el que podrás crear maravillas, las cuales puedes ver desde aqui los ejemplos.

AngularJS Omni Bar

Este progress bar puede cambiar su color, mediante valla evolucionando la petición, mira su demostración desde aqui.

Gracias.

PHP IMAGE FRAMEWORK | MANEJO DE IMÁGENES CON PHP

El tratado de imágenes con PHP, es siempre un proceso repetitivo y constante, de hecho en todo proyecto que e trabajado e tenido la necesitada, de cambiar un poco las proporciones o el peso de las imágenes que se montan al servidor, siempre que realizo un proceso y este se torna repetitivo, me gusta usar o crear una clase y de esta manera agilizar un poco el desarrollo y en la siguiente lista veras algunos de los mejores o mas usados:

INTERNET GRATIS PARA TIGO COLOMBIA | HTTP INJECTOR POR 7 DÍAS | JUNIO DE 2016

Esta lista de configuraciones para HTTP INJECTOR(si no lo tienes descargalo desde aqui), la voy a ir actualizando cada siete días, para que usted mi amigo o amiga, pueda acceder a Internet desde cualquier lugar y hora del dia.

Importante!

Estaré sorteando una configuración única, solo para ti, entre los primeros diez (10), que comenten, compartan y le den me gusta, en la entrada de este post en mi fan page de FACEBOOK CodeAppWebOficial, busca la entrada le das me gusta, comparte y comenta.
Solo los primeros diez participaran...

Sorteo Domingo 5 junio 2016.

ANGULAR VIDEO REPRODUCCION

ANGULARJS, un framework completo, tanto en rapidez como usabilidad.

El manejo de videos con ANGULARJS nos brinda un soporte para muchos navegadores, móviles o de escritorio, sabiendo esto nos sentiremos tranquilos al momento de programar vídeos para nuestra sitio o aplicación web, sin mas mira los módulos diseñados para manejo de vídeos con ANGULARJS:

NGVIDEO

Un maravilloso modulo hecho para ANGULARJS, cuenta con un buen diseño, el cual puedes personalizar a tu gusto, para entrar a la demo lo puedes hacer desde aui o si ya quieres probarlo   descargalo

VIDEOGULAR

Este modulo, te permite tenner mas control sobre el video reproducido, tienes que ver su demo, la cual cuenta con varios tipos de vistas del reproductor,  y para descargarlo

angular-adaptive-youtube

Su nombre lo dice todo mira su demo o  descargalo

APLICACIONES PARA INTERNET GRATIS - VPN APP

El auge de las aplicaciones móviles para tener datos usando VPN, es una de las mejores soluciones para estar comunicado con el mundo.

Lo descomprimes e instalas.

Para descomprimir 7zipper apk

TIPS PARA LOGRAR APLICACIONES MAS FLUIDAS - PHONEGAP/CORDOVA DESARROLLO MOVIL

Hacer aplicaciones multiplataformas con PHONEGAP, no es tan fácil como decir:

-soy programador web, se hacer sitios web, manejo bien el PHP, JAVASCRIPT, CSS y HTML.

De hecho, varios programadores que conozco, se frustran al no tener en cuenta el consumo de memoria RAM y procesador del dispositivo, pues PHONEGAP lo que hace es crear un entorno local en donde se puede ejecutar nuestro código web a manera de un servidor local, para evitar saturar la aplicación hecha por PHONEGAP, apliquemos las siguientes sugerencias:

PLUGIN PARA TENER EN CUENTA - PHONEGAP - CORDOVA

Para quienes hallan desarrollado aplicaciones para dispositivos móviles en PHONEGAP, se han percatado que los plugin, son una verdadera y amplia utilidad al momento de desarrollar con este framework. 

Hoy te quiero mencionar algunos plugin para tener en cuenta a la hora de crear una aplicacion movil, la cual dependiendo de los requerimientos le añadirás ciertos plugins:

  

PhoneGap Toast plugin

Este plugin esta disponible para ANDROID, IOS y WINDOWS, podras manejar de notificaciones nativas no instrusivas.

Cordova/PhoneGap sqlite storage adapter with extra features

Existen varias versiones de este plugin incluso dentro de este repositorio, que dependiendo de lo que necesites usaras uno u otro, este es el mas usado y esta disponible para ANDROID, IOS y WINDOWS.

Cordova Local-Notification Plugin

Las notificaciones son una parte fundamental en las aplicaciones, notificar al usuario que tiene algo para ellos es vital.

Background Service Plugin Core (bgs-core)

Si quieres que tu aplicacion trabaje en segundo plano, igual que WHATSAPP, podras recibir actualizaciones de estado en tiempo real.

plugin-socket.io

al mejor estilo de socket.io