Tutorial para principiantes jQuery

jQuery es una de las bibliotecas JavaScript más popular, utilizado por los diseñadores y desarrolladores para mejorar un diseño de sitios web más allá de los confines de la CSS y crear fácilmente complejos efectos Javascript con sólo unas pocas líneas de código. Si estás seguro con tus conocimientos en CSS, usted está listo para pasar a lo básico de jQuery para ampliar tu caja de herramientas de habilidades. Trataré de ser constante para poder compartir los mejores tutoriales y una serie de artículos en línea, que serán su mejor recurso a la hora de aprender jQuery.

Cómo trabaja jQuery

El sitio web oficial de jQuery es uno de los mejores lugares para empezar con jQuery. En la sección de tutoriales, hay un índice completo de tutoriales, desde principiantes a la derecha a través de nivel avanzado. Echa un vistazo a jQuery Cómo Trabaja para una gran introducción a la biblioteca, con la documentación sobre los conceptos básicos

Ver el Tutorial




Leer más...

Introducción a PHP



¿Qué es PHP?

PHP significa “PHP: Hypertext Preprocessor”. PHP es un lenguaje de script del lado del servidor para crear páginas Web dinámicas. Crear scripts PHP para realizar un seguimiento de las actividades de los visitantes en el sitio, enviar correos electrónicos a los clientes, que los usuarios tengan la opción subir archivos o imágenes al sitio, y manejar contenido dinámico utilizando una base de datos. Las posibilidades son infinitas. La mayoría de los sitios Web de redes sociales están escritos en lenguaje PHP. ¡Si! PHP es un lenguaje poderoso y sencillo.

¿Cuáles son los beneficios de PHP?

PHP es un lenguaje de código abierto. Esto significa que no se tiene que pagar miles de dólares por la adquisición de los derechos de la licencia. Lo mejor de todo es que es demasiado sencillo de instalar. La característica más sorprendente de todo es que es muy fácil de aprender. PHP es utilizado por millones de personas y desarrolladores de todo el mundo. Hay miles de sitios Web en Internet que están escritos en PHP. Un ejemplo puede ser Facebook.

¿Qué puede hacer PHP por mí?

PHP puede mejorar enormemente la funcionalidad de tu sitio Web. Te permite escribir scripts que permitan a los usuarios interactuar contigo a través de tu página Web. Si tienes un pequeño negocio, puedes utilizar PHP para que los usuarios puedan enviarte sugerencias acerca de los productos que manejas a través de un formulario que te enviara automáticamente un correo con los comentarios del visitante.

¿PHP es fácil de aprender?

PHP es muy sencillo de aprender, puedes hacer una investigación en Internet y encontraras miles y miles de resultados relacionados al aprendizaje de PHP. Incluso puedes encontrar scripts los cuales puedes adaptar a tus necesidades.
Leer más...

Fuentes Gratis de alta calidad para sus diseños


Sabemos que la tipografía se puede utilizar como una forma de entendimiento mutuo entre usted y sus usuarios. La tipografía requiere tipos de letra adecuados, ya que hay un montón de fuentes desconocidas por ahí que realmente nos han inspirado.
El color y el tamaño del tipo de elementos son mucho más frecuentes que en la tipografía de texto. La mayoría de las tipografías estan siendo diseñadas para tipos de pantallas cada vez más grandes, donde los detalles de la carta de diseño se magnifican. El color es utilizado para su efecto emocional en la transmisión de la señal y la naturaleza de la materia.

Quizas esto tambien te pueda interesar, 14 consejos para mejorar la productividad en la elaboración de tus diseños.



01. Mister Jun

instantShift - Latest Free Fonts For Your Designs

Font Download

02. Solomon Normal

(Free Till May 10th,2010 – Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

03. Hattori-Hanzo

instantShift - Latest Free Fonts For Your Designs

Font Download

04. Kawoszeh

instantShift - Latest Free Fonts For Your Designs

Font Download

05. ‘Edelsans’

instantShift - Latest Free Fonts For Your Designs

Font Download

06. le Grand Saut

instantShift - Latest Free Fonts For Your Designs

Font Download

07. Quadranta

instantShift - Latest Free Fonts For Your Designs

Font Download

08. Resolute

instantShift - Latest Free Fonts For Your Designs

Font Download

09. BS-Konstata

instantShift - Latest Free Fonts For Your Designs

Font Download

10. Diablo

instantShift - Latest Free Fonts For Your Designs

Font Download

11. Sweet Henry (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

12. Fabryka Medium (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

13. Balham

instantShift - Latest Free Fonts For Your Designs

Font Download

14. Cicle (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

15. Mod Gothic

instantShift - Latest Free Fonts For Your Designs

Font Download

16. Black Bonsai

instantShift - Latest Free Fonts For Your Designs

Font Download

17. SvA

instantShift - Latest Free Fonts For Your Designs

Font Download

18. Say it fat

instantShift - Latest Free Fonts For Your Designs

Font Download

19. Gembira

instantShift - Latest Free Fonts For Your Designs

Font Download

20. Dezen Pro Regular (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

21. Danarama Regular

instantShift - Latest Free Fonts For Your Designs

Font Download

22. Scriptina Pro (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

23. Gabo

instantShift - Latest Free Fonts For Your Designs

Font Download

24. Nevis

instantShift - Latest Free Fonts For Your Designs

Font Download

25. Rounded

instantShift - Latest Free Fonts For Your Designs

Font Download

26. Ultras

instantShift - Latest Free Fonts For Your Designs

Font Download

27. BlockFace

instantShift - Latest Free Fonts For Your Designs

Font Download

28. xxii-menga (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

29. RM Almanack (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

30. Periodica serif (Registration Required)

instantShift - Latest Free Fonts For Your Designs

Font Download

31. Metal

instantShift - Latest Free Fonts For Your Designs

Font Download

32. Singula

instantShift - Latest Free Fonts For Your Designs

Font Download

33. Malibu

instantShift - Latest Free Fonts For Your Designs

Font Download

34. Akashi

instantShift - Latest Free Fonts For Your Designs

Font Download

35. Austin Powers Font

instantShift - Latest Free Fonts For Your Designs

Font Download

36. Vinland

instantShift - Latest Free Fonts For Your Designs

Font Download

37. Nano

instantShift - Latest Free Fonts For Your Designs

Font Download

38. Munro (pixel fonts)

instantShift - Latest Free Fonts For Your Designs

Font Download

39. Amable

instantShift - Latest Free Fonts For Your Designs

Font Download

40. KAORI

instantShift - Latest Free Fonts For Your Designs

Font Download
Leer más...

Ventajas y desventajas del Diseño Web Móvil

Al igual que con la mayoría de las cosas siempre hay aspectos buenos y no tan buenos. Y en el diseño para móviles no es para nada diferente. A continuación se presentan algunos puntos en ambas caras de la moneda sobre el diseño web para móviles.



Ventajas


Comenzando con lo bueno, no es por supuesto de la movilidad en sí. Cualquier persona puede acceder a Internet en la palma de sus manos. Los tiempos en donde simplemente se navegaba por la red en un escritorio o en el hogar es cosa del pasado. Somos adictos a la información en estos días y se puede llegar al público mientras este se encuentra en un autobús, tren, o el supermercado local.
Si ellos necesitan encontrar información sobre lo que les rodea, pueden encontrar en su sitio web una solución al instante.

Otra ventaja, es que el uso de web en el móvil ha aumentado y parece ir en aumento. Haciendo crecer la gran demanda y la necesidad de tener páginas web para móviles. Los clientes van a estar pidiendo más y más acerca de esto y es algo que en lo que la mayoría de diseñadores web deberían ser escolarizados.

Desventajas

Las dos principales desventajas son el tamaño de la pantalla, y el tiempo de carga. Ambos son muy diferentes en los teléfonos móviles que en una computadora. Debido a esto usted tendrá que averiguar cómo diseñar una página que es agradable a la vista en un área pequeña y dar la misma información que el visitante necesita.


Leer más...

¿Por qué no se puede ignorar el Diseño Web Móvil?

El diseño de móviles se está convirtiendo cada vez más importante tal como lo dicen las alzas en la subida de navegación por móvil.
Un estudio realizado por RipRoad muestra lo siguiente sobre el uso móvil en los EE.UU.:
* 234 + millones de estadounidenses tienen teléfonos celulares (significa que es casi el 85% de la población de EE.UU.). * Un promedio de 42.7 millones de estadounidenses, osea casi el 18% de los usuarios de celulares, los teléfonos inteligentes se utilizan activamente entre noviembre 2009 y enero de 2010.
Una cosa que no hay que olvidar que aunque es un 18% de los estadounidenses con teléfonos inteligentes, hay otros 191 millones de estadounidenses que extraña tener teléfonos celulares.
Desde un
telefono Smartphones puede ser más fácil navegar por la web, pero no quiere decir que son los únicos para hacerlo. Según Pewinternet ", el 83% de los adultos tienen teléfonos celulares o teléfonos inteligentes, y entre ellos, el 35% ha accedido a Internet a través de su teléfono." Estos son los propietarios de los números de la empresa (especialmente los propietarios de negocios basados en Internet) que no pasarán por alto.

El
proveedor de teléfonos celulares Ericsson ha descubierto que, "los bits de datos móviles en todo el mundo superaron el tráfico de voz por primera vez en diciembre de 2009." Aunque esto se debe principalmente al uso de los medios de comunicación social y para visualizar los videos, parece que esta tendencia no va a ninguna parte.


Dónde Comenzar

Debo decidir sobre un aspecto que es la conversión de un que ya existe, o crear una página web completamente nueva. Tanto se puede hacer, pero usando un subdominio del sitio principal.

Una vez que hayas decidido qué curso de acción tomar, usted necesita decidir el tipo de contenido.
Cuando la gente está navegando por Internet a través de su teléfono celular, por lo general no tienen tiempo para esperar por un largo tiempo de carga.



Tamaño de la pantalla

Recuerde que ya no es el diseño de una pantalla de un ordenador. Ahora tiene que venir con algo estéticamente agradable para páginas en una escala de menor tamaño. Otra cosa a tener en cuenta es que el iPhone permite a los espectadores ver la pantalla en posición vertical y horizontal.

"Es mucho mejor usar porcentajes y EMS. Este método hará que su sitio sea adaptable a los diferentes tamaños de pantallas. Además, puede limitar el zoom de la interfaz y el tamaño de la pantalla utilizando las propiedades META para móviles ", dice dos Santos, de Alessandra el blog de diseño gráfico Abduzeedo.



Al probar el sitio


Cuando esté probando el sitio móvil es necesario ver cómo se ve, navegar y cargar a la vez en un dispositivo de teléfono inteligente y una smartphones. Incluso entre los navegadores smartphone podría haber una discrepancia. Para esto debes probar el sitio en múltiples dispositivos ya que esto garantizará a los usuarios de todas las plataformas y tendrán así una buena experiencia. Leer más...

Diseño Web Móvil : Visión general

¿Cuánta gente conoce usted que usa su teléfono celular para navegar por Internet? Lo más probable es que va a haber un gran número de personas. Muchos estadounidenses están obteniendo información sobre la marcha; las grandes y pequeñas empresas están saltando a la posibilidad de optimizar su sitio para los navegadores móviles.

El Diseño Web Móvil se está haciendo más y más popular, ya que esta siendo utilizado por casi todos los sitios web más populares de la red, ya que se convierten en un proveedor de servicios en línea o una aplicación web en una versión para móviles.


Lo que trato de decir es que para todos es aconsejable ponerse al día en todo lo que hay que saber acerca del diseño web móvil. Ser educado en esta área de diseño web puede ayudarle a mantenerse por delante de la curva y da a sus clientes otra vía a seguir.
En este artículo de ordenadores y tecnología estoy tratando de presentar tendencias ejemplares de
diseño web para móviles, y las mejores prácticas con información completa acerca de lo que usted necesita saber.

¿Qué es Diseño Web Móvil?


Antes de empezar a diseñar el gran contenido de sitios web para móviles, primero debe familiarizarse con lo que la Web móvil en realidad es. Se le alegrará de saber que en su mayor parte no hay mucho para aprender de nuevas tecnologías, la modernización los estilos para las pequeñas pantallas y los sistemas operativos de los distintos dispositivos celulares que hay.



Según Cameron Chapman, los sistemas operativos más populares son:

* Windows Mobile
* La plataforma iPhone

* Palm OS * Linux Mobile
* Symbian OS

* La plataforma BlackBerry

* Android


Los navegadores más populares de la Web móvil, que son:


* Safari para el iPhone

* Navegador de Android
* Opera Mobile

* dispositivos navegador WebOS (de Ramos)

* BlackBerry navegador
* Internet Explorer Mobile (en dispositivos Windows Mobile)


Existen tres códigos basados en un navegador común (hay que tener en cuenta que hay más), estos códigos son: código propietario, WebKit y Gecko. Recuerde que todos los teléfonos cuentan con pantallas de diferente tamaño y sus navegadores pueden manejar diferentes cantidades de contenido. Un navegador de iPhone, por ejemplo, tendrá un tiempo de carga, diferente a una voluntad de BlackBerry.



Una breve lección de historia en el diseño web móvil

A continuación se muestra un gráfico de la simplificación de cómo hemos llegado a la lengua móvil de diseño web. Algunos de los términos que pueden no estar familiarizados con lo que la definición son los siguientes (el gráfico es cortesía de learnthemobileweb.com a través de Springs Diseño):


* Standard Generalized Markup Language - También conocido como SGML se creó alrededor de 1986 y es un metalenguaje. Se utiliza sobre todo para la impresión y la edición.

*
Dispositivo de mano Markup Language - también conocido como HDML fue desarrollado en 1996. Este el camino para el WML Wireless Markup Language, pero no fue oficialmente normalizado.

* Wireless Markup Language - mencionado anteriormente, WML fue desarrollado en 1998. Este es un lenguaje basado en XML específicamente para dispositivos móviles.

*
HTML compacto - Además, se desarrolló en 1998 este lenguaje es un subconjunto de HTML y algunos lo consideran mejor que WML.

* XHTML Mobile Profile - Desarrollado en 2001, este lenguaje es basarse en los estándares XHTML y está dirigido para los teléfonos móviles, y la mayoría considera que éste es el lenguaje más fuerte para el diseño web móvil.

Leer más...