Blog informatico

 

1.Google Advanced Image Search: Puedes filtrar las búsquedas por  Creative Commons o imágenes de dominio público.

2.Public Domain Photos: Es un directorio con fotos gratis para uso comercial. Hay 25000 fotos en 2500 galerías publicadas.

3.Totally Free Images Más de medio millón de imágenes sin derechos de autor. Dominio Público. Totalmente gratis! Puedes descargar / modificar / venta / lo que sea!

4.Pixabay:  Contiene fotografías e imágenes clipart gratuitas. Encuentra y comparte sorprendentes imágenes de dominio público

5.Sprixi: Buscador de imágenes gratuito , en la parte inferior te dice las restricciones de copyright que tiene cada imágen.

 

Sígueme en Twitter

 
Published on 25 julio 2012, by in CSS, Desarrollo Web, Diseño, Html.

De WDL tenemos un listado un poco obsoleto pero no por eso menos útil de las mejores texturas para diseño web. Estas textura de diseño web nos pueden ser de mucha utilidad para crear buenos diseños y efectos ampliando nuestra capacidad de crear diseño atractivos.

Estas texturas gratuitas nos permite ampliar nuestros recursos de diseño web.

Textures 07 – Stock Pack

textures

Patterns .36 (25 patterns)

seamless patterns

Dirty Paper Textures

textures

Patterns .38 (25 patterns)

seamless patterns

Inspiration Flow

textures

Vintage Grunge

textures

Free Vector Seamless Backgrounds (6 patterns)

seamless patterns

Colorful Grunge

textures

Vintage Wallpaper Textures

textures

Seamless Paper Patterns (6 patterns)

seamless patterns

Textures 06 – Stock Pack

textures

Sígueme en Twitter

 

Capítulo 1 – Guía y manual SEO

 

SEO en Inglés son las siglas de ( Search engine optimization ) y en Castellano significa ( Optimización para Motores de Búsqueda ) . Hoy en dia no nos planteamos la importancia de los buscadores en Internet simplemente la vemos implicita en el desarrollo de nuestra web, cuando desarrollamos una web hay dos factores muy importantes que debemos tener en cuenta, el social Media y el SEO. Ambos con un objetivo similar, el éxito de nuestro website. Con el social media de nuestra web hacemos referencia  a todas la estrategías que utilizamos para dar a conocer la web utilizando las redes sociales como vía de comunicación bidireccional.

Y cuando hablamos de SEO queremos referirnos al conjunto de técnicas que se realizan para mejorar la posición de nuestra web en los buscadores. El 99% aproximadamente de las visitas se realizan a través del buscador que supongo que nunca habréis oido hablar ,pero creo recordar que se llamaba Google ;-) , así que esencialmente cuando hablamos de querer mejorar nuestra posición , queremos decir que queremos aparecer en la primera página de Google o en buena posición.

Está desmotrado que la inmensa mayoria de la gente que busca en Google no sobrepasa de la primera página asi que el objetivo del posicionamiento es estar en la primera página.

La pregunta principal es  ¿ Cuando queremos aparecer en la primera página de Google ? Aquí hay que pensar en que términos de busqueda queremos aparecer en la ” primera página de Google “. Hay que diferenciar la dificultad que hay para aparecer en buenas posiciones según que término o términos busquemos, cuando más general es más diícil será pero más ámbito de busquedas abarcaremos. Y cuando más específico sea más fácil será posicionarnos pero más difícil que alguien busque por ese término. Voy a intentar explicarlo en un ejemplo práctico.

Ejemplo :

Un dueño de una cerrajería en Valencia nos dice quiere que quiere mejorar el posicionamiento de su sitio web. Su proposito es que cuando alguien entre en Google y ponga la palabra ” cerrajería ” aparezca su cerrajería. Esto sería realmente difícil y costoso,ya que la competencia es mucho mayor, sería necesario invertir mucho trabajo para conseguir buena posición utilizando este término. Pongamos que conseguir ese objetivo le costaría al cliente 100 . Y que beneficio obtendría ? Si un usuario que busca en Google y vive en Madrid pone la palabra ” cerajería ” y le sale la cerrajería de la que hablamos ubicada  en Valencia no le interesará porque hay 300km de distancia y la cerrajería habrá invertido 100 para no obtener resultado.

En cambio sería mejor aconsejarle al dueño de la cerrajería buscar unos términos más específicos por ejemplo ” cerrajería Valencia “, cuando un usuario introdujera ese término si que beneficiaría a su negocio ya que el interesado si puede acceder a los servicios de la cerrajería.Ya que busca una cerrajería ubicada en esta zona para disponer de sus servicios.

Una opción que sería muy fácil de posicionar sería poner el nombre de la cerrajería y aparecer con los términos ” cerrajería Gonzalez ” , esta opción no nos serviría para atraer nuevos clientes, pero sí para dar información a clientes ya existentes. Si un viejo cliente se acuerda del nombre y no del teléfono, lo primero que hará será ir a Google y poner estos términos para poder llamar.

La segunda pregunta ¿ Como conseguir este posicionamiento ? .Hay infinidad de técnicas recomendables para mejorar nuestro posicionamiento.  Una vez lei una frase que define muy bien lo que es SEO.  ” SEO no es hacer una sola cosa perfecta, si no miles de cosas bien”.  Vamos a comentar algunas técnicas para mejorar posicionamiento.

  • Utilizar un dominio y URLs descriptivas y amigables. Es decir si desarrollamos una web para una cerrajería, sería conveniento que la palabra ” cerrajería ” formara parte del dominio para facilitar el posicionamiento en las futuras busquedas. Y en la URL amigable o friendly URL los explicaré con un ejemplo práctica.

Ejemplo :

En nuestra cerrajería, implementamos una sección donde se podrá añadir trabajos hechos por ellosa modo de catálogo. Una vez implementado este sistema vemos que la URL de cada producto de nuestro catálogo queda de la siguiente forma.

www.cerrajeriagonzalez.com/trabajo?seccion=hechoss&id_file=133

Google cuando revise la página la URL no le ayuda a categorizar lapágina la temática que debería. En cambio si la URL quedara de la siguiente forma.

www.cerrajeriagonzalez.com/trabajos-cerrajeria/1

En este caso con la URL le damos la información a Google de que estamos delante de una página que hace referencia a un trabajo de cerrajería.

  • Le daremos enfasis a las palabras que nos gustaría destacar, poniendo en negrita o dandole caráceter de título a ciertas palabras.

Ejemplo :

En nuestra cerrajería vemos que ha realizado un trabajo en un barrio de Valencia que se llama ” la malva Rosa” , como venimos haciendo anteriormente introducimos en la sección de trabajos realizados el trabajo y en la descripción le añadimos en negrita las palabras ” cerrajería malva rosa ” . Y le decimos a Google que esas alabras tienen importancia.Logicamente estos términos tendran poca competencia pero nos facilitaran que cuando alguien ponga estos términos en Google , le enseñara nuestra web.

  • Deberemos darle importancia a nuestras etiquetas META, las etiquetas META se escriben en la parte no visible de la Web pero si para los buscadores. En ellas se pone mucha información referente a ella sobre el autor, idioma, codificación de caráter y en este caso pondremos los términos de los cuales nos gustaría que nos buscasen.No es aconsejable repetir términos.

Ejemplo:

Una buena lista de términos para nuestra cerrajería sería la siguiente. ” cerrajeria valencia,burjasot,malva rosa,trabajos

 

Continuará…

 

 

 

 

Sígueme en Twitter

 

Añadir sombra o sombreados a los textos utilizando HTML y CSS  es una posibilidad no muy utilizada en parte porque no está soportada por todos los navegadores, pero que con buen gusto se obtienen resultados verdaderamente interesantes.

 


 

Primer ejemplo de texto con sombra.

 

Como vemos la sombra es semitransparente, solo debemos añadirle los estilos CSS de la siguiente manera
Hemos utilizado los siguientes CSS enlazados a una etiqueta div.
color: #ffffff;
text-shadow: -1px -1px 1px #CCCCCC;

 


Segundo ejemplo de texto sombreado utilizando HTML y CSS.

Para crear este efecto hemos añadido a  nuestra etiqueta <div></div> los siguientes estilos.

background: -moz-linear-gradient(center top , #2B2B2B 0%, #6B6B6B 100%) repeat scroll 0 0 transparent; border-bottom: 2px solid #BDBDBD;
box-shadow: 0 0 3px #1C1C1C;
color: #444; opacity: 0.8;
padding: 20px;
text-shadow: 0 0 1px #1C1C1C;

Y de esta manera y con estos recursos se pueden obtener resultados verdaderamente interesantes.

Sígueme en Twitter

 

Ya conocemos el famoso add-on para firefox Dummy Lipsum en el que nos genera un texto aleatoria basado en el libro en Latín ” Lorem ipsum” acorde al espacio que queremos rellenar con este texto predefinido.

Pues hoy explicamos este nuevo add-on que utiliza el mismo concepto pero rellena espacios con imágenes predefinidas. Elegimos el tamaño, color y temática de las imágenes y desde una base de datos de más de 11 millones de imágenes nos la incrusta a la espera de nuestra imagen definitiva.

Las imágenes están licenciadas mediante Creative Commons, lo cual es una ventaja añadida.

Enlace | Lorempixum

Sígueme en Twitter

 


En muchas ocasiones queremos incrustar de alguna manera una animación creada en Flash en una web creada en HTML. Esta animación puede ser un banner,un menú o cualquier tipo de archivo en formato flash.

 

 

La extensión de estos archivos es y será siempre .swf . La forma más fácil de incrustarlo es subiendo el archivo a nuestro servidor donde tenemos los archivos de nuestra web. Lo más recomendable sería crearnos un directorio en la carpeta raíz que apuntada a estas animaciones.

Por ejemplo “/flash/animacion1 “.

Una vez lo hayamos subido al servidor como si fuera una simple imagen , nos fijamos en la ruta que nos lleva a este archivo. El modo de ponerlo en nuestro código es simple, siempre deberemos poner el mismo código y modificar los parámetros según nuestros gustos o objetivos.

 

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”32″ height=”32″> <param name=”movie” value=”archivo.swf” /> <param name=”quality” value=”high” /> <embed src=”archivo.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”32″ height=”32″></embed> </object>

 

La primera parte es la que indica al usuario que se descarga una versión de Adobe en el caso que no la tenga para poder visualizar la animación. En el siguiente parámetro debemos poner el tamaño de nuestra animación.

Donde vemos ” value=”archivo.swf” ” y “ src=”archivo.swf” “ pondremos nuestra ruta del archivo en nuestro caso pondremos nuestra ruta  ” /flash/nombrearchivo.swf ”

Sabes otras formas de incrustar Flash ? Nos la comentas?

Sígueme en Twitter

 

Hemos encontrado una cuantas utilidades que nos ayudan a desarrollar nuestro proyectos web de una forma o otra. La primera herramienta nos permite visualizar nuestra nueva página web en nuestro navegador con diferentes resoluciones. Y de este modo poder testear en diferentes tamaños de pantalla la web.

Dirección: http://browize.com

HTMLform.com es una herramienta que nos permite crear un formulario de contacto e incluso utilizar ya creados de uan forma gráfica e intuitiva.

Dirección: http://htmlform.com

Framebox.org es una utilidad para crear esqueletos de webs, bocetos conceptuales y testeo de estructuras con labels, radibuttons, etc..

Dirección: http://framebox.org

CSS3generator es un rápido generador de código CSS3 para crear vanguardistas detalles en nuestras webs románticas y neoclásicas :-)

Dirección: http://css3generator.com

Sígueme en Twitter

 


Hoy voy a comentaros un recurso web que he encontrado y que es muy interesante. En este portal se puede descargar cualquier tipo de letra, con tan solo un click de ratón. Ordenadas por orden alfabético podemos encontrar y descargar casi cualquier  tipografía que circule por la red. Totalmente gratis y sin ningún problema.

Ponemos unos cuantos ejemplo de la gran diversidad de tipos de letras que puedes encontrar en la web.


22 Kbytes

14 Kbytes

15 Kbytes

25 Kbytes

19 Kbytes

82 Kbytes

27 Kbytes

32 Kbytes

11 Kbytes

21 Kbytes

29 Kbytes

29 Kbytes

15 Kbytes

14 Kbytes

48 Kbytes

19 Kbytes

32 Kbytes

61 Kbytes

20 Kbytes

111 Kbytes

31 Kbytes

10 Kbytes

13 Kbytes

24 Kbytes

12 Kbytes

12 Kbytes

16 Kbytes

11 Kbytes

13 Kbytes

20 Kbytes

13 Kbytes

19 Kbytes

44 Kbytes

20 Kbytes

12 Kbytes

8 Kbytes

36 Kbytes

121 Kbytes

24 Kbytes

24 Kbytes

9 Kbytes

14 Kbytes

25 Kbytes

6 Kbytes

19 Kbytes

7 Kbytes

19 Kbytes

14 Kbytes

27 Kbytes

32 Kbytes

62 Kbytes

13 Kbytes

22 Kbytes

14 Kbytes

 


:: FUENTE

Sígueme en Twitter