Tag Archives: css

Las 40 404 más divertidas y originales de la web

Hace tiempo que vengo viendo páginas 404 bastante divertidas y originales que le dan un toque más humano y cercano a la web.

En esta ocasión me topé con este post de inspiration feed

En el cual se encuentra una gran variedad de diseños 404 para nuestra inspiración.

Sin lugar a duda la mejor de todas es esta:


Así nos han encontrado!

  • botones web
  • botones psd
  • botones psd para web
  • botones negros web
  • webs originales 2011
  • botones para web

25 packs de elementos de interface UI para nuestra web

Recopilación de elementos UI para nuestra web en formato PSD. Ideal para aquellos que quieran iniciar su web con un toque de estilo novedoso y sofisticado.

Hace ya un buen tiempo que vi esta recopilación sin embargo hoy os la traigo después de un largo periodo de “vacaciones” forzadas.

Se trata de packs de elementos UI en PSD para crear nuestros botones, barras progresivas, sliders, selects y muchas otras cosas

No están en orden de preferencia, sino de como los abrí desde delicious :P
Espero disfruten.

Sleek Web UI Elements

Botones, tabs, checkbox, desplegables, on/off, buscadores… un poco de todo en negro y azul marino para nuestra web.

Elementos negros para navegación

UI Elements [psd]

Bastante simple pero bastante chulo, al menos a mi parecer.

Elementos de navegación


Así nos han encontrado!

  • psd interface
  • elementos web psd
  • botones web negros
  • checkbox psd
  • interface ui
  • web elements psd
  • elementos para web
  • ui interface

Probar web en IE 7,8 y 9 con Firefox 5 e IETabs v2

En este post cubriremos otra alternativa a la previsualización de sitios web utilizando Firefox. En este caso utilizaremos el motor de IE para renderizar las páginas y poder adaptarnos a las diferentes versiones de Internet Explorer

Como reza la descripción, vamos a ver como emular internet explorer 7,8 y 9 en firefox.

Requisitos para ver mi web en Internet Explorer 7+

Como siempre, nos guste o no, hay ciertos requisitos a cumplir a la hora de emular nuestro sitio web con un motor de internet explorer.
Se requiere, al menos, la versión 8 de IE y se recomienda tener la 9.

Con la 9 se emularán todas las versiónes de IE.


Así nos han encontrado!

  • emular internet explorer 8
  • emulador internet explorer 9
  • emular internet explorer 7
  • emulador internet explorer 8
  • emulador explorer 7
  • emulador internet explorer 7
  • emular internet explorer 9
  • simular internet explorer 8
  • emulador ie9
  • emulador explorer 8
  • simulador internet explorer 8
  • emulador explorer 9
  • emulador ie
  • simulador internet explorer 7
  • simulador ie9
  • emular ie8
  • simular internet explorer 7
  • simulador de internet explorer 8
  • simular explorer 7
  • emular Explorer 9

Crear un menu SOLO con CSS3 sin Javascript! [Dropdown Menu]

Estos días he estado revisando tutoriales de la web y dado que he tenido algunas peticiones con el tema de CSS3 pues he decidido crear una categoría de Diseño Web en la que hablaremos de diferentes aspectos o códigos para crear barras de buscadores, formularios o, como en este caso, un menu únicamente usando css3.

Como no soy dado al diseño web he decidido tomar los mejores tutoriales de la red y traerlos a skamasle, como muchos sabrán lo mejor en cuanto a programación suele estar en inglés y esta no es la excepción… así que mi labor en este caso se tratarña de intentar dar el mismo enfoque a los artículos originales.

Así que, manos a la obra!

Vista previa de nuestro trabajo

Esta es una vista previa de lo que nos quedará al final del tutorial:

Para mi gusto está bastante bien, la vista previa la hice con firefox 4.


Así nos han encontrado!

  • menus con css3
  • menus css 3
  • Menu con CSS3
  • menus con css 3
  • crear menu css3
  • menus css3
  • menu css3
  • crear menu con css 3
  • menu ccs3
  • crear un menu con css3
  • crear menu con css3
  • menu con css 3
  • crear menus con css 3
  • crear menus con css3
  • menus en ccs3
  • menus ccs3
  • crear menu javascript
  • menu en css 3
  • menu css 3
  • como hacer un menu con css3

Como armar una página web

Cuando uno se inicia en la programación web lo primero que se pregunta es: Como armar una página web? que necesito saber? donde puedo subir mi web? etc…
Entonces, empecemos por el principio.

Conocimientos para armar una página web

Antes de plantearnos todas estas dudas requeriremos de los conocimientos.

Así que lo primero y principal es aprender HTML y CSS. Ambos son bastante fáciles de aprender y no requieren de conocimientos previos, como recomendación personal también agregaría XML y XHTML.

Más adelante os daréis cuenta de la importancia de los estándares.
Sabiendo HTML y CSS seremos capaces de armar una página web estática, maquetar, crear plantillas, pasar diseños de photoshop a html.

Recursos y puntos a tener en cuenta en el diseño de logotipos

Estos días me ha estado dando mucho por hablar de css.
CSS es un lenguaje de diseño y como siempre ha sido mi punto débil estoy estudiando diferentes aspectos del diseño web.

Uno de ellos, quizá de los más importantes, es el diseño de logotipos.

El logotipo es la imagen que caracterizará a tu empresa, aquel producto visual que cuando lo vean pensarán “ahh si! ya se que empresa es”.

El color, las formas, todo ello suponen importantes recursos a la hora de diseñar nuestro logotipo y, por lo tanto, son factores muy importantes a tener en cuenta.

Siempre debemos pensar en que queremos enseñar y de que forma quererlo y sobre todo estar a gusto con el producto final.