Archivo de la etiqueta: web

Hemos estrenado nueva pagina web

Publicado el en la categoría General

Estamos mas contentos que un niño el dia de reyes, y es que por fin ha visto la luz el trabajo que llevamos gestando varios meses. Hemos estrenado nueva pagina web con un diseño mas moderno y limpio. También hemos realizado una serie de cambios  y mejoras que detallaremos a continuación, pero sobretodo, seguimos y seguiremos trabajando para ofrecer un mejor servicio a nuestros clientes.

Novedades en la Home de nuestra página web

Como puedes ver, hemos mantenido la estructura básica de nuestro anterior página web. Aun así, dispones de todos nuestros servicios a los que puedes acceder desde la Home o bien desde el menú principal. De esta forma tendrás acceso a cualquier parte de nuestra web con muy pocos clics.

Hemos estrenado nueva pagina web

Sigue leyendo

Facebooktwittergoogle_plus

Como instalar Firebug en Firefox

Publicado el en la categoría Diseño y Programación

Como instalar Firebug en FirefoxTanto si estamos desarrollando nuestro sitio web, como si detectamos alguna anomalía en él, es bueno contar con alguna herramienta para comprobar el buen funcionamiento de nuestra página. Una buena utilidad es Firebug, un plugin disponible para para el navegador Firefox, que nos ayudará a inspeccionar nuestra web y localizar estos posibles errores. En el artículo de hoy os vamos a mostrar como instalar Firebug en Firefox y como iniciarlo una vez instalado. Sigue leyendo

Facebooktwittergoogle_plus

Editar el fichero hosts en dispositivos Andoid

Publicado el en la categoría DNS, General

Editar el fichero hosts en dispositivos AndoidAnteriormente os comentamos como modificar el fichero hosts de un equipo, para poder acceder desde dicho equipo a nuestro hosting y poder realizar las pruebas necesarias antes de que el dominio apunte definitivamente al plan. En este ocasión, queremos explicaros como editar el fichero hosts en dispositivos Andoid, para así, poder acceder a nuestro sitio web de pruebas desde uno de estos dispositivos. Sigue leyendo

Facebooktwittergoogle_plus

Editores de texto para nuestra web

Publicado el en la categoría Aplicaciones, Diseño y Programación

Editores de texto para nuestra webPara crear o editar nuestras páginas web, los grandes entornos integrados de hace unos años han dejado paso a editores de texto mucho mas sencillos, con lo que podremos realizar las modificaciones de código que necesitemos.

Esto principalmente se debe a que a la hora de crear una web, se utilizan CMS como WordPress, Joomla, Drupal, Prestashop, etc. En estos casos, no es necesario realizar la programación de la página desde cero. Solo deberemos modificar pequeñas partes de código para que la web se adapte a nuestras necesidades. Sigue leyendo

Facebooktwittergoogle_plus

Editar el fichero hosts en Mac

Publicado el en la categoría General

Editar el fichero hosts en MacComo ya os comentamos en este artículo, podemos configurar el fichero hosts para previsualizar una web que estamos realizando y a la cual, no apunta ningún dominio. Para hacer esto, debemos editar el fichero hosts.

Las particularidades del sistema operativo de equipo Mac, hacen que para los usuarios menos expertos, resulte un poco difícil encontrar este fichero, así es que vamos a mostraros paso a paso como realizar esta tarea. Sigue leyendo

Facebooktwittergoogle_plus

Comprobar que Apache lee nuestro .htaccess

Publicado el en la categoría Apache

Comprobar que Apache lee nuestro .htaccessEs bastante habitual que nuestro sitio web, por la razón que sea, necesite utilizar un fichero .htaccess. Estos ficheros normalmente agregan alguna configuración especifica para nuestra web, como redirecciones, modificaciones de url (url’s limpias), protección de directorios, etc. La mayoría de CMS’s necesitan instalar ficheros .htaccess para sus correcto funcionamiento. En el caso de que exista algún error en nuestro sitio, tal vez sea producido por una mala implementación de este archivo. Aunque en caso de error, lo primero que podemos comprobar es si Apache es capaz de leer dicho fichero. Sigue leyendo

Facebooktwittergoogle_plus

Ruta a los ficheros log de servicios de Plesk

Publicado el en la categoría Plesk

Ruta a los ficheros log de servicios de PleskEn el caso de tener algún problema con el servidor, es conveniente analizar los ficheros log en busca de algún dato que nos de un poco de luz sobre nuestro problema. Por lo general, cada servicio que se ejecuta en nuestro servidor, tiene su propio almacén donde guarda su actividad.

Por ello os vamos a indicar la ubicación de los ficheros log de los principales servicios de un servidor web con Plesk, para que en caso de problemas, podamos realizar un análisis del servicio en cuestión. Sigue leyendo

Facebooktwittergoogle_plus

Responsinator para visualizar tu web en varios dispositivos

Publicado el en la categoría Diseño y Programación

Responsinator para visualizar tu web en varios dispositivosComo hemos comentado en mas de una ocasión, debido al auge de los dispositivos móviles, el desarrollo web destinado a estos dispositivos está pasando de ser opcional a algo estrictamente necesario. Las páginas adaptables o diseño web Responsive, como también es conocido, han tomado el relevo frente a las páginas estáticas tradicionales.

Gracias a sitios web como Responsinator, podremos visualizar nuestra web en múltiples dispositivos.

Que es Responsinator

Responsinator es un servicio online gratuito, con muy pocas opciones, pero que cumple perfectamente su cometido.

Al acceder a dicha página web encontraremos un cuadro donde se nos invita a indicar la url de la página web a analizar. Tras teclear la dirección del sitio web y pulsar el botón GO, podremos observar como se visualizaría nuestro sitio web en distintos dispositivos.

Entre estos dispositivos encontramos el iPhone 3,4 y 5, Nexus 4, iPad y Kindle, todos ellos en su versión tanto vertical como apaisada.

Gracias a esta utilidad, podremos realizar cambios y mejoras en nuestro sitio web para adaptar su visualización en dispositivos móviles.

 

 

Facebooktwittergoogle_plus

Utilidades gratuitas para desarrollo web

Publicado el en la categoría Diseño y Programación

Utilidades gratuitas para desarrollo webHoy os mostramos una pequeña selección de algunas utilidades que hemos encontrado por la red, y que seguro que en algún momento, podemos llegar a necesitar.

Si tu trabajo o hobby es la programación de páginas web, seguro que estas utilidades gratuitas te facilitarán el trabajo.

Formatea el código con Fix my HTML

Es muy común que al principio del desarrollo de sitio web, para cada una de las páginas vayamos insertando el código debidamente indentado para facilitar su posterior lectura. También resulta habitual, que conforme vayamos realizando posteriores modificaciones, se vaya perdiendo este formateado del código, con lo que debemos ir repasando cada una de las etiquetas y vigilar donde empieza y donde acaba.

Para ayudarnos en estos menesteres tenemos la utilidad Fix my HTML, la cual nos formateará el código para hacerlo mucho mas legible.

Para ello accederemos a la página fixmyhtml.com  y pegaremos el código sucio. Pulsaremos el botón Fix It, y obtendremos nuestro código debidamente formateado.

Utilidades gratuitas para desarrollo web

Guarda tus scripts con Snipt

Es habitual utilizar un cierto código en varios trabajos, o incluso, tener una colección de scripts guardados para cuando nos hagan falta. Pues justamente de eso es de los que se encarga Snipt.

Al registrarnos en la web snipt.net, tendremos acceso a nuestra propia colección de scripts, que tendremos accesibles desde cualquier punto con conexión a la red. Podremos guardar nuestro código, o consultar código de otros desarrolladores que han marcado como público.

Gracias a su sistema de catalogación, podremos filtrar el código según el lenguaje de programación utilizado.

Utilidades gratuitas para desarrollo web

Comienza tu proyecto HTML5 con Initializr

Normalmente, antes de desarrollar un proyecto en HTML, lo primero es crear su estructura. Este “esqueleto” será con el que partiremos para posteriormente añadir todo el código y funcionalidades de nuestro sitio web. Pero gracias a Initializr, podemos comenzar un nuevo proyecto y elegir entre muchas opciones para adaptar el sitio a nuestras necesidades.

Podremos elegir entre un proyecto básico en HTML5, un entorno responsive o que esté basado en Bootstrap. Para cada una de estas tres opciones básicas, tenemos una serie de subopciones que nos permiten refinar mas nuestras preferencias, como la de incluir jQuery, Google Analitics, .htaccess, robots.txt, favicon o paginas de error 404.

Seleccionadas las opciones deseadas, pulsaremos Download it, con lo que obtendremos un .zip con la base de nuestro nuevo proyecto.

Utilidades gratuitas para desarrollo web

Fuentes de texto en lugar de imágenes

El utilizar fuentes de texto de pictogramas en lugar de imágenes, es una tendencia que se está implantando poco a poco, debido principalmente a la facilidad de uso de este sistema y a las ventajas con respecto a las imágenes en aspectos como el cambio de color o de tamaño, o incluso para la velocidad de carga de la página.

Para incluir alguna de estas fuentes de pictogramas en nuestra web, lo haremos como si de una fuente de texto normal se tratase, es decir, incluyendo en nuestra hoja de estilos la llamada a dicha fuente y la posterior utilización:

@font-face {
 font-family:iconos-raphael;
 src:url('fonts/iconos-raphael.ttf');
}
span.icono {
 font-family:iconos-raphael;
}

Para este ejemplo hemos utilizado la fuente Raphael, que puedes visualizar en su sitio web http://icons.marekventur.de aunque existen otras muchas fuentes de este tipo como la Entypo, o incluso la utilizada por Prestashop llamada FontAwesome

Utilidades gratuitas para desarrollo web

Facebooktwittergoogle_plus