Si jugáis un poco con la web tanto desde vuestro ordenador como vuestros dispositivos móviles podréis ver y descubrir todas las mejoras que he lanzado (que no son pocas).

Nuevo diseño mejorado en Helektron.com y soporte para dispositivos móviles

Me gustaría saber vuestra opinión sobre estos cambios y si los veis positivos y si hay algo que cambiaríais. Por cierto, si veis algún problema avisarme por favor :)

Noticias relacionadas:

1. Nuevo diseño en Helektron.com
2. Nuevo cambio de diseño
3. Nueva sección de Fans de Helektron.com

Una imagen vale más que mil palabras:

Nuevo cambio de diseño

Como podéis ver claramente, los días donde el “nuevo” diseño estaba funcionando hubo una dramática subida del tiempo de respuesta y de carga. Lo que conlleva una bajada importante de visitas.

He vuelto al diseño anterior con bastantes optimizaciones a nivel de carga y elementos.

Espero que os guste :)

Noticias relacionadas:

1. Nuevo diseño en Helektron.com
2. Nuevo diseño
3. Cambio ligero en el diseño del blog

Yo, DarkSamu, redactor nuevo en Es La Última, he preparado como primer artículo, un ejercicio de investigación. He sudado la gota gorda, pero al fin lo he conseguido, la información suficiente para llenar un artículo de NGP.

nintendo ngp

nintendo

El diseño que Sony ha optado para la NGP se llama Super Oval Design, o, Diseño de súper óvalo. Pero hay más. Los botones HOME, Start y Select han cambiado. Han puesto las dos S (Select y Start) juntas en el lado derecho y un botón HOME con el logotipo de PlayStation a la izquierda.
La conexión USB ha cambiado de arriba abajo, mientras que los controles de +/- volumen y encendido están en la parte superior. La conexión de corriente está al lado del USB. En cuanto a potencia, vais a flipar, MISMA VELOCIDAD que la gigante de la casa, PS3. Procesador de 2 GHz, cuatro núcleos y RAM elevada, pero desconocida de momento. Pero todavía hay más… Dos cámaras, una frontal y otra trasera, panel táctil por detrás. Incluye bluetooth, wifi de alta velocidad, 3G y nuevo sistema operativo, llamado live area. Y lo más impactante: ADIÓS AL UMD

ngp

Noticias relacionadas:

1. Datos curiosos sobre Android
2. Wwitv.com: Ver televisiones online gratis de todo el mundo
3. Todo es culpa de la crisis

No es un sueño es una realidad. Y Qubichouse ”Concept” es la solución.

Pero ¿Qué es la Qubichouse ”Concept”?

QubicHouse Concept nace del esfuerzo y dedicación de profesionales para crear un “concepto” de vivienda moderna y minimalista cuidando al máximo los detalles, y como siempre, con la mayor calidad. Es una vivienda “low cost” que nos ofrece el diseño más exclusivo a un precio inigualable, 69.900€. Y todo en un tiempo récord de construcción: En tan sólo 30 días.

Esta vivienda de 6x6x6 en dos plantas y con 3 distribuciones diferentes (1, 2 ó 3 dormitorios) para adaptarnos a las necesidades de cada cliente. Siendo uno de sus mayores atractivos el que se pueden elegir los acabados interiores y exteriores sin aumentar el precio de la vivienda.

Empresas líderes del mercado han apostado por Qubichouse Concept y hemos conseguido que esta vivienda tenga la máxima calidad y un diseño impecable.

“se puede pasar de tener una parcela a una vivienda en un tiempo record! Rapidez y diseño con total seguridad y confortabilidad; estas casas tienen cédula de habitabilidad y son hipotecables”

”Además, SPAZIOMISURA, la empresa de interiorismo de Casamisura, puede equipar completamente la casa (incluyendo desde el mobiliario a la vajilla o la ropa de cama) por un atractivo precio”

Noticias relacionadas:

1. Comprar o esperar para comprar una casa
2. Piso nuevo en Barcelona por 115.000 euros
3. Nómina de Enero del 2010 con 35 euros menos

Entre otras mejoras:

• Anchura líquida.
• Comentarios separados de Pings.
• Más ligero.
• Se ha mejorado la velocidad de carga.
• Diseño más amplio.

Espero que os gusten las mejoras y si tenéis alguna propuesta adelante :)

Noticias relacionadas:

1. Nuevo diseño
2. Cambio ligero en el diseño del blog
3. El diseño y la elasticidad de la mente

Noticias relacionadas:

1. Monólogo sobre la Nochevieja
2. Monólogo sobre las fantasías sexuales
3. El nuevo logo de Firefox

Noticias relacionadas:

1. Los portátiles que emplea la policía de Europa del Este
2. Tatuajes científicos molones
3. Sujetadores molones

Noticias relacionadas:

1. Pack de fondos de Pantalla (Wallpapers) para iPhone e iPod Touch
2. Anuncios en los campos
3. Una nueva tecnología permite leer la mente a las personas

Bueno, no siempre se ve este icono y depende del navegador que se utilice el que se vea o no.

Pero del lado del diseño de la página web, podemos asegurar totalmente que este icono se vea bien en los navegadores.

Para ello, editamos nuestra página web, y en la etiqueta head añadimos esto:

<link type=”image/x-icon” href=”http://dominio.com/favicon.ico” rel=”icon” />
<link type=”image/x-icon” href=”http://dominio.com/favicon.ico” rel=”shortcut icon” />

Donde aparece: http://dominio.com/favicon.ico debería ser la ruta completa de vuestro favicon.ico.

Noticias relacionadas:

1. Favicon dinámico o estático
2. Favicon2dots.com: Crear favicon con apariencia 3D
3. Como crear un favicon dinámico

Si tenéis detectáis algún problema o sugerencia, adelante.

Noticias relacionadas:

1. Blog sin publicidad
2. Migración del blog
3. Publicidad en los feeds con FeedBurner

Espero que os guste el nuevo diseño y si teneis alguna sugerencia comentarmela e intentaré mejorarlo a vuestro gusto.

De paso os recuerdo que sigue estando abierta la encuesta y os animo a dejar vuestra opinión:

Noticias relacionadas:

1. Cambio ligero en el diseño del blog
2. AUNQUE TE TAPEN LOS OJOS…TODO SALE A LA LUZ
3. El nuevo logo de Firefox

Noticias relacionadas:

1. Temas para WordPress a patadas
2. Como mudar tu blog en WordPress a un nuevo dominio
3. Consejos para que tu blog tenga éxito

Para que nos entendamos el resultado sería este:

El resultado es este.

Para conseguirlo, simplemente tenemos que crear en nuestro CSS un elemento con los siguientes valores:

blockquote {border-left: 5px solid #555;padding: 0.7em 1em 0.7em 1em;
background: #eee url(http://helektron.com/img/bloque.gif) no-repeat
bottom right;margin-left: 2em;}

Y en el código basta con meter dentro de las etiquetas blockquote y /blockquote (con <> respectivamente) el texto en cuestión.

Lógicamente tendreis que cambiar la ruta de vuestra imagen (yo he empleado en el ejemplo: http://helektron.com/img/bloque.gif) y cambiarla como querais.

Además de poderle cambiar el nombre a blockquote por el que necesiteis.

Noticias relacionadas:

1. Cómo crear un enlace con una imagen flotante
2. Css Buttom Designer: Herramienta on-line para crear tus botones CSS fácilmente
3. 800 Fuentes de estilo

Noticias relacionadas:

1. Reparto del tiempo en el diseño web
2. Herramientas para Diseñadores y Desarrolladores
3. ZPrinter 450: La impresora perfecta para imprimir tus diseños en 3D

Podeis ver una demostración en este enlace y lo podeis descargar pinchando aqui.

Vía | Supay.es

Noticias relacionadas:

1. Como ver tu blog o página web en distintas versiones de Internet Explorer
2. No utilices Internet Explorer
3. Interesante Extensión para Firefox

Bueno pues aprovecho y creo un post explicándolo paso por paso, para que pueda servir a todos los que lo quieran saber.

Antes de nada, lógicamente tendremos que crear un “ancla” para movernos a la zona donde queremos que vaya cuando hagamos click en la imagen.

Para ello crearemos un enlace donde queramos, simplemente creamos el atributo name con el valor top (en este caso), lo podemos hacer de la siguiente manera:

Lo primero es crear en nuestra hoja de estilos css un identificador para ese enlace, donde vamos a determinar las propiedades del mismo.

Podemos crear este atributo css del enlace de la siguiente manera:

a#pie
{
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 48px;
width: 48px;
background: url(img/arriba.gif) bottom right ; /
text-indent: -999em;
text-decoration: none;
}

La imagen la podemos cambiar por la que queramos, la ruta que he puesto de ejemplo es img/arriba.gif , vosotros la podeis cambiar por la que querais.

Lo segundo es irnos al footer e incluir el siguiente código html:

[html][/html]

Y finalmente poner donde queramos(dentro del body) el id, en la parte de nuestra página donde queremos que vaya:

[html][/html]

Tengo que decir que esto funciona en Firefox y en Explorer 7.0 (y superior). No he probado en navegadores como Safari, Opera y similar, aunque creo que debería de funcionar.

Noticias relacionadas:

1. Crear gotas en imágenes
2. Css Buttom Designer: Herramienta on-line para crear tus botones CSS fácilmente
3. Text-To-Imagen Generator: Convierte textos en imágenes fácilmente

En este enlace: http://www.fasticon.com/ veréis iconos con un diseño personalizado además de poder encontrar los vectores para poder modificarlos como queráis.

Colección de iconos 2.0

Noticias relacionadas:

1. Colección de fotos y fotomontajes con la frase ¡¡Esto es Esparta!! de la película 300
2. Más de 15.000 iconos
3. CSS Tab Designer: Programa para crear menús y listados en CSS

Con CSS Tab Designer puedes:

• Diseñar rápidamente tu lista visualmente.
• Elegir una variedad de estilos y colores grande (más de 60 diseños y colores).
• Generar el código final de xhtml con un solo click.

Descárgatelo aqui.
Vía | DavidMHe

Noticias relacionadas:

1. MozBackup: Programa para crear copias de seguridad de Mozilla Thunderbird, Mozilla Firefox, Mozilla Suite y Netscape
2. Menús dinámicos en css
3. Reproductor MP4 de 4GB por 139,9€

Noticias relacionadas:

1. Reparto del tiempo en el diseño web
2. Consejos para que tu blog tenga éxito
3. AUNQUE TE TAPEN LOS OJOS…TODO SALE A LA LUZ

La web se llama Tredosoft.com y lo podeis descargar aqui.

Yo siempre he utilizado la extensión IETab para Firefox y me ha gustado esta alternativa. La puedes descargar aqui.

Noticias relacionadas:

1. No utilices Internet Explorer
2. COMO instalar Internet Explorer en Ubuntu
3. MeasureIt