wordpress visitor
» Diseño Web | Informática Práctica |

Google Font Previewer

Escrito por ffuentes el Viernes, 6 de Agosto del 2010 a las 3:01

screenshot_235.jpeg

Un pequeño dato, que quizás no conocen, Google Font Directory, aquellas fuentes que Google nos facilita de forma gratuita a través de sus servidores, gracias a las bondades de CSS 3.

Ahora contamos con una nueva funcionalidad que permite probar todas las fuentes de Google Font Directory, modificar a voluntad y con menúes sencillos cada fuente, lo cual genera un código CSS que se puede pegar directamente o adaptar a nuestro diseño web.

Categoría: CSS, Diseño Web | No hay Comentarios »

Tarjetas de presentación 2.0.

Escrito por ffuentes el Viernes, 18 de Junio del 2010 a las 2:55

screenshot_205.jpeg

De vez en cuando en blogs parecidos a este aparece una web que permite crear una especie de tarjeta de presentación, pero “social web”, en vez de teléfonos y una dirección física, presentas tus blogs, tu correo electrónico, tus perfiles en redes sociales, ideales para dejar una pequeña presentación personal donde centralizar todas tus presencias, tener algo que poner en los campos “Página Web” e incluso agregar en tu CV como tarjeta de visita.

La primera web que se hizo conocida por dar pie a esto fue Card.ly que, con el tiempo fue evolucionando y mejorando. En 5 o 6 pasos (si deseas pagar) tienes tu página de presentación personal. La versión Premium permite varias cosas, entre ellas, usar tu propio dominio y tener más plantillas de las que elegir. La URL queda como http://card.ly/usuario

A mi personalmente me gustó más (por el diseño) Flavors.me. La mecánica es parecida, pero cuenta con una usabilidad más cuidada y más redes sociales que elegir, le da más prioridad al contenido. Por ejemplo, en Flavors.me puedes subir tu propio fondo y elegir el esquema, las fuentes del texto. Si pagas el plan Premium podrás, por ejemplo, al igual que en card.ly usar tu propio dominio, pero también contar con estadísticas, formulario de contacto.

OnePage es una web nueva que trata de lo mismo, pero con una mecánica más sencilla aunque más pobre también. Responde más fielmente a lo que es una verdadera tarjeta de visita, con todos los datos necesarios y pocas palabras en tamaño reducido pero suficiente.

Y por último, aunque quizás existan otros servicios que yo no conozca, está nuestro viejo y conocido Gravatar, ahora no sólo es el “hosting” de nuestro avatar para cientos de blogs, sino que también nos permite tener una sencilla tarjeta de presentación, me parece el más simple de todos, llegando, eso sí, a caer en la escasez.

Categoría: web 2.0, Recursos, Diseño Web | No hay Comentarios »

Editores de texto online: ¿CKEditor o TinyMCE?

Escrito por ffuentes el Viernes, 28 de Agosto del 2009 a las 9:02

23121059_cwc3.jpg

Poco a poco evolucionaron los editores de texto, de ser una ayuda menor para hacer los textos de un correo webmail más bonitos  a llegar a la aparición de procesadores de texto online.

Muchos proyectos web requieren de un editor de texto WYSIWYG (Lo que ves es lo que obtienes)  y el problema hace unos años era que éstos eran demasiado básicos e incómodos, para el año en que escribimos, los grandes editores de texto, aunque hay todavía más son dos: TinyMCE (todo un clásico) y CKEditor, muy moderno.

TinyMCE es uno de los más conocidos, proporciona muchas de las cosas que podemos hacer en un procesador de texto, trabajando en una caja de texto con la tipografía seleccionada y adaptable a las necesidades del proyecto.

Uno de los problemas que se le reclama a TinyMCE es que deja un código HTML muy sucio, allí donde se le utilice, haciendo imposible validar muchos textos. Su carga es medianamente lenta. Aún así cumple muchas veces con su objetivo y, de hecho, WordPress lo utiliza.

CKEditor es la reedición de FCKEditor, otro viejo editor muy usado. Su ventaja es que ha sido re escrito para adaptarse a las nuevas necesidades, es bastante parecido en aspecto a TinyMCE pero más estilizado, más “2.0″ si se quiere. Una de las grandes diferencias es que cuenta con un menú contextual especial (es decir, al presionar el botón derecho del mouse al hacer clic en el campo de escritura) y un gran botón para ver el código fuente, lo que facilita la edición.

Mi favorito es CKEditor, no obstante hay que entender que en varios CMS sólo está disponible o uno u otro o ninguno de ellos, por ejemplo, escribo este artículo utilizando TinyMCE pues viene integrado con WordPress.

¿Cuál prefieres? ¿Algún otro digno de mencionar?

Categoría: Diseño Web | 2 Comentarios »

DHTMLX - Librerías Javascript para diversos usos

Escrito por ffuentes el Lunes, 3 de Agosto del 2009 a las 6:46

Las librerías javascript son extremadamente útiles para desarrollar webs de forma más sencilla, aprovechando pequeños detalles desarrollados por otros equipos. El uso de librerías javascript ahorra tiempo y permite no concentrarse en detalles que no se manejan con experticia.

DHTMLX es una serie de librerías AJAX con diversas funciones que permiten crear pequeños elementos útiles en una web como una caja de subida de archivos o un calendario de actividades, la serie completa es:

Tree: Ayuda a crear directorios en forma de árbol

Tabbar: Crea pestañas.

Grid: Crea tablas.

Vault: Crea una caja de subida de archivos

TreeGrid:Permite crear tablas con un directorio en forma de árbol

Combo: Crea menúes desplegables con autocompletado.

Layout: Crea espacios redimensionables por el usuario

Toolbar: Crea barras de herramientas al estilo de un programa (botones “abrir”, “guardar” “imprimir”)

Calendar: Crea calendarios (Redactado por el Capitán Obvio)

Folders: Permite crear cualquier clase de listados de ítemes, incluyendo un navegador de archivos o una tienda online

Color Picker: Crea un selector de colores.

Windows: Crea ventanas

Slider: Crea controles deslizantes

Ajax: La librería que permite trabajar de forma asincrónica

Editor: Crea un editor de texto WYSIWYG

Accordion: Crea menúes de estilo acordeón.

Menu: Crea menúes AJAX (Muestran un ejemplo de un menú que simula ser un programa de escritorio)

Scheduler: Que es la estrella, permite crear una vistosa agenda editable.

Todas estas librerías son GPL2 y se pueden descargar directamente, aunque también tienen versiones comerciales y profesionales que tienen un costo.

Categoría: Diseño Web | No hay Comentarios »

Scripts para lifestream en PHP

Escrito por ffuentes el Miércoles, 22 de Julio del 2009 a las 21:20

lifestream.gif

Existen algunas webs para mostrar todo lo que hacemos online en las redes sociales y escribimos en nuestros blogs, el más conocido servicio es FriendFeed.

Pero muchos cuentan con dominios personales y los quieren aprovechar, una manera de aprovecharlos y crear una web dinámica a la vez es crear un lifestream en el Home.

Si lo que deseamos es la segunda opción podemos hacer uso de algún script, buscando en la red hay algunos pero les cuento del que utilicé y adapté.

Utilicé un script que requiere de PHP y Simplepie. Todo el proceso para llegar al resultado final está detallado script lifestream. Simplepie no es nada demasiado complejo, es una librería necesaria para procesar todos los RSS y es un archivo que se sube al hosting como cualquier otro. El archivo php está listo para ser personalizado con CSS y el HTML por supuesto y llegué a este resultado, muy simple que les puede servir para guiarse.

Pero encontré otro, también basado en Simplepie pero para un CMS llamado Etomite, script que, según el programador que lo creó sería fácilmente pasable a php habitual. Y existe lvtrii que probé y no funcionó, pero en teoría es el más simple de configurar, puesto que cuenta con una interfaz para trabajar.

He allí 3 soluciones posibles y, al menos una que funciona.

 

Categoría: Diseño Web | 1 Comentario »

Check My Colours - ¿Tu web valida WCAG?

Escrito por ffuentes el Viernes, 12 de Junio del 2009 a las 9:38

logo.jpg

Esto es para los diseñadores web, pero a cualquier dueño de blog le debería servir por lo menos para examinar el propio diseño de su blog.

Las plantillas de los sitios y en general los diseños de blogs y otra clase de sitios tienen que tener un contraste decente para ser agradables a la vista y usables ¿No les ha pasado eso de mirar vuestro propio blog y encontraros con que algo no se ve o no se ve bien?

Esto es especialmente importante para personas con discapacidad visual, es algo de lo que recién se está tomando conciencia pero sumamente importante, al menos para echar una mirada y hacer caso, hacer que tu web sea fácil de leer.

Check My Colours es una web que permite validar el diseño de una web, así como se valida si una web respeta el estándar del XHTML  o de CSS, también existe un estándar sobre accesibilidad, el WCAG1.0 y WCAG 2.0 (Web Content Accesibility Guidelines) que viene de la iniciativa WAI (Guay!) Web Accesibility Initiative de la misma W3C.

Pones la URL de tu blog y puedes revisar si valida o no, como muchos no se fijan en esto aún (de hecho no conozco nadie que hable del tema hasta ahora) lo más probable es que no lo haga.

Probé con varios blogs en los que escribo y ninguno valida ni cerca. A ver si alguno de ustedes tiene alguno que si lo haga ¡Comenten qué resultados obtuvieron!

Categoría: Diseño Web | 2 Comentarios »

Cómo crear un foro sin hosting y gratis.

Escrito por ffuentes el Sábado, 18 de Abril del 2009 a las 6:27

Me comentaba un amigo que gustaba de las aplicaciones web simples, esas que no tienen por donde estar sobre cargadas, que tienen pocas opciones pero lo que hacen lo hacen bien. Me pedía un servicio simple para foros y no tuve nada que recomendarle, sólamente los servicios clásicos y comunes de toda la vida, pero no eran lo que él me pedía (es más, seguro los conocía) así que no me quedó otra que recomendarle una lista de correo de las de Google, que son bastante desconocidas pero muy buenas.

Tengo experiencia con bbPress y me parece un gran sistema para crear foros, se puede integrar si se quiere con el blog o manejarlos por separado, es un sistema sencillo que se arma desde cero, todo está modularizado en plugins y cualquiera que haya tenido un blog WordPress puede manejarlo.

Los otros sistemas de publicación tienden a ser más pesados aún y no hay grandes soluciones, aunque Vanilla podría servir, pero si no tienes dinero para un hosting eso de nada serviría y suele pasar.

Actualmente no existe un gran servicio para crear foros, Talkpress es un servicio que va a lanzar Automattic (la dueña de WordPress y BBPress) pero que todavía están probando con clientes puntuales. Pero si desean hacer un foro por ustedes mismos y gratis, les recomiendo hacer esto:

DreamhostApps: Quizás supieron de una tremenda aplicación que sacó el famoso hosting Dreamhost, uno de los más famosos del mundo, con el que ofrece hosting a cualquier persona en el mundo y utilizar una serie de aplicaciones para instalar blogs o wikis o galerías de fotos y… foros con PHPBB. En DHApps no hay problemas con el espacio, lo único que puede pasar es que este hosting se caiga temporalmente.

MelodySoft: Algo viejísimo pero que todavía existe y se puede contar con él, es cosa de rellenar un formulario con tus datos (de los viejos formularios que pedían varios datos a veces innecesarios). Un ejemplo de foro.

Creatuforo: Siempre pensando en el foro clásico, común y corriente, alberga foros bastante grandes con una interfaz conocida.

Grupos de Google: Se supone que son listas de correo, pero sirven para el caso y son muy útiles y simples, vale la pena probarlas, y si no te gusta recibir correos cada día siempre puedes configurar la cuenta para que no te lleguen los correos y revisarlo sólo via web. La mejor alternativa y la más pulcra en mi humilde opinión.

Esperemos a ver el futuro TalkPress, cuando sea liberado a todo público, probablemente con una fórmula parecida a la de wordpress.com con sus pros y contras

Categoría: Diseño Web | 2 Comentarios »

¿Aplicarías OpenID a tu blog?

Escrito por ffuentes el Jueves, 12 de Marzo del 2009 a las 8:50

screenshot-1.png

Me da curiosidad OpenID que, de primeras sólo apoyaban algunas iniciativas bien puntuales y sitios grandes.

Hoy la mayoría de las aplicaciones que exigen registro, incluyendo muchas de las que mostramos aquí en Informática Práctica. La idea es que la gente no pierda tiempo y no dude en utilizar tu aplicación por perder cinco minutos haciendo un monótono registro.

Ahora que existe las aplicaciones andan bastante bien y no se ven sólo en sitios grandes por lo que ya nos podríamos imaginar una web dominada por OpenID.

Wordpress cuenta al menos con un plugin para OpenID del mismo nombre que permite tanto el registro para editores del blog como para comentaristas.

Quizás el inconveniente más grande no viene por la instalación sino por pequeños problemas que da OpenID al, por ejemplo, comentarista. Uno de los más comunes es el problema con SSL que hace que algunos proveedores como MyOpenID directamente no funcionen.

Sería interesante conocer la opinión de nuestros lectores, quizás crearse una cuenta de OpenID ya es algo que les produce rechazo o simplemente les da igual.

Por el lado de los blogueros, utilizar OpenID, sobre todo en blogs que reciben muchos comentarios les puede echar una mano para evitar la presencia de gente indeseada pero sobre todo ser un atajo para el astroturfing.

¿Qué opinan?

Categoría: Diseño Web | 2 Comentarios »

whobuilt.it - ¿Creaste un sitio web y nadie te da el crédito?

Escrito por ffuentes el Martes, 3 de Marzo del 2009 a las 7:39

El proyecto que hoy les muestro es un sitio que puede ser muy grande e interesante, pero sólo si se hace popular.

Los diseñadores de sitios web trabajan en decenas de proyectos y algunas de sus creaciones son magistrales, pero son para terceros y a veces, estos terceros no les mencionan. Es más, a veces nadie sabe quién creó ese sitio.

Pues bien, han creado un sitio que permite reivindicar su trabajo, ideal para quienes están diseñando un sitio nuevo o bien tienen a cargo el mantenimiento del sitio. Se llama whobuilt.it

El procedimiento para reclamar un sitio es sencillo:

  • Creamos una cuenta
  • Escribimos el nombre del sitio en el que trabajamos
  • Clicqueamos en “I worked in this site”
  • Luego creamos una página en nuestro sitio según las instrucciones de whobuilt.it
  • Agregamos nuestra labor en el sitio.
  • Le pedimos a Whobuilt.it que detecte el archivo.
  • Borramos el archivo (o no, ya que probablemente esté vacío)
  • Y ya está.

Es simple y permite rellenar todo un currículum de sitios web y comprobar que efectivamente son de tu factura. Además te permite votar otros sitios web creados por otros.

Luego todos esos sitios se pueden buscar con el buscador e inmediatamente aparece el nombre de él o los creadores.

El sitio fue encontrado gracias a FeedMyApp

Categoría: Diseño Web | No hay Comentarios »

Más de 200 texturas sobre papeles gratuitas

Escrito por J.F. el Viernes, 27 de Febrero del 2009 a las 12:43

Amantes del diseño gráfico, si estais buscando texturas sobre papel, folios, etc… para un diseño o una página web, hoy estais de enhorabuena, ya que en Naldz Graphics nos traen un listado con más de 200 texturas gratuitas, de increíble calidad libres para utilizar en tus diseños. Yo ya las estoy descargando, tengo un diseño en mente y estoy tratando de aprender photoshop. Me han llamado la atención éstas texturas:

Texturas1
Texturas2

Enlace: | Más de 200 texturas gratuitas sobre papeles

Categoría: Recursos, Diseño gráfico, Diseño Web | 1 Comentario »

« Entradas previas