Mostrando entradas con la etiqueta DISEÑO WEB. Mostrar todas las entradas
Mostrando entradas con la etiqueta DISEÑO WEB. Mostrar todas las entradas
Herramienta para saber código de color
Chat directo en tu blog o página web
Una interesante herramienta para poner un chat directo de consulta online en tu página web, algo muy útil para dar un servicio de soporte o contacto online directo.
READMORE
Diseño Web
Hoy os traemos un video que hemos encontrado por internet, una explicación muy completa sobre diseño web. Desde cero, los pasos y protocolos a seguir, diseño web con HTML5 y CSS3 adaptativa...Video muy completo y muy bien explicado.
Mapas de España en Vector
Hoy hemos encontrado en internet un recursos, que para profesores o diseñadores para algún trabajo concreto nos puede servir de ayuda. Mapas de España con sus rios, comunidades, provincias... En vectores. Recursos para diseñadores.
Editor de imágenes online "Splashup"
Otro editor de imágenes online, no necesitas instalar nada, entras en esta web y puedes editar una imagen de manera rápida y fácil.
Plantillas web - Recursos internet -
Navegando por la red, hemos encontrado una selección de recursos a modo de plantillas web bastante interesante para descargar de forma gratuita, ya sea para modificar o simplemente para inspirarnos en algún diseño, hay bastantes, esperamos os guste y sobre todo os sirva. Buen día!
READMORE
Inspiración Web
Navegando por la red hemos encontrado esta gran selección de diseño web creativo, inspiracion para diseñadores web multimedia.
READMORE
Es una selección de los mejores diseños web que encontramos durante nuestros recorridos permanentes en Internet. Estos sitios web sobresalen por su diseño, funcionalidad o creatividad, utilizando Flash, HTML, CSS y/o JavaScript a la perfección.
Esta semana tenemos unas excelentes paginas web como: Reck Design, Mathieu Clauss, Rexona For Men-Mexico, Slavery Footprint y mi favorito esta semana es: Disney Cruise Adventure Inspírate!
Reck Design
Mathieu Clauss
Rexona For Men-Mexico
Slavery Footprint
Disney Cruise Adventure
Manual de Photoshop CS5 en español
Los manuales de los diferentes programas de diseño son indispensables para aprender a sacarles el mayor partido y saber utilizar todas sus opciones. En esta ocasión os traigo el manual de Adobe Photoshop CS5, la última versión de Adobe Photoshop que salió al mercado hace apenas unos meses.
El contenido de este manual lo podéis ver en la siguiente imágen en grandes rasgos, los subapartados no están abiertos, pero son 664 páginas en un archivo pdf que ocupa 38 megas
y contiene con toda la información, consejos y trucos necesarios para
utilizar Photoshop CS5 y sacarle el máximo “jugo” posible.
Hasta
ahora no os había traido este manual porque Adobe lo lanzó primero en
inglés y la versión en español ha tardado un mes más en poder
descargarse, pero ya está aquí y os la traigo para que podáis descargarla directamente desde Creativos Online sin tener que pasar por la página de Adobe.
Descarga | Manual Adobe Photoshop Cs5 en español
Descarga alternativa | Manual Adobe Photoshop CS5 en español
Generador de menus CSS
En esta página podremos crear, para nuestra web, menus interesantes con CSS
READMORE
Recursos web - Imagenes web y móvil
Hoy pongo en recursos internet una serie de recursos de imagenes, iconos... Muy interesante para aplicaciones móviles y web, botones, menús, imágenes...
READMORE
iCONOS
Nunca has necesitado unos iconos para un diseño, una web... y no tenías tiempo para hacerlos desde cero?... Aquí tenéis una buena página de iconos. CC, libres de derecho.
READMORE
Recursos Community Manager (trucos facebook)
7 trucos esenciales para Community Managers en Facebook
1. El Jueves es el mejor día de la semana para conseguir que nuestro post adquiera mayor visibilidad en Facebook.
2. Los posts que más interés tengas en promocionar, sácalos a primera hora del día. Si posteas entre las 11 a.m y las 4 p.m, corres el riesgo de que tu contenido decaiga en la sección de “Titulares” o de “Últimas noticias” de tus fans en beneficio de las actualizaciones de sus amigos o de otro tipo de tráfico.
3. Cuando compartas links, incluye el “link completo” en Facebook. Es decir, nunca adjuntes un link acortado, Facebook lo penaliza. Por ello, se estima que es un 300% más probable que la gente haga click en él que en un enlace acortado.
4. Nunca olvides introducir los botones “Me gusta” y “Enviar” en tu sitio web.
5. ¿Sabes cuál es el secreto que hay detrás de la sección “titulares” de la página de inicio de tus fans? ¿Por qué salen unos posts en demérito de otros? La respuesta está basada en un algoritmo llamado Edge Rank. Usa palabras como “hoy” o “por un tiempo limitado” para favorecer el Edge Rank de tus publicaciones.
6. ¿Quieres saber cuáles son las palabras que más propician que un contenido se comparta en Facebook? Utiliza expresiones como lo “lo mejor” o “lo más” y aquellas que sirven para explicar algo. El por qué y el cómo siempre triunfan.
7. Facebook puede ser una estupenda plataforma para conseguir que un vídeo se haga viral, probablemente porque te permite introducir contenido multimedia embebido dentro de un post. No desaproveches esta potencialidad.
Creación de HTML y CSS a partir de un PSD
Herramienta muy util para maquetar una web con html y CSS desde un simple PSD...
READMORE
Crear un fondo web con un video Youtube
Os dejo un enlace interesante para hacer una web con un fondo video cargado desde el mismo Youtube.
Plugin muy interesante de jQuery que encontré navegando por la Web: Tubular Plugin. Éste coloca un video de YouTube cualquiera que elijas como fondo de tu página Web.
Tubular Plugin a su vez nos da la opción de colocar controles para el video, para poder detenerlo, pausarlo o silenciar el audio.
Primero descargamos el plugin Tubular. Dentro de nuestras etiquetas , colocamos o llamamos los archivos que están dentro de la carpeta js del archivo .RAR que bajamos. Entonces llamamos los archivos así:
READMORE
Plugin muy interesante de jQuery que encontré navegando por la Web: Tubular Plugin. Éste coloca un video de YouTube cualquiera que elijas como fondo de tu página Web.
Tubular Plugin a su vez nos da la opción de colocar controles para el video, para poder detenerlo, pausarlo o silenciar el audio.
Primero descargamos el plugin Tubular. Dentro de nuestras etiquetas , colocamos o llamamos los archivos que están dentro de la carpeta js del archivo .RAR que bajamos. Entonces llamamos los archivos así:
TUTORIAL - Tienda online en tu página acebook
Hoy en Recursos internet queremos compartir con vosotros un video tutorial sobre como crear una tienda online en tu página profesional de facebook.
Si tienes una página profesional de facebook, quizás te interese montar una tienda online desde facebook para promocionar tus productos, ya sea como un catálogo o una tienda virtual. En este tutorial podrás ver como se realiza paso a paso la creación de una tienda virtual dentro de tu página de facebook.
Escribir código de muestra en nuestro blog o web
Nunca habéis intentado escribir un código html en alguna web o blog para mostrar algún ejemplo o tutorial y vemos que desaparece haciendo la función correspondiente, pues esta herramienta sirve para poder escribirlo sin que se ejecute, muy interesante, solo tienes que pegar el código y te lo transforma, copias y pegas, y listo.
Los 10 trucos más buscados para Blogger
Esta pretende ser una lista con los 10 trucos más buscados en Blogger, algunos muy sencillos, otros no tanto, pero todos buscando mejorar algún aspecto de la plataforma para blogs de Google.
1. Eliminar la navbar o barra Blogger.
Aunque esta barra puede tener algunos atajos para manejar nuestro
blog, su valor es poco o nulo para el lector, ocupa espacio extra y es
poco estética. Eliminarla es sumamente sencillo, solo hay dirigirse a
Diseño/Edición HTML y buscar el siguiente código:
]]>
Y justo antes pegar lo siguiente:
#navbar-iframe { height:0px; display:none; visibility:hidden; }
2. Mostrar los últimos comentarios y los últimos artículos en la sidebar.
Este “truco” se basa en usar la dirección sindicación de comentarios y
los artículos que todos los blogs de Blogger tienen. Estas direcciones
son:
Para comentarios: http://tublog.blogspot.com/feeds/comments/default
Para artículos: http://tublog.blogspot.com/feeds/posts/default
Donde tublog.blogspot.com es la dirección de tu blog.
Ahora solo hay que ir a Diseño/Elementos de página y dar clic en
Añadir un gadget, en la ventana que se abre se selecciona un gadget de
Feed y se escribe la dirección de comentarios para mostrar los últimos
comentarios, se repite el proceso para crear un nuevo gadget de feed
pero esta vez usando la dirección de los artículos.
3. Agregar una barra lateral o sidebar adicional a la plantilla.
Parece que cada vez es más insuficiente una sola barra lateral, la
complejidad de agregar una extra a un diseño ya hecho variará de acuerdo
al tipo de diseño y de los conocimientos que se tengan de HTML y CSS.
El proceso se detalla en nuestro artículo: Como agregar una sidebar en una plantilla Blogger donde hay referencias también a otros tutoriales similares.
4. “Leer más” o “Continuar leyendo” en los artículos de Blogger.
Para hacer la navegación más ligera a nuestros lectores muchas veces
conviene mostrar solo un resumen de los artículos. Como Blogger no tiene
esta característica por defecto, habrá que usar CSS o Javascript para
conseguir este propósito.
Blogmundi explica como hacerlo y en Girlyblogger muestra una forma “elegante” para llegar a lo mismo.
5. Mostrar los artículos más populares o más comentados.
Cuando un artículo tiene muchos comentarios, esto habla de su posible
valor para los visitantes. Esta tampoco es una característica de
Blogger por lo que hay que recurrir a un nuevo script. En BloggerBuster
se muestra como crear un gadget para mostrar las entradas más populares y Rosa en su escaparate hace una buena adecuación de este truco al español.
6. Paginación o páginas numeradas en Blogger.
Blogger solo muestra un enlace a la página siguiente y anterior, con la página es posible mostrar un cantidad más grande de páginas para navegar indicadas con números. Nuevamente el funcionamiento se basa en un script que es necesario instalar en el blog para que funcione. Armanda de Blogger Buster fue una de las primeras en mostrarlo y en Vagabundia encontraran una explicación en castellano.
7. Agregar un favicon en Blogger.
Para agregar ese pequeño icono visible en favoritos, pestañas y barra de direcciones, solo hay que crear un icono y vincularlo desde la plantilla. Para esto desde Diseño/Edición HTML se busca el siguiente código:
<data:blog.pageTitle/>
Y justo antes se coloca lo siguiente:
Donde http://sitio.com/favicon.ico es la URL de tu favicon.
Para obtener la URL de tu favicon puedes alojarlo en un servicio gratuito como fileden.
8. Utilizar un dominio propio en Blogger.
Tener un dominio propio
es de las primeras cosas que se deben contemplar cuando deseamos tomar
nuestro blog más en serio. Las ventajas son muchas y el precio bastante
modico. Blogger permite el uso de dominios propios en su plataforma y
proceso puede verse en nuestro artículo: Como usar un dominio propio en Blogger o en otros sitio como Spamloco.
9. Formulario de comentarios en la misma entrada.
En este en realidad a dejado de ser un truco, pues ya forma porte de las características comunes de Blogger, aun así hay que activarlo
desde Configuración/Comentarios , ahí en la opción de “Ubicación del
formulario de comentarios” se selecciona “Entrada incrustada a
continuación”.
En algunos casos podría ser necesario implementar esta característica de forma manual.
10. Poner publicidad de Adsense en Blogger.
Existen varias opciones para poner Google Adsense, así que puedes escoger entre estos 10 Lugares para poner Adsense en Blogger.
Como siempre, la recomendación es usar únicamente los trucos que son
imprescindibles para nuestro blog para evitar sobrecargar de contenido
el sitio y/o hacerlo muy pesado.
Fuente del árticulo: http://blogandweb.com/blogger/los-10-trucos-mas-buscados-para-blogger/
Subir Imágenes gratis y usar las URL
Interesante herramienta para las personas que no cuenten con un servidor propio y quieran subir imagenes para vincularlas a su web, blog, Facebook, Twitter... Quieres subir una imagen para poder usar la URL para ponerla en tu blog, Facebook, Twitter???... Aquí podrás subir tus imégenes y usarlas para usar los enlaces...
25 Plantillas Web en Photoshop
Plantillas en PSD de diseños web, por capas y de buena calidad.
Suscribirse a:
Entradas (Atom)
Entradas
