6 de marzo de 2017

Hoy en día las tendencias tecnológicas nos han llevado al uso frecuente del internet, ya sea para hacer investigaciones, realizar trabajos e incluso como medio de entretenimiento o quizás un anti estrés en algunos casos muy eficaz. 


Si estas considerando tener tu propio sitio web, ya sea para publicitar tu negocio o simplemente para hacer tu propio blog de opiniones o información es importante que tomes en cuenta dos aspectos clave para el éxito del mismo, estos son la Usabilidad y la Accesibilidad. 
Usabilidad y Accesibilidad

Ahora bien, ¿Qué es la usabilidad?

Una pregunta que no aplica solo a la web sino a aspectos de la vida diaria, sea cual fuere el contexto de su uso el señor David McQuillen en su publicación “Taking Usability Offline” lo define de la siguiente manera:


"La usabilidad trata sobre el comportamiento humano; reconoce que el humano es emotivo, no está interesado en poner demasiado esfuerzo en algo, y generalmente prefiere las cosas que son fáciles de hacer contra las que son difíciles de hacer." 
Y ¿Qué necesitas para que tu sitio web sea 100% usable?

Existen diversos principios y guías para hacer sitios Web usables, entre las que podemos destacar:
  • Anticipación, el sitio Web debe anticiparse a las necesidades del usuario.
  • Autonomía, los usuarios deben tener el control sobre el sitio Web.
  • Los colores no deben dificultar el acceso a los usuarios con problemas de distinción de colores. 
  • Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios y con su aprendizaje previo.
  • Los sitios Web se deben centrar en la productividad del usuario, no en la del propio sitio Web.
  • Reversibilidad; se debe permitir deshacer las acciones realizadas; cuando el usuario comete un error, el sistema ha de solucionar el problema, o sugerir soluciones posibles, y no sólo informar del error.
  • Reducción del tiempo de espera e informar al usuario del tiempo pendiente para la finalización de la tarea.
  • Aprendizaje; los sitios Web deben requerir un mínimo proceso de aprendizaje y deben poder ser utilizados desde el primer momento.
  • Protección del trabajo de los usuarios; los usuarios no deben perder su trabajo como consecuencia de un error.
  • Legibilidad; el color de los textos debe contrastar con el del fondo, y el tamaño de fuente debe ser adecuado.
  • Seguimiento de las acciones del usuario. El conocer y almacenar información sobre su comportamiento previo le permite realizar operaciones frecuentes de manera más rápida.
  • Interfaz visible. Se deben evitar elementos invisibles de navegación que han de ser inferidos por los usuarios, como los menús desplegables o indicaciones ocultas.
  • Los usuarios no deben sufrir sobrecarga de información. Cuando un usuario visita un sitio Web y no sabe dónde comenzar a leer, existe sobrecarga de información.
Estoy completamente seguro que si cumples con estos ítems clave para tu sitio web, este empezará a generar mayor cantidad de visitas y los usuarios que frecuentan tu página estarán complacidos de que hagas su vida más fácil.

Teniendo claro lo importante de la usabilidad en tu sitio web es necesario definir nuestro segundo aspecto clave, ¿Qué es la Accesibilidad?

Por accesibilidad se entiende la posibilidad de que un producto o servicio Web pueda ser accedido y usado, de forma independiente de las limitaciones propias del individuo o de las derivadas del contexto de uso.

La distinción entre “usabilidad”, que implicaría la facilidad de uso, y “accesibilidad”, no solo es difícil, sino en muchos casos innecesaria; la accesibilidad debe ser entendida como “parte de”, y al mismo tiempo “requisito para” la usabilidad.

Dentro de las limitaciones propias del individuo puede haber deficiencias visuales, auditivas, motrices, cognitivas y de lenguaje, pero también puede tener limitaciones derivadas del contexto de uso y del dispositivo de acceso empleado (hardware y/o software), como puede ser el idioma, la experiencia o conocimientos previos.

Pero, ¿Qué necesitas para que tu sitio web sea accesible?

Pues bien los siguientes ítems te ayudaran a responder esta pregunta.
  • Todos los elementos visuales, imágenes o animaciones, deben contar con una descripción de su función.
  •  Incluir subtítulos y transcripciones de los sonidos, y descripciones de los videos. 

  • Aplicar una apropiada organización de la página; usar encabezados, listas y estructura consistente; usar tablas solo para presentar datos tabulares, así como hojas de estilo en cascada donde sea posible.

  • Dar alternativas accesibles a los scripts, applets y plug-ins para los casos en que las características activas sean inaccesibles o no soportadas.

  • Tener un sitio web con contenido adaptable según el dispositivo en donde se esté visualizando o lo que se conoce como diseño web responsive.
Si tienes en cuenta estos aspectos indispensables en el desarrollo y publicación de tu sitio web, este cumplirá su objetivo sea cual fuere y tus visitantes se sentirán a gusto con el mismo, en otras palabras tendrás un sitio web exitoso!



28 de diciembre de 2015


Bootstrap - PrograFormacionQué es Bootstrap?

Bootstrap, es un framework originalmente creado por Twitter, que nos permitirá crear sitios web con CSS y JavaScript, cuya principal característica y por la que es ahora muy utilizado por los programadores web  es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y desarrollo se conoce como Responsive Design o diseño adaptativo.


Comó usar Bootstrap?  

La manera de usar este framework es muy sencilla, solo debemos entrar en la pagina principal de Bootstrap y descargar los archivos que esta nos facilita y vincularlos a nuestro proyecto web, o mas facil aun solo copiamos el Bootstrap CDN de la pagina de descarga de Bootstrap y lo pegamos en nuestro proyecto. Asi de sencillo es!! 

Para aprender a usar esta poderosa herramienta que nos ahorrara muchisimas lineas de codigo debemos leer en su pagina web como es el uso de su gran cantidad de componentes, en esta encontraras todo muy bien explicado y con ejemplos que facilitaran tu aprendizaje; sin embarogo si te surgen dudas sobre su funcionamiento, en la web hay gran cantidad de cursos que podran ayudarte a manejar este framework.


Sin nada mas que decir los invito a que indaguen un poco mas sobre esta poderosa herramienta muy usada en el ámbito web, les aseguro que no se arrepentirán!

9 de noviembre de 2015

En la web podemos encontrar diferentes estilos de páginas, con efectos interesantes, con fuentes de escritura poco comunes y un sin fin de atributos que hacen de una página web dinámica y entretenida a la vista de los usuarios.

Slider JavaScrpit

SlidesJS es un plug-in SlideShow Responsive ( Adaptable ) para jQuery (1.7.1+) con características táctiles y  transiciones CSS3. Con este plug-in podemos en pocas palabras mostrar una galería de imágenes de una manera muy atractiva para el usuario. Al entrar en su pagina podemos leer una descripción y la manera correcta en la que debe usarse, además de esto, proporciona varios ejemplos mostrando su uso y un Basic Markup del código. Para poder usarlo, debemos descargar el código de dicho plug-in, al descargarlo nos dejara un archivo .ZIP que debemos descomprimir, y nos dejara una serie de archivos en donde podrás encontrar ejemplos prácticos con su respectivo código para que puedas ver su funcionamiento y puedas usarlo en tu proyecto web. Es importante aclarar que si vas a utilizar esta herramienta en tu propio proyecto, deberás copiar la carpeta "source" y pegarla en la carpeta raíz ( En donde se encuentre tu archivo .html ) de tu proyecto para que pueda funcionar. Espero que te sea de gran ayuda y cualquier duda que tengas sobre su funcionamiento puedes contactar conmigo o comentar este post!

6 de noviembre de 2015

¿Alguna vez has visitado una página web en donde un color de una parte de la página se va desvaneciendo o en su defecto va tomando efectos de gradiente? Pues bien, hoy hablaremos de una página web capaz de generar el código CSS que solo deberás copiar/pegar en tu hoja de estilos.

Gradientes con CSS


Ultimate CSS Gradient Generator es una página web en donde podrás hacer gran cantidad de estilos con colores para tu sitio web. Esta herramienta nos permite escoger alguna plantilla (y modificarla si queremos) o poder utilizar el código de colores para hacer nuestros propios efectos, teniendo una vista previa o Preview de lo que estamos haciendo; además y lo más importante nos genera el código CSS necesario para aplicar nuestro estilo a nuestro proyecto web, solo debemos copiar TODO el texto que aparece a la derecha de la página en el recuadro CSS y pegarlo en nuestra hoja de estilos.

Esta es una gran ayuda para los desarrolladores web que ahora podas probar y usar para tus propias páginas, espero te sea de gran ayuda!

24 de octubre de 2015

En nuestro tema del día hablaremos un poco sobre una pagina/canal/blog en donde podrás aprender temas sobre programación web que son muy útiles para los programadores.



Se trata de FalconMasters, una pagina en la que, si como yo te gusta aprender temas nuevos y muy interesantes, te divertirás aprendiendo, ya que posee gran cantidad de artículos y mejor aun, gran cantidad de tutoriales que agudizaran tu nivel de aprendizaje y harán que tengas mas interés en esta parte de la programación que es muy importante. Si te gusta aprender temas nuevos sobre programación web esta pagina es para ti.

23 de octubre de 2015

En este post hablaremos un poco sobre uno, en cuanto a mi corresponde, de los mejores editores de código que hay en el mercado, capaz de soportar diferentes plataformas de programación y mejor aun que funciona de la misma en manera en cualquier sistema operativo, o al menos en los mas populares.

Sublime Text 2

Sublime Text es un editor de texto y editor de código fuente está escrito en C++ y Python para los plugins. Desarrollado originalmente como una extensión de Vim, con el tiempo fue creando una identidad propia, por esto aún conserva un modo de edición tipo vi llamado Vintage mode.

Se distribuye de forma gratuita, sin embargo no es software libre o de código abierto, se puede obtener una licencia para su uso ilimitado, pero el no disponer de ésta no genera ninguna limitación más allá de una alerta cada cierto tiempo.

Soporta los siguientes lenguajes:

ActionScript
AppleScript
ASP
Batch File
C
C#
C++   
Clojure
CSS
D
Diff
Erlang
Expresión regular
Go   
Graphviz (DOT)
Groovy
Haskell
HTML
Java
JavaScript
LaTeX
Lua
Lisp
Makefile
Markdown
MATLAB
Objective-C
Ocaml
Perl
PHP
Python
R
Rails
ReStructuredText
Ruby
Scala
Shell Script (Bash)
SQL
Tcl
Texto plano
Textile
XML
XSL
YAML

Este editor de código es muy recomendado por los usuarios que lo utilizan, el link de descarga!




















22 de octubre de 2015

En nuestro primer post hablaremos un poco sobre uno de los personajes mas importantes para la historia de la web y por supuesto de la humanidad, sin su desarrollo les puedo afirmar que no podría estar ahora relatando un poco de su historia a través de estas lineas.

Tim Berners-Lee


Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.
Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web. Él y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje HTML (HyperText Markup Language) o lenguaje de etiquetas de hipertexto, el protocolo HTTP (HyperText Transfer Protocol) y el sistema de localización de objetos en la web URL (Uniform Resource Locator).
Es posible encontrar muchas de las ideas plasmadas por Berners-Lee en el proyecto Xanadú (que propuso Ted Nelson) y el memex (de Vannevar Bush).