Una de las partes a las que te tenemos que prestar más atención de nuestra página web o blog es el hosting donde vamos a colgarlo. Un hosting debe tener las características necesarias para ejecutar nuestro proyecto web y que nos aseguren su fiabilidad y estabilidad, ya que una web caída genera pérdidas y enfado entre los visitantes y clientes.
Mucha gente contrata su servicio de alojamiento sin estudiarlos antes yendo simplemente a la opción más barata o la que más publicidad hace. Así, no es de extrañar que muchos acaben con un hosting que no les sirve para lo que necesitan. Es esencial elegir el destino adecuado o todo tu trabajo duro puede estar perdido.
Para elegir un buen hosting debemos prestar especial atención a las especificaciones y a los recursos ofrecidos por el proveedor. Las características más importantes que debemos comprobar son:
El mejor hosting no es necesariamente el que más recursos y características nos da, sino que es el más se adapte a lo que necesitas y ofrezca calidad de soporte y del servicio.
En Hostingato nuestros paquetes de Hosting están estudiados teniendo en cuenta las necesidades según diferentes parámetros (número de dominios a alojar, cuentas de correo, etc...). Te ayudamos en la elección del paquete que mejor se adapte a tus necesidades reales.
La pregunta es sencilla, ¿quieres ser un número de cliente más con un espacio asignado en un servidor o quieres un proveedor o socio tecnológico que se preocupe por el perfecto funcionamiento de tus páginas Web y tu Hosting?
A primera vista esta pregunta podría parecer un buen eslogan publicitario, donde queremos hacer saber al cliente cual es nuestra mejor característica respecto a los Hosting de la competencia.
Aunque la realidad bajo mi punto de vista es otra y para que vayas cogiendo la idea:
“Un Hosting no es una línea de móvil”
¿Y a que me refiero con esto? Veamos un ejemplo real :D
Homer ha decidido reabrir su empresa de internet Compu Global Hyper Mega Net después de que Bill se haya jubilado y nos tiene contratado varios servicios de Hosting (Gracias Lisa por elegirnos). Homer acaba de cerrar un trato con Flanders para desarrollarle una primera fase de tienda virtual, ¡Ay el bueno de Flanders!.
Homer comienza con la instalación de un sistema eCommerce cuando recibe el siguiente error:
PHP extension “mcrypt” must be loaded.
¿Alguna vez has recibido un mensaje similar mientras usas tu línea de móvil?
O una pregunta aún más absurda ¿Alguna vez has intentado instalar un sistema de comercio electrónico en tu móvil?
Lo sé, es absurdo. Un proveedor de Hosting no es un proveedor de telefonía.
Ahora Homer tiene la imperiosa necesidad de obtener ayuda de nosotros, ya que después de preguntarle a Lisa y buscar este mensaje por internet se han dado cuenta que es un tema de configuración de su Hosting.
Pero Homer está tranquilo porque ya sabe que no tiene de lo que preocuparse.
Para él, aquellas tardes colgadas a un 902 marcando su número de cliente de 25 cifras con sus gordos dedos una y otra vez, explicando varias veces el mismo problema durante 15 minutos para que, alguien desde algún remoto lugar de la tierra y después de 30 minutos de llamada (y 7 euros de coste) le pida que si puede escribir lo mismo en un ticket o correo electrónico para que el departamento correspondiente se haga cargo de su necesidad en “algún momento próximo” que nadie sabe cuándo es… aquellas tardes ya pasaron por suerte para Homer.
Sin embargo Homer ahora llama directamente al teléfono de Administración de sistemas de Hostingato
“Ring Ring”. Hostingato le atiende Adrián.
Homer: Adrián Soy Homer J. resulta que estoy intentando instalar un sistema de comercio electrónico y tengo el siguiente problema: PHP extension “mcrypt” must be loaded. Durante la instalación.
Homer sabe que no tiene que decir nada más. Tanto si Adrián tiene la respuesta al momento como si no, sabe que en ese momento se ha iniciado un proceso no solo para resolver su problema sino que además es posible que reciba alguna recomendación sobre la instalación de ese sistema.
Adrián: Sí Homer, estás utilizando la versión nativa de PHP, pero no hay problema, puedes cambiarla y además seleccionar que extensiones cargar, (que para eso utilizamos CloudLinux en nuestros sistemas, un SO optimizado para Hosting, servidores Hexacore en España y con IP Española). “Lo que vamos a hacer es buscar los requerimientos de esa aplicación y ajustamos tu servicio para que todo funcione. Me pongo en 20 minutos con tu problema y en cuanto termine te envío un correo electrónico informándote.
Homer cuelga el teléfono contento y se va al var de Mou a tomar una cerveza. Sabe que vamos a intentar resolver su problema, que es importante para nosotros y que somos consciente que nos necesita para poder continuar con su trabajo (y coste 0 ya que tiene minutos gratis a fijos) Cuando vuelve a casa en 30* minutos recibe un correo electrónico donde se le explica los cambios realizados y que ya puede continuar con la instalación.
* Tiempo medio en solucionar los problemas de nuestros clientes.
Ya sabíamos que el desarrollo web con Flash era una moda que no iba a durar mucho tiempo, ya que crear páginas webs con este código suponía una mala orientación para el posicionamiento, la visibilidad en diferentes dispositivos, etc.
La principal razón por la que se utilizaba Flash era por la sorprendente sensación que podíamos dar a nuestros usuarios con infinidad de movimientos, transiciones y animaciones que éste nos permitía.
Con la llegada CSS3 tenemos a nuestra disposición métodos que nos permiten crear el mismo efecto y hoy os voy a enseñar cómo hacerlo.
La sintaxis para crear una animación es la siguiente:
No te olvides, para que funcione en todos los navegadores debes añadir sus prefijos correspondientes:
La propiedad puede ser all para indicar que cualquier propiedad sea animada. O también utilizar una determinada propiedad como por ejemplo background-color.
Ojo, no todas las propiedades pueden ser animadas, más abajo te dejo una lista de las propiedades que pueden serlo.
La duración se mide en segundos o milisegundos, por ejemplo 1s sería un segundo y 0.3s serían 300 milisegundos.
El tipo de movimiento indica el efecto, la velocidad que tendrá la animación. Algunas son linear, ease, ease-in, ease-out, etc. A continuación te dejo un ejemplo, pasa el ratón por encima para ver el resultado.
El tiempo que le damos de espera a la animación, se mide en segundos o milisegundos:
Bien, vamos con un ejemplo. Digamos que tenemos el siguiente elemento:
Con su estilo css:
En prinicpio ya lo tenemos, pero ¿y la animación?, la animación ocurrirá cuando el valor de una propiedad cambie, por ejemplo vamos a hacer que cuando el cursor esté por encima del elemento se vuelva más ancho.
¿Sencillo verdad? Pues al igual que con el ancho, puedes hacer animaciones con colores, alturas, escalas, rotaciones, etc.
Si tienes o estás empezando un sitio Web en Joomla es probable que aún no te hayas planteado el diseño del mismo, (sobre todo al principio cuando lo importante es aprender a manejar el sistema), en esta entrada te damos algunos consejos de cómo elegir una template de un tercero y te aconsejamos algunos de los mejores desarrolladores de diseños para Joomla siempre que no quieras o no puedas diseñarlo tú mismo.
(Y si lo que necesitas es un buen Hosting para Joomla: https://hostingato.com/)
Este es el paso más importante, tienes que tener claro que elementos son los que componen tu Web, si todavía no tienes una idea clara será mejor que cojas papel y lápiz y hagas una distribución de los elementos y bloques que la componen, por ejemplo, la página de Inicio estaría compuesta por: 1 Menú superior, 1 Slider superior, 3 mini banners con texto, 1 bloque con las últimas noticias y 1 pie de página. Deberías de hacer este paso para todas las vistas de página que tengas.
Intenta elegir varias plantillas que te gusten (aunque haya una que te guste más que ninguna), lo primero es que te entre por los ojos pero también debemos de conocer “su personalidad” y sobre todo su “adaptabilidad y dinamismo“.
Esto quiere decir lo siguiente: Podría ocurrir que el desarrollador ha hecho un diseño muy bonito pero este es demasiado “fijo”, podría ocurrir que tiene pocas posiciones para tus módulos y no admite más o que donde él ha puesto 3 tu quieres poner 2 y no ha tenido en cuenta que los bloques se adapten automáticamente al ancho total.
Para intentar asegurarnos de que su diseño profesional es adaptable a nuestro diseño en papel, los desarrolladores nos presentan su composición de bloques y opciones de configuración muchas veces en la propia demo de la página y otras en la documentación. Mejor lo vemos con un ejemplo.
Plantilla de Rockettheme: http://demo.rockettheme.com/joomla/afterburner2/
Normalmente los desarrolladores utilizan módulos e incluso componentes de ellos mismos (por ejemplo los sliders) que te deberán de facilitar con la descarga de la template, es importante que también le des un vistazo a la documentación de estas extensiones y comprobar que también se adaptan a tus necesidades o por el contrario que debes de desactivarlas.
Por regla general los desarrolladores facilitan diferentes archivos para facilitarte la instalación de su diseño en tu sitio.
Es importante tener en cuenta si los desarrolladores corrigen los errores de su plantilla mediante actualizaciones, normalmente ofrecen las actualizaciones dentro de un periodo de subscripción contratado. También es importante averiguar si ofrecen un servicio de soporte y asistencia técnica o foros de consulta.
Los desarrolladores de Templates han evolucionado sus herramientas y muchos de ellos te ofrecen un “Configurador” dentro de tu Joomla para que modifiques y varíes todos los aspectos de diseño sin necesidad de tocar una línea de código.
Lo habitual es por subscripción temporal en el que podrás descargar 1 o varias Templates según el desarrollador. Es importante averiguar si ofrece un plazo de devolución de la compra por si por cualquier motivo su témplate no funcionara en nuestro sitio Web.
Nuestra recomendación se basa en nuestra propia experiencia, hay cientos de diseñadores para Joomla pero si tenemos que recomendar algunos nos quedamos con dos:
Joomlart. www.joomlart.com
RocketTheme: www.rockettheme.com
Una vez tengas tu plantilla instalada podrás personalizar el diseño y adaptarlo a la imagen y colores de la Web de tu cliente o a tus propias páginas. Otra solución es diseñar tu mismo o tu diseñador la plantilla y desarollarla.
¿Estas montando una web y necesitas tipografías? o quizás ¿quieres diseñar unas imágenes a partir de un estilo de letra determinado?
No hay problema. Hoy os mostraremos los mejores sitios donde conseguir cantidades ilimitadas de tipografías gratuitamente, ya sea para aplicarlas a tu web, diseñar un banner o una serie de imágenes o para que tus escritos no tengan el mismo aspecto que la mayoría de textos
Las tipografías son indispensables en el mundo donde vivimos. Se aplican para realizar pancartas, marcas corporativas, títulos de películas de cine/ y un sin fín de cosas.
Un claro ejemplo es el estilo de texto de la marca "Coca Cola", la cuál es reconocida por su forma a lo largo y ancho del planeta (y puede ser que hasta fuera ).
Dependiendo de donde y como la vayamos a utilizar, elegiremos una fuente tipográfica u otra. Por ejemplo, si queremos crear una web, donde vamos a escribir diariamente como si de un blog o diario personal online se tratara, deberemos de utilizar una fuente de letra que sea ´fácil de leer´, es decir, que no se haga pesada, que el contenido en general del texto se haga comprensible y que no canse la vista.
No es nada sencillo saber que tipografía escoger, pero para ello, muchas de las web que vamos a exponer a continuación etiquetan las tipografías por categorías, para que sea mucho más sencillo saber que tipo de letra debemos de escoger.
Algunas de las webs donde podéis encontrar diversos estilos de fuentes son:
Todo un clásico para encontrar tipografías. Es una web muy utilizada por todos aquellos que desean hayar una tipografía determinada, ya que podemos encontrar más de 25000 fuentes diferentes.
Esta es otra web de las más grandes referente a estilos tipográficos, con nada más y nada menos que 250000 descargas al día. Todas las fuentes están ordenadas por categorías y puede ser un buen lugar donde inspirarse a la hora de diseñar tu propio estilo de letra.
Tiene como función encontrar tipográfias, pero ha diferencia de las otras dos web anteriores, esta tiene un aspecto más colorido y detallado. Su función principal es ofrecer tipografías mediante categorías e incluso por la inicial del nombre de la fuente. Por ejemplo, en la ´A´ está Arial. Esto es muy útil para encontrar una tipográfía muy concreta, sabiendo el nombre previamente.
Es una web muy sencilla, sin detalles, pero muy útil también para encontrar fuentes de letras. Está situada en el top 500 de webs donde más tipografías se descargan. No está ordenada por categorías, pero a simple vista podéis ver muchas fuentes diferentes.
Y estos son algunos ejemplos de webs donde encontrar tipografías.
Esperamos que le haya resultado beneficioso el artículo, y recuerda, cualquier tipografía NO sirve, busque la más apta a sus necesidades y sus usuarios se lo agradecerán.
Otras web:
Realizar diseños creativos, en ocasiones, puede suponer un gran trabajo, ya sea por tener conocimientos básicos de diseño gráfico, por tener que pagar la licencia de un determinado programa, o por no tener un ordenador lo suficientemente potente como para "tirar" el software.
Por ello, hoy vamos a comparar los dos programas de diseño gráfico más utilizados actualmente para retoque de imágenes, ya sea en términos profesional como amateur.
En primer lugar vamos a hablar del archiconocido Photoshop.
Photoshop es una herramienta propiedad de Adobe en la que podemos realizar retoques de imágenes, fotografía o creación de pancartas, banners, rotulos entre otros... Es una herramienta de pago. Hasta hace poco, podíamos adquirir Photoshop por separado, pero actualmente esta incorporado en el Plan Creative Cloud valorado en 12,09€/mes. Este paquete incorpora Photoshop y Lightroom para PC, y diversas apps y servicios para móviles.
Si hacemos cálculos, el paquete nos saldría por 145,08€ al año, un precio bastante elevado teniendo otras alternativas con software libre y cuyo precio es nulo, es decir, son totalmente gratuitos.
Si lo pensamos a fondo, Photoshop es una herramienta diseñada y creada para su uso por profesionales, de manera, que de ahí su precio.
Al mismo tiempo, la herramienta de Adobe tienen muchísimas más opciones que su competencia, ya sea de personalización o utilidades internas.
Por otro lado, nos encontramos con Gimp.
Gimp es una herramienta también para realizar retoques fotográficos o de imágenes. Una de sus grandes virtudes es que es totalmente gratuita, y eso mismo la hace perfecta para iniciarse en el mundo del diseño, aprender a utilizar los colores y las formas, y hacer crecer la creatividad interna de cada uno.
Pero como no siempre, todo lo que reluce es oro, a pesar de ser gratuito, es un tanto limitado al compararlo con Photoshop.
A continuación vamos a diferencias y explicar, punto a punto, las mayores diferencias entre Photoshop y Gimp:
- Requisitos de hardware: Gimp es mucho más ligero que Photoshop, ya que no requiere tantos recursos de almacenamiento. Si eres un fanático del hardware y te puedes permitir el lujo de tener un ordenador a la última vas a disfrutar muchísimo más con Photoshop, pero en caso de que no sea así, siempre vas a tener la opción de utilizar Gimp, y desde luego, para los primeros proyectos, no vas a tener ningún problema.
- Compatibilidad de plataformas: ambos programas son compatibles tanto en Windows como en Mac. El problema llega cuando se es usuario de Linux o alguna de sus distribuciones. En este caso podemos utilizar Gimp en nuestra propia máquina, o si se tienen unos conocimientos básicos de informática, instalarse una máquina virtual con Windows y a partir de ahí, instalarse en el sistema operativo de la máquina virtual Photoshop.
- Funciones: aquí está muy claro que quién gana es Photoshop, ya que en términos de características, es el que más tiene. A pesar de ello, Gimp está formado por una comunidad de usuarios muy activa que crecen diariamente, creando, entre otras cosas, plugins para cubrir carencias del programa. Hay incluso un complemento para Gimp "PSPI" que permite ejecutar plugins de Photoshop en Gimp.
- Facilidad de uso: este punto es un tanto subjetivo. Se supone que con Photoshop muchas de las tareas que se realizan son más fáciles de lograr que con Gimp, mientras que con este último es necesario una serie de pautas para lograr manejar aceptablemente. Esto mismo depende de la persona, y su capacidad de adaptación a nuevos programas.
Como para gustos colores, hay gente que prefiere usar software libre, y aportar información o conocimientos a la comunidad, y por otra parte, otras personas prefieren Photoshop, ya sea por sus amplias posibilidades, su sobrenombre o por la versatilidad que tiene usar distintas herramientas de Adobe.
Y tú, ¿qué programa de diseño prefieres?
Cuando Microsoft presentó su diseño Metro con Windows Phone nadie hubiera pensado que iba a generar una tendencia tan grande en el diseño Web empezando por las grandes compañías, el último caso lo tenemos con el sistema operativo para móviles iOS en su versión 7, lo curioso es que Apple haya sido de los últimos en incorporar estas tendendias de diseño pero como dice el dicho "Si algo funciona, cópialo" aunque en su caso produzca resultados vomitivos.
En cualquier caso y sin salirme más del tema el diseño Web plano es un tipo de diseño fresco, simple y usable y eso al fin y al cabo es de agradecer por cualquier usuario.
A continuación hemos hecho una selección 10 diseños Web planos que puedes descargar para tu uso y disfrute.
Estamos en un momento en el que la sociedad se dirige hacia un futuro aún más tecnológico que el que tenemos actualmente.
Cada vez, hay mas drones, más robots, más informáticos, más diseñadores, más creativos, y más dependencias a distintos dispositivos tecnológicos, todo esto sin contar el propio internet, que la cosa evoluciona poco a poco, para que internet no sea únicamente un sitio donde conseguir contenido para nuestros trabajos o proyectos, o simplemente para contactar con alguien; sino que, el internet como tal, evoluciona para adaptarse a otros dispositivos, convirtiéndolo en el "internet de las cosas".
Todo esto puede ser una pequeña prueba de por donde van los tiros en un futuro a corto-medio plazo en lo que ha tecnología se refiere.
Gracias a esto, y a los avances tecnológicos, uno de los empleos más demandados en los próximos años van a ser el de la figura del programador. El programador es el encargado de hacer diversas funciones en una empresa, pero en general, se podrían englobar en la creación, ya que son los que crean algoritmos, programas, juegos, paginas webs adaptadas a las necesidades de la propia empresa o cliente, e incluso, el que automatiza y le da cierto "sentido común" a las máquinas, para que realicen tareas de manera autónoma. Las funciones de un programador son tan amplias, que aumentarán con creces la demanda de estos profesionales en un futuro.
Por ello mismo, hoy os traigo diversos sitios webs que consideramos recursos principales para los programadores, tanto para aquellas personas que son autodidactas y quieren iniciarse en el mundo de la programación como programadores que quieren ampliar sus conocimientos.
- codecademy: es considerado uno de los sitios más populares donde tomar cursos de programación, y probablemente sea el más adecuado para aquellas personas que van a iniciarse por su propia cuenta en la programación. En Codecademy se aprende haciendo cursos, los cuales se basan en la realización de ejercicios donde se toman pequeños retos para poder avanzar de un nivel a otro. Aquí podrás aprender distintos lenguajes de programación, incluido HTML, CSS, Javascript, jQuery, Python, Ruby y PHP. Es una web totalmente gratuita, por lo que cualquiera puede aprender a programar sin pagar absolutamente nada, y al ritmo que necesite, ya que no hay períodos de tiempo, ni exámenes cada cierto tiempo.
- udacity: nos enseña a programar, pero también a crear juegos, manejar estadísticas, desarrollar un sitio web y si queremos, nos ayuda a introducirnos en las ciencias de la computación, la física o la inteligencia artificial. Está considerada una de las mayores webs para autoformarse en la programación ya que sus cursos están estructurados y abiertos en línea (MOOCs), lo que quiere decir que, asumiendo que se trabaja unas 6 horas a la semana, contando con más de 50000 "compañeros virtuales" y que los materiales didácticos incluyen videos y ejercicios prácticos, se puede aprender fácilmente a programar desde la propia web. Udacity ofrece tanto cursos gratuitos como cursos de pago. Un pequeño inconveniente, pero que a estas alturas no debería serlo, es que la web está únicamente en inglés.
- coursera: es una plataforma de educación virtual desarrollada por la Universidad de Stanford (Estados Unidos), pero que está asociada a muchas otras instituciones educativas. Tienen como objetivo democratizar la educación, por ello ofrece cursos en linea gratuitos. Actualmente han modificado la web para traducirla al español, convirtiéndose así en una gran sitio donde acudir para aprender programación y donde también podemos encontrar cursos totalmente en español. Algunos cursos han sido aportados por universidades de América Latina y España. En coursera podremos encontrar diversos cursos, desde programación a cloud computing, big data, analítica o estrategias profesionales entre otros... Todos los cursos, incluyendo los que están en inglés, tienen el apoyo de subtítulos para su mejor comprensión, ayudando a todos aquellos que no entiendan el idioma del curso.
Otra de las ventajas de Coursera es que no hace falta cumplir ningún requisito para acceder al curso.
Junto a estas 3 webs, existen otras webs que también son totalmente aptas para aprender a programar, pero hemos expuesto estas 3 ya que son de las que más usuarios tienen en la actualidad y donde más compañías punteras dentro del sector tecnológico están dispuestas a participar, tanto en los cursos, como en la formación dentro dentro de un sector determinado.
Esperamos que les sean útiles y recordar, nunca es tarde si la dicha es buena.
En muchas ocasiones, uno de los requisitos para trabajar como redactor, es tener nociones de diseño gráfico, ya que una vez redactado el artículo, toca añadir fotografías al texto, y evidentemente, estas fotografías hay que retocarlas para amoldarlas al contenido de la redacción.
Photoshop (u otro programa de diseño) se ha convertido en esencial para muchas personas que trabajan con contenido online, es algo que tarde o temprano hay que aprender, y porque no reconocerlo, "mola" mucho el tema del diseño, y más cuando poco a poco descubres nuevas funciones o nuevas formas de hacer las cosas.
Algunas de estas cosas, son tan sencillas de hacer como instalando un plugin, ya que Adobe Photoshop también permite la opción de instalar plugins para ofrecer funciones extras o atajos a la hora de realizar cualquier creatividad.
Por ello, hoy os traemos 10 plugins que pueden salvarnos en más de una y de dos ocasiones.
- Perfect Effects: este plugin es un todo es uno. Sirve para Photoshop, Lightroom, Apple Aperture y también como aplicación de escritorio. Tiene como función aportarnos 128 efectos de imágenes en un solo click y 9 ajustables, con la opción de combinarlos. Podemos encontrar dos versiones, la gratuita que nos proporciona 128 efector, y la versión premium con 471.
- Long Shadow Generator: fácil, sencillo y para toda la familia, así se podría resumir este plugin. Su función es alargar hasta límites insospechados las sombras. Gracias a ello, podemos crear cabeceras muy llamativas.
- NKS5 Natural Media Toolkit: este plugin es uno de los más útiles que se pueden tener. Gracias a él, añade un panel con muchísimas (y cuando digo muchísimas son muchas) texturas y pinceles, y no solo eso, sino que también ayuda para la creación de guías.
- Pixel 2 Vector: normalmente cuando alguien quiere hacer algún tipo de diseño vectorial utiliza Illustrator o Inkscape, pero también es verdad, que muchos pc`s no son lo suficientemente potentes como para "tirar" estos programas, o simplemente y por diversas causas, no se abre o funciona correctamente en nuestro ordenador. Este plugin lo que hace es realizar las funciones de Illustrator o Inkscape dentro del propio Photoshop, ahorrandonos tiempo y recursos del sistema.
- Corner Editor: este plugin es sumamente sencillo de utilizar, pero que nos puede ahorrar tiempo y calentamientos de cabeza. Consiste en crear esquinas redondeadas para cualquier forma poligonal.
- Hexy Photoshop: este plugin tan útil tiene como función guardar directamente al portapapeles el código hexadecimal al seleccionar un color con el cuentagotas. De esta manera podemos ver todos los últimos colores que hemos copiado sin tener que volver a buscarlos o probarlos todos. Con Hexy Photoshop ahorramos tiempo y aumentamos la productividad.
- UberColumns Extension: solo tiene una función, pero muy útil, dividir párrafos en columnas. Esto puede sernos muy útil en caso de estar haciendo un Landing Page.
- Generador de texturas: escala las imágenes para un textura determinada, de manera que no se nota nada que ha sido escalada.
- Skeuomorphism.it: es un plugin perfecto si eres un amante del Flat Design. Ayuda mucho a la hora de realizar o retocar imágenes planas.
- Sinedots II: plugin curioso donde los halla, ya que tiene como funcionalidad crear arte abstracto vectorial aleatorio.