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

 

Seguro que alguna vez os a pasado que cuando escribes algún tipo de código en HTML que supuestamente está en codificación de carácteres UTF, no nos reconoce los acentos y nos muestra estos símbolos tan raros y molestos

Generalmente lo podemos solucionar cambiando nuestro sistema de codificación de nuestro editor.

El método es simple debemos introducir antes el simbolo & más la palabra acute terminando con ;

Para mostrar la á       á
Para mostrar la é        é
Para mostrar la í         í
Para mostrar la ó       ó
Para mostrar la ú       ú
Para mostrar la ñ      ñ

EJEMPLO:

Para poner la palabra “programación” lo pondríamos de la siguiente forma  programación

Sígueme en Twitter

 

Muchas veces nos gustaría poder capturar en vídeo las acciones que hacemos en la pantalla de nuestro pc para crear videotutoriales de una forma rápida y simple. Gracias a Dios los usuarios de Firefox porfín tenemos un addon para firefox que nos permite grabar las acciones de la pantalla en video.

Graba el navegador e incluso la pantalla en archivo de video AVI. Y nos permite grabar audio si así lo deseamos.

Para instalar este addon podemos descargar CaptureFox del siguiente enlace. CaptureFox

Una vez instalado tienelo configuraremos de una forma básica.

En la siguiente captura vemos las siguientes opciones.

  • Elegir la pantalla entera o solo el navegador Firefox.
  • Escoger la calidad de vídeo y los frames por segundo
  • Grabación de audio opcional
  • Seleccionar carpeta donde queremos guardar el vídeo resultante.

Y en las opciones avanzadas nos permite configurar.

  • El codec que se utilizará para la captura
  • El codec que se utilizará para la captura de audio si la hemos seleccionado anteriormente.
  • Darle un nombre al archivo resultante

 

Sígueme en Twitter

 

En nuestra andadura recojiendo plugin para mozilla Firefox hemos encontrado otro plugin llamado Web Devoloper que és realmente útil si quieres comprobar como se vera nuestro sitio web en construcción en diferentes resoluciones.

Web devoloper nos permite simular cualquier tipo de resolución para saber si tenemos cuadrados los objetos de nuestro website y nos posibilita ver y editar CSS o la información de nuestros estilos entre otras muchas opciones.

:: Enlace Descarga

:: Enlace autor

:: Enlace Mozilla

Sígueme en Twitter

 

Publicamos otro maravilloso add-on de diseño para Firefox .

Con un funcionamiento muy simple y efectivo en el que después de la instalación encontramos debajo a la izquierda el icono.

dibujo2

Solamente necesitamos clickar encima y se nos activa el modo que nos permitira medir cualquier distancia en pixels en la pantalla con la web detras como plantilla.

dibujo21

Descarga MeasureIt

Sígueme en Twitter

 

1234546689 Explicamos para que sirve este  fabuloso  add-on para firefox , en mi opinión esencial para cualquier tipo de trabajo especialmente en diseño.

Después de descargar e instalar el plugin que no tiene mayor complicación.

El funcionamiento del mismo es muy simple, se activa con un solo clic en el icono que nos aparece en la parte inferior izquierda.

dibujo1

Seguidamente buscamos el color que queremos obtener ,pulsamos sobre el mismo y nos posibilita copiar los colores al portapapeles ya sea en formato hexadecimal o RGB.

El add-on también nos permite aumentar o disminuir el zoom de la página y contiene un historial de colores por si queremos recuperar una captura anterior.

Descarga Colorzilla

Sígueme en Twitter