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

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 »

pHome.us - Crea una página principal para ti (y tus proyectos)

Escrito por ffuentes el Lunes, 23 de Febrero del 2009 a las 1:48

scrot3.png

Muchos blogstars y gente que tiene proyectos o está muy conectada suele querer tener una “Página Principal” para decir en pocas palabras quienes son, dónde pueden encontrarse y qué hacen.

Pero puede que tu también quieras contar con una “homepage” ¿por qué sólo ellos pueden?. Pues bien, tienes dos formas: Comprarte un dominio nuevo, un hosting y crear un HTML con CSS. La otra es utilizar los servicios de pHome.us.

Es raro, porque pHome.us es un servicio que por ti mismo podrías hacer y quedaría bien, pero la gracia es que con este servicio ya no necesitas el hosting ni el dominio y personalizar la web es sencillo.

Entras a la web de pHome.us que tiene un registro sencillo, añades los links, los acomodas y ya está. Los links se suelen acomodar por grupos que se arman de acuerdo a tus propios gustos.

El resultado terminado es muy cómodo y agradable. Existen varios “themes” para tu página y puedes crear uno propio.

Pero si eso no te basta, pHome.us además de permitirte agregar links te facilita poner un área donde levantar pequeños gadgets llamados “presets”, estos pueden ser un buscador de Google, de la Wikipedia, etc. Puedes crear los tuyos pero no es fácil siempre dados los requerimientos de espacio (el espacio para el “preset” es pequeño)

Dominio

Si te preguntabas si es posible enlazar pHome.us a un dominio te cuento que… no ofrecen ese servicio, pero dado que es una página de inicio, podrías poner una redirección común y corriente por URL y no se notaría la diferencia grandemente.

Si quieres ver el mio es: http://phome.us/ffuentes

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

PrintableChecklist - Crear listas de tareas pendientes para imprimir (y cómo montarse el propio en tu servidor)

Escrito por ffuentes el Sábado, 7 de Febrero del 2009 a las 9:24

pcjkl.jpg

Por el nombre es de perogrullo lo que vamos a hablar. Es una web rematadamente simple y fácil entender. Casi que no necesita explicación, vamos, pero lo interesante y hermoso es su sencillez extrema.

La idea de esta web, llamada “Printable Checklist” al menos aparentemente es que podamos hacer listas de pendientes para imprimirlas en el PC y llevárnosla al trabajo o al supermercado. Imagínate una lista de supermercado ya impresa con todos los elementos que hay que comprar, agregarle cosas con lápiz BIC en una lista así se vería muy distinto y hasta es un buen ejercicio mental para evitar el consumismo.

Prácticamente todos los campos son editables, es cosa de hacer clic y reemplazar cada espacio con el texto que nos venga en gana.

¿Y si nos montamos uno en nuestro servidor local / hosting?

Pero lo que me llama más la atención es que si miras bien los elementos, estamos hablando de un simple html bien hecho pero sencillo para hacer lo que tiene que hacer y nada más. Fíjate en el código fuente, no hay nada complejo, de hecho, tomando los elementos listados en el código fuente podemos crearnos nuestra propia web “Printable Checklist”

Yo lo hice, montándome una web igual en el servidor local de mi PC, ese que uno siempre utiliza para jugar o para probar la enésima versión de WordPress. En ese y tomando cada parte de la web me he logrado montar la misma web, claro, sin permiso de nadie (espero que el creador de la web no se vaya a enojar) pero sirve para aprender un poco a curiosear sobre todo si eres como yo, un no profesional del diseño web o de la programación.

Alguien con más conocimientos de diseño podría hacer cambios con esta web y hacer algo más, quizás que se vea de otra forma o hacer que el cuadro se pueda clickear (no se puede ya que se supone que está hecho para rayarlo en el papel). Les invito a curiosear y si hacen algo con esto, me cuentan.

Lo vi en Feed My App. La imagen de arriba es de la web que me monté en mi servidor, vamos, que queda igual.

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

« Entradas previas