Entradas etiquetadas ‘diseño web’
Icopedia: Iconos gratuitos de alta calidad
Icopedia se encarga de recopilar colecciones de íconos de distintos autores. El sitio ofrece cientos de iconos gratuitos y de alta calidad, para utilizar en cualquier proyecto que necesite de estas pequeñas imágenes.
Las colecciones están clasificadas en los siguientes temas:
* Development
* E-Commerce
* Flags
* RSS Feed
* Social Bookmark
* Toolbar
* Twitter
» Fuente: Geeksroom (Adaptación)
» Otra web con iconos gratuitos
eXeLearning: Creación de contenidos educativos
eXeLearning es una herramienta de código abierto que nos permite la creación de contenidos educativos de forma sencilla sin necesidad de conocimientos técnicos en lenguajes de programación.
En los materiales elaborados podemos incluir fácilmente contenido multimedia (imágenes, audio, video, animaciones, flash…) así como actividades interactivas.
eXeLearning nos permite, una vez creado nuestro contenido didáctico, exportarlo como página Web o como paquetes de contenido SCORM o IMS, listos para utilizar en distintas plataformas de enseñanza online como Moodle.
Se trata de una aplicación multiplataforma, es decir, está disponible para distintos sistemas operativos como Windows, Linux y Mac.
» Fuente: Didáctica Tic
» Minitutorial de ExeLearning
Font Picker: Compara fuentes tipográficas en línea
Font Picker es una sencilla herramienta basada en Flash que nos permite previsualizar y comparar todas las fuentes tipográficas instaladas en el sistema. Se puede usar tanto en línea como en el escritorio, si se dispone de Adobe Air.
Si bien puede parecer superflua para los usos corrientes de un procesador de textos, para diseñadores gráficos o web, en cambio, puede ser de ayuda en la confección de logotipos, botones e imágenes que incluyan palabras, y hasta para elegir el tipo de letra de los componentes de una página, como encabezados, enlaces y demás.
» Fuente: Web a 2.0
DoTemplate: Crea plantillas profesionales para tu blog
DoTemplate es un generador de plantillas HTML en línea. Se le llama así al juego de archivos de texto entre documentos HTML, scripts del lado del servidor (como PHP), hojas de estilo e imágenes, entre otros, que conforman el aspecto externo o interfaz de un sitio. En inglés, se suelen usar los términos themes, templates o skins, dependiendo del gestor de contenidos o plataforma de blogging que se esté usando: WordPress, Blogger u otros.
No es necesario registrarse para crear un diseño; simplemente se elige una plantilla-base gratuita con la que empezar a dar forma a un sitio hipotético y se abre un editor en línea que permite personalizar los colores de fondo, la tipografía o las imágenes del encabezado, así como la disposición de los elementos en las diferentes áreas de la página.
Esta pequeña herramienta se llama Template Tuner y se divide en varias pestañas expandibles. Dos de ellas son: Fondo (Background), para especificar los colores de fondo con una paleta más eficiente que la del propio Windows; y Contenedor (Container), que permite controlar los bordes del área del contenido. Los demás permiten cambiar la tipografía del título o el slogan de la web; la barra de navegación principal; el tipo de letra para las entradas propiamente dichas o, incluso, añadir una imagen adicional, a ser mostrada junto al logotipo.
DoTemplate es una nueva herramienta que puede ser útil para lograr, sin mucho trabajo ni conocimientos (apenas algo de maña e insistencia) un look & feel adecuado y de aspecto profesional, aunque lamentablemente, debido la misma naturaleza del diseño web, para los avezados en la materia será fácil distinguir que se trata de una plantilla prefabricada. Lo que, por otro lado, no es ningún inconveniente en la Web 2.0. Está en inglés.
DoTemplate es un generador de plantillas HTML en línea. Se le llama así al juego de archivos de texto entre documentos HTML, scripts del lado del servidor (como PHP), hojas de estilo e imágenes, entre otros, que conforman el aspecto externo o interfaz de un sitio. En inglés, se suelen usar los términos themes, templates o skins, dependiendo del gestor de contenidos o plataforma de blogging que se esté usando: WordPress, Blogger u otros.
No es necesario registrarse para crear un diseño; simplemente se elige una plantilla-base gratuita con la que empezar a dar forma a un sitio hipotético y se abre un editor en línea que permite personalizar los colores de fondo, la tipografía o las imágenes del encabezado, así como la disposición de los elementos en las diferentes áreas de la página.
Esta pequeña herramienta se llama Template Tuner y se divide en varias pestañas expandibles. Dos de ellas son: Fondo (Background), para especificar los colores de fondo con una paleta más eficiente que la del propio Windows; y Contenedor (Container), que permite controlar los bordes del área del contenido. Los demás permiten cambiar la tipografía del título o el slogan de la web; la barra de navegación principal; el tipo de letra para las entradas propiamente dichas o, incluso, añadir una imagen adicional, a ser mostrada junto al logotipo.
DoTemplate es una nueva herramienta que puede ser útil para lograr, sin mucho trabajo ni conocimientos (apenas algo de maña e insistencia) un look & feel adecuado y de aspecto profesional, aunque lamentablemente, debido la misma naturaleza del diseño web, para los avezados en la materia será fácil distinguir que se trata de una plantilla prefabricada. Lo que, por otro lado, no es ningún inconveniente en la Web 2.0. Está en inglés.
» Fuente: Weba2.o
Embedit.in: Insertar documentos en una página web obteniendo el código
Obtener código de cualquier fichero para tu blog. Eso es lo que proporciona embedit.in. Una página en la que añades una dirección url o un fichero en formato doc, pdf, ppt… y los transforma en una presentación con el código correspondiente para que se pueda ver en el blog.
Podemos subir varios tipos de documentos e imágenes desde una URL o desde nuestro ordenador. Embedit.in se ocupará de proporcionarnos el código necesario para incrustar el SWF resultante en cualquier página web.
Los formatos de archivo soportados son:
» Documentos: doc, docx, xls, xlsx, ppt, pptx, pdf, wpd, odt, ods, odp
» Imágenes: png, jpg, gif, tiff, psd, bmp, eps, ai
» Texto: txt, rtf, csv
Después de subir el archivo debes introducir el nombre de usuario y la contraseña de tu cuenta en AOL, Google, Yahoo! o OpenID. A partir de ahí ya dispondrás del código que necesitas para incrustar en una página web el archivo Flash que contiene dicho archivo.
» Fuente: Batiburrillo y Aula Tecnológica
Drawter: Estructuras de páginas web
Es sorprendente la facilidad con la que se puede crear el esqueleto de una nueva web usando Drawter.
Con el modo de dibujo podéis ir creando las cajas de contenido, que serán los DIVs de vuestra web. Podéis definir colores, tamaños, textos… todo lo que consideréis necesario antes de generar el código html y su hoja de estilos correspondiente.
Una herramienta que todo diseñador web debería probar en sus inicios.
» Fuente: del.icio.us y Wwwhat’s New


