Mostrando entradas con la etiqueta web. Mostrar todas las entradas
Mostrando entradas con la etiqueta web. Mostrar todas las entradas

31 diciembre 2014

Tu dominio .COM gratis.

Como obtener dominio .com gratis.

Sigue el enlace y disfruta nuestro tutorial para obtener tu dominio .COM , .NET , .ORG , etc y sin gastar dinero de tu bolsillo.

19 octubre 2013

LESS dispone de página en español.

Saca partido al popular preprocesador CSS ahora en español. 

Tal y como indica el título de este post, la página de LESS tiene una versión en español gracias al trabajo de traducción de Adrián Matellanes. Como todos sabemos LESS es un preprocesador dinámico de hojas de estilo que multiplica las posibilidades de un desarrollador a la hora de personalizar su proyecto web mediante el uso de variables, mixins, operadores y funciones.
Creado inicialmente por Alexis Sellier, LESS es actualmente mantenido y desarrollado por su propio equipo de trabajo logrando con cada nueva versión (actualmente 1.4) una mejora de este preprocesador CSS. Pese a la indudables ventajas de su uso a la hora de ahorrarnos muchas tareas repetitivas codeando CSS o de crear una estructura más limpia y fácil de mantener, su aprendizaje puede resultar algo complicado para los usuarios menos experimentados, es por ello que gracias al trabajo de la comunidad se ha pretendido facilitar su aprendizaje con la traducción a diferentes idiomas (además del inglés) como alemán, ruso, polaco, indonesio, portugués y también el español.
Usuarios hispanoparlantes interesados en mejorar la curva de aprendizaje a la hora de dominar LESS pueden acceder a la página oficial en español desde lesscss.org.

05 septiembre 2013

Snipplr ¿buscas Snippets para tu web?

Completo repositorio de códigos para ahorrar tiempo y esfuerzo. 

Snipplr es un plataforma que reune un importante número de snippets con los que facilitar la vida de un desarrollador a la hora de llevar a cabo su trabajo.
Entre los recursos que vamos a poder encontrar destacan snippets de CSS, JavaScript, HTML, PHP, Ruby, Objective-C....
Todos los fragmentos de código incluidos en este site están a disposición de cualquier interesado para poder usarlo o implementarlo en su propio desarrollo.
Además si nos registramos y sacamos nuestra propia cuenta en Snipplr también vamos a poder añadir nuestros propios snippets y etiquetarlos para que otros puedan encontrarlos y usarlos, haciendo más grande esta comunidad.


06 febrero 2013

Harlem Shake llega a la web.

Bookmarklet permite añadir a tu navegación web el nuevo fenómeno viral que arrasa en Internet.

Seguro que has oido/visto en los últimos días la fuerza que un fenómeno como Harlem Shake está teniendo en todo el mundo (en apenas una semana se han subido a Youtube más de 12.000 versiones que acumulan más de 44 millones de visitas).
Como respuesta a este movimiento viral, los responsables del equipo de desarrollo de Moovweb, han sabido llamar la atención con el lanzamiento de Harlem Shake Bookmarklet, un marcador que ejecuta esta coreografía anárquica en la página web que estés visitando con tu navegador Google Chrome.
El código de este marcador es abierto así que si tienes nociones avanzadas de javascript puedes meterle mano y crear tu propio Bookmarklet con el que sacarle partido a este "boom" que ha supuesto Harlem Shake.

21 enero 2013

Anatomía de una Homepage Efectiva.

Guia para sacar el máximo rendimiento a la página de inicio de nuestra web.

La homepage es la página principal de un sitio web, es en definitiva la primera URL a la que acceden nuestros usuarios a través de su navegador web y que por tanto se convierte en el escaparate con el convencer a cualquier interesado de que somos lo que está buscando.
En atención a su relevancia los chicos de KISSmetrics han llevado a cabo una imagen infográfica bajo el título "The Anatomy of an Effective HomePage" donde poner el acento en el cuidado que debemos tener al llevar a cabo el diseño y estructura de la página de inicio de nuestra web.
No importa el tipo de website que queramos llevar a cabo ya que una homepage bien diseñada debe contener elementos como logo, buscador, menú de navegación o contenido con los que lograr aquellos objetivos que tenemos interés nuestros usuarios lleven a cabo de forma que un simple vistazo el usuario deba percibir toda esta información.
Esta interesante infografía con la que sacar el mejor rendimiento de site está a tu disposición de forma integra desde blog.kissmetrics.com 



08 enero 2013

factores más importantes para conseguir los primeros lugares en Google. (1º parte)

1. Popularidad de enlaces del sitio web
El número de enlaces que apunten a tu sitio web desde otras páginas es de vital importancia para alcanzar buenas posiciones en los buscadores.
Los links provenientes de páginas web de temática similar con un alto page rank tienen mayor relevancia
El texto empleado en los enlaces para describir la web es un factor muy influyente por lo que debe contenter palabras clave, no utilice un simple pinche aquí para describir su link.
Conseguir nuevos links frecuentemente también puede ayudar a subir muchas posiciones en los listados de Google especialmente en las webs de reciente creación
Otros factores que aumentan el valor de los links son:
Fecha de creación. Los links más antiguos se consideran más importantes
Texto que rodea al link. Es recomendable que tenga que ver con el contenido de la web al que apunta el link
Enlaces provenientes de dominios con extensiones .edu o . gov

2. Texto de la páginaLas palabras clave del título deben aparecer también a lo largo del texto de la página de una manera natural, sin recurrir a la repetición excesiva y antinatural que podría ser penalizada por Google. También es recomendable escribir numerosos sinónimos y palabras relacionadas con las palabras clave.
El texto de los links incluidos en la página es especialmente importante y también deben contener palabras clave relevantes.
Algunos expertos consideran que influye la localización de las palabras clave en la página, siendo los lugares más importantes el principio del primer párrafo y el final del texto completo de la página.
Las webs diseñadas con flash o demasiadas imágenes y poco texto no suelen posicionar bien en los buscadores. Tampoco es recomendable un texto demasiado extenso, procure dividir la página en dos para reducirlo. La cantidad de texto ideal suele estar entre 75 y 150 palabras por página.

3. Titulo de la página
El titulo es la meta etiqueta más importante de todas, debe ser rica en palabras clave y lo suficientemente atractiva como para motivar al usuario a visitar su página.

4. Estructura interna de los enlaces del sitio webLas página del sitio con links directos desde la página principal y con mayor numero de enlaces del resto del sitio al que pertenecen suelen alcanzar mejores posiciones.
Es importante que el texto de estos links sea rico en palabras clave, procure por ejemplo, no incluir el enlace con el texto incio para su página principal, sustitúyalo por palabras más relevantes para el tema de su web.

5. Fecha de creación del sitio web
Los dominios y las página más antiguas suelen tener más importancia para Google que los más recientes.
También es un factor importante la antigüedad de los links que apunten a nuestro web.

26 septiembre 2012

COLOURlovers: color, diseño y web.

Plataforma online dedicada al diseño.

COLOURlovers ofrece a todo aquel interesado en el diseño web una gran cantidad de información y recursos relacionados con el color con los que facilitar de forma importante el proceso creativo.Si simplemente estamos buscando una paleta de colores para incluir en nuestro proyecto, deseamos compartir un patrón, o encontrar información sobre la última tendencia cromática COLOURlovers dispone de las herramientas y servicios para ayudar a cualquier diseñador interesado.
E
sta popular plataforma posee cierta dinámica de red social y cuenta con más de 2 millones de usuarios, 5.6 millones de colores, 2.2 millones de paletas y 2,6 millones de patrones.
Desde
la inspiración del diseño hasta la ejecución
todos los contenidos son ofrecidos por categorías a través de una interfaz bien organizada y de fácil manejo que permitirá sacarle partido tanto a usuarios con más experiencia como a aquellos que dan sus primeros pasos.

14 julio 2012

Dynamic Drive: recurso imprescindible para todo webmaster.

Colección de scripts Javascript gratuitos para mejorar la calidad del proyecto web.

Les presentamos una nueva e interesante plataforma llamada Dynamic Drive con la que ayudar a todo desarrollador y/o diseñador web, especialmente de aquellos con menos experiencia, que deseen mejorar su proyecto de una forma sencilla y profesional.
Dynamic Drive trae una interesante colección de scripts gratuitos que aprovechan de la tecnología DHTML para traer una mayor interactividad a un sitio web. Todos los scripts de esta plataforma han sido escritos en JavaScript y son accesibles sin necesidad de registro.
Es interesante señalar que DHTML es una tecnología web que permite una mejora del dinamismo de una página web utilizando una combinación HTML, JavaScript y CSS de forma especialmente interesante en elementos que antes se consideraban inmutables una vez cargada la página, como textos, estilos de página (color de fuente, tamaño...), o posición de los elementos.
Soportado por los principales navegadores web (Ojo!! ver siempre la ficha de cada script), Dynamic Drive no solo incluye sus propios scripts sino que un intento de renovación y actualización constante, invita a toda la comunidad de desarrolladores a que presente nuevos scripts con los que hacer crecer la cantidad y calidad de los ya ofrecidos en esta plataforma.
Clasificados por categorías para hacer más sencillo el acceso a todos estos recursos gratuitos, vamos a poder encontrar scripts relacionados con imagenes, formularios, efectos en documentos, calendarios, scroll, texto animado, mouse, links, tooltips...

18 enero 2012

iEspaña, alojamiento web gratis.

Crea tu web en iEspaña.
Te presentamos a IEspaña, uno de los sitios más populares entre los que ofrecen espacio gratis para tu web.
Con todas las facilidades y potencialidades que puedas pedir a un espacio gratuito, parece una oferta profesional. Posibilidad de usar PHP y base de datos MySQL, subdominio, estadísticas e incluso Real Audio y Real Vídeo.

07 noviembre 2011

Diseño web: relación entre el color y las compras online.

¿Como afecta un determinado color a la conducta de nuestros clientes y usuarios web?



En varias ocasiones hemos señalado la importancia que un diseñador web debe dar a la correcta selección del color en su site.
En esta ocasión, de la mano de KISSmetrics encontramos una interesante infografía donde conocer mejor la relación que existen entre el color de una web dedicada a la venta online y sus potenciales compradores.
How do colors affect purchases? está centrada en explicarnos el color, entre otros elementos de diseño web, como uno de los factores que más peso tienen a la hora de influir en las opciones de compra de nuestros usuarios.





04 noviembre 2011

Importancia y diseño de una página "Acerca de".

Claves de una de las páginas que con mayor frecuencia son ignoradas por diseñadores web.



Muchos diseñadores y desarrolladores ponen especial énfasis en la funcionalidad del site perdiendo de vista la relevancia de la página "Acerca de" (About us en inglés).
No obstante, la página "Acerca de" juega un papel destacado a la hora de poner cara a un negocio dando una oportunidad al visitante de conocer más sobre la compañía, su historia o las personas que se encuentran detrás. No en vano hay que señalar que los usuarios, potenciales clientes, interesados en comprar un producto o contratar un servicio acuden regularmente a esta página para disponer de nuevos datos con los que evaluar la credibilidad de la compañía.
Una página "Acerca de" es una nueva oportunidad para todo diseñador y/o desarrollador web de diferenciarse del resto de sites y salir del montón de la vulgaridad.
Entre las características y aspectos que pueden dotar de valor añadido al diseño de una página "Acerca de" encontramos, que esta debe ser única y sencilla pero atractiva, relevante de acuerdo al contenido del resto del site, que debe incluir fotos e imágenes que nos ayuden a crear puntos de atención dentro de la página, y por último que incluya un texto que debe centrarse en informar de una forma escueta, útil, directa y convincente acerca de quiénes somos y qué podemos hacer por nuestros usuarios tratando de poner especial énfasis en aquellas consideraciones y aspectos que nos diferencian del resto de sites.
En resumen una página "Acerca de" permite ponerle cara a aquellos que hacen posible una empresa o plataforma web, sirviendo de espacio especialmente idóneo para ganarse la confianza de todos los interesados en nuestros productos y servicios. Por todo lo anterior, tómate tu tiempo a la hora de preparar los textos que incluir en esta página y sigue los consejos que te hemos dado.



03 agosto 2011

Información para reducir el tiempo de carga.

Saca el máximo provecho a tu web.

Desde hace algún tiempo que el tiempo de carga de un site se ha convertido en un elemento determinante para la optimización de una web.
Una web o blog que cargue rápido va a obtener un mayor tráfico de usuarios tanto por la reducción del numero de los mismos que abandonan nuestro site antes de acceder a cualquier contenido, como por la mejora de su posicionamiento en la página de resultados de Google debido a la relevancia de este parámetro en el algoritmo del motor de búsqueda.
Para reducir el tiempo de carga sin dejar de respetar aspectos relativos a la navegabilidad y usabilidad de nuestra web, Acens nos sugiere una serie de recomendaciones que todo webmaster debería tener en cuenta:

•Utilizar un buen servicio de hospedaje.
•Saber cuando usar gif, jpg o png
•Utilizar etiquetas DIV antes que etiquetas TABLE.
•Revisar la programación de nuestra aplicación.
•Utilizar sistema de cacheo.
•Minimizar tamaño archivos js y css.
•Poner las llamadas a los script al final de código.

Aquellos que lo deseen encontrarán completo detalle acerca de estas medidas sugeridas por Acens desde Consejos para reducir el tiempo de carga de una web.
Junto a estas recomendaciones podemos encontrar una interesante infografía titulada Cómo afecta el tiempo de carga a su cuenta de resultados.

17 abril 2011

Stripe Generator, editor de fondos online.

Herramienta web 2.0 con la que crear patterns para diseños web.

Stripe Generator es un editor de fondos todavía en fase beta que nos permite crear patterns con rayas o bandas diagonales (stripes).
El uso de esta aplicación gratuita no presenta dificultades, a través de ella podremos escoger el tamaño y ancho de las bandas diagonales, los colores de fondo y de las rayas, la orientación, sombras...Disponemos de una vista previa de lo que vamos generando, además, pulsando sobre Open full screen preview se previsualizará el fondo sobre el que estamos trabajando a pantalla completa de forma que podamos apreciarlo mejor.
Una vez finalizado el trabajo podremos descargarlo y guardarlo o compartirlo con otros usuarios, para esto último debemos de estar registrados previamente.

20 marzo 2011

Como colocar archivos descargables en tu blog.

Archivos para descarga en tu sitio web.

¿Alguna vez te has preguntado como colocar archivos descargables en tu blog? Pues he aquí la respuesta. No hay una opción directa o por lo menos un enlace en el menú de blogger para poder colocar un archivo para que tus usuarios lo descarguen desde tu sitio, a diferencia de un hosting donde solo debes colocar la ubicación del archivo en un enlace directo y listo, pero en un blog es totalmente diferente. Es buena opción ofrecer contenido de descargas legales en tus sitios y así atraer visitantes y por ende un tráfico web aceptable, recuerda que debes colocar archivos legales o que poseas los permisos de uso. Bien, existen dos páginas de alojamiento de archivos de todo tipo, lo bueno es que son gratuitos y uno te paga por una cantidad de descargas que obtengas de tus archivos alojados en esa página.

La primera web donde puedes subir tus archivos para obtener un enlace de descarga y apuntarlo en tu blog es Magaupload, es recomendable 100 % ya que tus archivos permanecen allí sin ningún tiempo de caducidad hasta que tu decidas eliminarlos, es gratuito, solo necesitas tu correo electrónico para crear una cuenta y comienza a disfrutar de los servicios que te ofrecen.



La otra web para alojar archivos descargables es Deposit Files además puedes ganar dinero con la cantidad de descargar de archivos alcanzadas que hayas subido al servidor de Deposit Files la desventaja es que la permanencia de tus archivos es temporal, es decir, que lo eliminan después de un tiempo determinado.

06 marzo 2011

Websites con fuentes tipográficas grandes.

Ideas e inspiración para nuestros propios proyectos y diseños.

La tipografía es uno de los elementos del diseño de un website que más importancia tiene.
La correcta selección de una u otra fuente no solo supone una mejor comprensión de los textos y contenidos sino que nos permite dar un mayor énfasis en el mensaje o incluso proyectar a nuestros usuarios algunos valores (moderno, clásico...).
La plataforma especializada en diseño WebDesignLedger ha reunido una colección de 30 ejemplos de websites con tipografías grandes bajo el título Examples of Big Typography in Web Design, que pueden resultar interesantes para ver las posibilidades de este tipo de diseños web.

26 enero 2011

Manual de Optimización del Rendimiento Web

Web Performance Optimization, nuevo manual de optimización de rendimiento web.

Recientemente hemos conocido de la existencia de un nuevo manual dedicado íntegramente a la Optimización del Rendimiento Web, donde su autor, Javier Casares, señala la relevancia de la velocidad y el rendimiento de un site como el factor a tener en cuenta para destacar en la Web.
El manual disponible de forma gratuita en PDF, y actualizado a enero de 2011, repasa a modo de lista aquellos elementos a tener en cuenta para lograr la optimización del rendimiento web (conectividad, contenidos, cookies, CSS, imágenes, javaScript, móvil y servidor). En este sentido el documento señala que la optimización se basa en las mejoras referentes a la conectividad de redes, la optimización de los servidores web y la mejora de los diferentes elementos que tienen los propios sitios web, desde el HTML hasta el JavaScript, pasando por los CSS o la cantidad de peticiones a servidores DNS.
Interesados pueden acceder al Manual de Optimización del Rendimiento Web, disponible íntegramente en español, desde webperformanceoptimization.es.

19 diciembre 2010

Texturas libres para diseñadores web.

Colección de recursos de estilo clásico y de calidad.

La textura, es uno de los recursos web más usados para añadir a nuestro diseño web un determinado estilo. En esta ocasión, el blog de diseño Bitbox ha llevado a cabo la colección Retro Wallpaper Difference Clouds en la que se incluyen 5 texturas libres de usar por cualquier diseñador interesado.
Interesados pueden acceder a esta colección de texturas gratuitas estilo retro desde http://www.flickr.com/.

22 octubre 2010

Recursos para diseñadores web.

Interesante plataforma web con variada colección de recursos para diseñadores web.

Premium Pixels es un espacio web donde su creador Orman Clark ha dejado una completa selección de recursos de diseño de calidad para que cualquiera pueda usarlos de forma libre.
Cada uno de los recursos que vamos a poder encontrar en este repositorio han sido creados para ser ofrecidos libres de cargo y con posibilidad de ser usado en todo tipo de proyectos.
Patrones, menús de navegación, imágenes vectoriales, pinceles, iconos y otros elementos web van a ser encontrados en Premium Pixels.
Por el momento hay un número limitado de recursos que se espera vayan aumentando con el tiempo.

16 octubre 2010

Herramientas para webmasters.

Colección de herramientas para que un webmaster pueda testar una página web de forma sencilla, gratuita y completa.
La empresa española de diseño web Cerotec Estudios ha decidido recopilar en una sola página, multitud de herramientas online indispensables para un webmaster.
Esta suite de herramientas cubre desde aspectos como la validación de estándares W3C, TAW, optimización para buscadores, calculo de PageRank, información sobre el hosting, hasta la densidad de los textos, la cantidad de enlaces que apuntan hacia una web o el tiempo de carga.
El manejo de este servicio es muy sencillo, permitiendo con un simple click controlar y optimizar una página web sin la necesidad de estar buscando por Internet cada una de estas aplicaciones y tener que estar constantemente escribiendo la URL de la web que necesitemos analizar.

11 agosto 2010

Herramienta para escanear tu sitio en busca de bugs.

Esta aplicación web gratuita nos permite escanear nuestro sitio en busca de problemas de SQL injection o ataques XSS.


ZeroDayScan lleva a cabo el escaneo de sites en búsqueda de vulnerabilidades de y agujeros de seguridad frente a problemas de SQL injection, ataques Cross Site Scripting (XSS), bugs zero-day....
ZeroDayScan revisa nuestra web o blog en busca de vulnerabilidades y haciendo de Internet un lugar más seguro para todos. El manejo de esta herramienta no plantea demasiadas complicaciones, ya que solo será necesario introducir la URL a escanear (también soporta protocolo https), una dirección de correo electrónico donde enviar el completo informe que se generará y por último una validación que confirme que somos los administradores del sitio y que se realiza mediante la subida de un archivo ZeroDayScan.txt con un código que se proporciona a nuestro root.
Dependiendo de varios factores, el escaneo puede durar bastante tiempo (duración media aproximada 30 minutos). Una vez realizado, se genera un informe PDF que se envía a nuestra cuenta de correo, en el que se detallan las vulnerabilidades a las que está expuesta nuestro blog o web.