Bueno, me gustaría saber su opinión sobre que forma les resulta más practico o mejor para crear un diseño web el cual sea compatible tanto con pc y el móvil, para esto tenemos dos formas a realizar:

Responsive design:
El diseño web adaptativo o adaptable (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.1


Un diseño especial para el móvil:
Crear un diseño que sea único para los dispositivos móviles, incluyendo las tablets y los smartphones

Bootstrap: Bootstrap 2.0 es un framework diseñado para simplificar el proceso de creación de diseños web. Para ello nos ofrece una serie de plantillas CSS y de ficheros JavaScript, los cuales nos permiten conseguir:

• Interfaces que funcionen de manera brillante en los navegadores actuales, y correcta en los no tan actuales.
• Un diseño que pueda ser visualizado de forma correcta en distintos dispositivos y a distintas escalas y resoluciones.
• Una mejor integración con tus las librerías que sueles usar habitualmente, como por ejemplo jQuery.
• Un diseño sólido basado en herramientas actuales y potentes como LESS o estándares como CSS3/HTML5

---

En mi opinión, me gusta mas el responsive design pues meto todo en un archivo css, aunque eso si, si ya tienes un diseño creado y piensas realizar esto puede ser un dolor de cabeza si no eres muy ordenado aunque queda un poco corto en cuanto interacción, pues si usas el sitio especial al móvil puedes usar jQuery mobile e incluso en unos casos la web puede resultar pesada...

Si no conoces como funciona el responsive design puedes verlo en acción aquí Cambia el tamaño de tu ventana para que veas como se va adaptando

También, hay otra forma que se llama "Bootstrap" la cual no he profundizado mucho, pero igual les dejo una prueba.

---

Extra: Hace unos días Warlox agrego un post con varios consejos, en el post venia una web/herramienta que suele resultar muy útil a la hora de estructurar una web con HTML 5, pero en ella también nos da la opción de escoger entre una web normal, una responsive y una bootstrap ahorrándonos un montón de trabajo, para mi mala suerte yo la descubrí cuando ya me había aventado un diseño responsive completo, aunque no niego que fue una experiencia desesperante pero muy educativa para mi

Leyendo esto, ¿Cual te gusta más?

Antes de comenzar, ya sé que hay una forma de detectar un móvil con PHP en el foro, aunque la forma que indica no está optimizada para nada, es un chorro enorme de código además de que usa una función que está obsoleta en PHP.

Sin duda la forma más fácil (para mi) de implementar es con PHP, pues si queremos manejar varias opciones, por ejemplo darle a escoger al usuario si quiere ver la versión móvil o la completa, incluso, en un iPad, Tablet o smartphone podemos mostrar HTML 5 en vez del flash, con un poco más de código según el flash / html 5 aunque vale la pena.

Por lo tanto comenzamos con PHP:


function esMovil(){

$useragent=$_SERVER['HTTP_USER_AGENT'];
// Creado por mixvice
if(preg_match('/android.+mobile|ip(hone|od|ad)|windows (ce|phone)|blackberry|opera m(ob|in)i|palm( os)?|phone|symbian|wap\.(browser|link)|vodafone|xda|xiino/i',$useragent)){
return true;
}else{

return false;
}
}



if(esMovil()){

echo"Es movil";
}else{

echo"no es movil";
} 


Según yo, esta función tiene los moviles más usados ahora, aunque puedes borrar los que tu gustes y dejar solo android e iOS o que se yo, es tu decisión.

También podremos lograr casi lo mismo con .htaccess, aunque aquí nos rediccionará a otro sitio (tal cual el ejemplo de abajo funciona solamente con iPhone):

RewriteEngine on
RewriteCond ${HTTP_USER_AGENT} iPhone
RewriteRule .* http://movil.phperos.net
Si no te sirve, o no quieres/puedes usar PHP o .htaccess , hay un sitio web el cual permite crear código en diferentes lenguajes como ASP, C#, JSP, JS, jQuery, Python, etc.

http://detectmobilebrowsers.com/

Si tienes uno de esos sitios que se adaptan a la resolución (olvide como se les dice xD) o crees que puedes adaptar tu sitio con tan solo crear un CSS nuevo, puedes usar los Media Queries.

<link rel="stylesheet" type="text/css" href="mobile.css"  />
<style type="text/css" media="screen and (min-width: 481px)">
<!--
@import url("screen.css");
-->
</style>
<!--[if IE]><link rel="stylesheet" type="text/css" href="screen.css"  media="screen" /><![endif]-->
<link href="mobile.css" rel="stylesheet" type="text/css" media="handheld, only screen and (max-device-width: 480px)" />
Lo que esto hace es mostrar el archive css según la resolución que tenga, y claro para dar soporte a la …. De IE  se usa una condicional para que cargue su propio archivo y no se joda.

Si buscas como detectar la posición del dispositivo te servirá esto, por ahora no se me ocurre nada útil para esto pero puede llegar a servir.

window.onload = function initialLoad() {
updateOrientation();
}
function updateOrientation(){
var contentType = "show_";
switch(window.orientation){
case 0:
contentType += "normal";
break;
case -90:
contentType += "right";
break;
case 90:
contentType += "left";
break;
case 180:
contentType += "flipped";
break;
}
document.getElementById("id_div").setAttribute("class", contentType);
}

Bueno, por ahora esto es todo, si tienen algo que quieran compartir, se les agradecería que lo comentaran y yo lo agrego al post principal.

Fuentes: Google

Sin duda, una muy buena noticia para todos nosotros aunque seguimos tristes (en pesame por la muerte de megaupload).

El principal promotor de la ley SOPA (Stop Online Piracy Act) decidió retirar su iniciativa hasta que se logre un consenso mayor para combatir la piratería en internet.

Luego de las protestas en la red que condenaban la propuesta por calificarla como un ataque a la libertad de los cibernautas, el congresista republicano Lamar Smith informó de su decisión a través de un comunicado.

"He escuchado las críticas y tomo muy en serio sus preocupaciones sobre la iniciativa para enfrentar el problema de la piratería en la red. Es claro que debemos tener una aproximación distinta para lidiar con los criminales extranjeros que roban y venden invenciones y productos estadounidenses", dijo.

Durante las protestas de los últimos días, varios congresistas retiraron su apoyo a SOPA.

En las redes sociales como Twitter los cibernautas demuestran su júbilo bajo la etiqueta "SOPA is dead" (SOPA está muerta).

---

Un dato curioso es que al momento de que publico este post, la pagina del fbi está caida por los ataques DOS hechos por anonymous en represalia al cierre de Megaupload

Bueno, ya que esta parte del foro (CSS) anda medio abandonada, les traigo algo realmente muy útil, lo que haremos será ajustar una imagen de fondo a la resolución de la pantalla sin necesidad de crear enormes y pesadas imágenes.

Acá el código:


body{
 background: url(imagen.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }


Creo que no hay mucho que explicar...

Lo único que hacemos es dar el atributo background-size según los navegadores, acá una lista de:

-moz-background-size (Firefox 3.6)
-o-background-size (Opera 9.5)
-webkit-background-size (Safari, Google Chrome)


La propiedad
“background-size: cover” nos permite aumentar el tamaño de la imagen de fondo, en lugar de que nos muestre la imagen varias veces.

Y la parte del
"background: url(imagen.png) no-repeat center center fixed;"
Le indicamos que el fondo no se repetirá, y se posicionara al centro de nuestra pagina web de forma fija.

Demo...

Bueno como sabemos, con CSS solo podemos agregar un fondo por elemento, si queremos mostrar tres fondos juntos sería algo así:

<div id="fondo1">
     <div id="fondo2">
<div id="fondo3">
Contenido...
</div>
     </div>
</div>

Pero ahora, gracias al CSS3 podemos usar más de un fondo en un solo elemento.

HTML:

<div id="fondo"> </div>

CSS:
<style type="text/css">
#fondo{
      background: url(mifondo3.png) center no-repeat, 
      url(mifondo2.png) center no-repeat, 
      url(mifondo1.png) center repeat;
      width: 600px;
}
</style> 

Creo que esto es mas claro que nada pero igual explico, en la primera linea de propiedad usamos background: para definir el fondo principal, la posición y que no se repita de nuevo.

En la segunda y tercer linea usamos url para mostrar los otros 2 fondos.

Si han notado, hay una , después de las primeras 2 lineas esto es muy importante, otro punto que pueden notar es que va del 3 al 1 ¿Por qué?

es porque las imágenes que declaramos se van colocando de modo que la primera aparece sobre las siguientes,ejemplo: mifondo1.png, que está colocada como último fondo, es la que aparece detrás del todo.

Podemos ver un ejemplo acá:
Dame clic


PD. De momento solo he visto que sirve con chrome y safari. Si sirve en estos 2 imagino que también sirve con  mozilla.

Con IE lo más seguro es que no funcione... ¿Qué raro no?

Acá les voy a mostrar como realizar un efecto Neón con css3 sin imagenes

Vamos a utilizar:

  text-fill-color para colorear el interior del texto
  text-stroke-width para el ancho del borde.
  text-shadow para dar resplandor al texto
  text-stroke-color para el color del borde exterior

.textoneon{
font-size: 100px;
letter-spacing:-2px;
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de; /* Damos el resplandor*/
-webkit-text-fill-color: #F4ECFF; /* Coloreamos el interior del texto*/
-webkit-text-stroke-color:#C546F7; /* Color del borde exterior*/
-webkit-text-stroke-width:0.2px;
}

Después le asignamos el estilo al texto:

<span class="textoneon"> Aquí el texto </span>
Ejemplo

El tutorial está redactado por mi pero me base en esta web (Es lo mismo). Espero les sea útil, saludos!

Bueno, ya que hoy es 30 en varios países se "festeja" Halloween les traigo un relato interesante de la mano peluda.

Ya que en phperos una gran parte del foro es de españa, si realmente quieren algo de emoción os reto a que lo escuchen en la noche con las luces apagadas xD.

Vamos con el relato:

Se llama "Caso Clarita", en mi opinión los sonidos que se reproducen son muy buenos, el audio no esta muy bien pero les dejo el texto igual

http://www.youtube.com/watch?v=x6SUUdt-3xo


uUa señora la que angustiadísima nos comentó que su hijo, desde hacía meses jugaba muy a menudo con la ouija, que últimamente decía de repente palabras extrañas y en otro idioma y que decía normalmente que deseaba matar a sus hermanos y madre. La noche en que nos llamó nos dijo lo siguiente: (Aquí el locutor puso la grabación)

SEÑORA: Señor Carlos, ayúdeme ayúdeme, por favor, mi hijo, mi hijo me quiere matar. (VOZ ATERRORIZADA)

LOCUTOR: A ver, dígame señora, tranquila, qué pasa.

SEÑORA: Mi hijo desde hace 7 meses juega con la Ouija en la noche, no le tomé importancia, pero ahora dice en otro idioma palabras raras y dice de repente que quiere matarme y a sus hermanos, en ocasiones tiene una gran fuerza que no debería tener un joven de 13 años, ha intentado matar al perro con un cuchillo, y hoy y hoy (grito no por favor, no!!!!!!!!!!!!!!!!!!!!!!!!!!!!!)

LOCUTOR: Señora ¿qué pasa?, dígame señora, ¿¿¿¿¿¿sigue en línea, señora???

SEÑORA: Ayúdenme, ayúdenme, por favor, mi hijo está levitando en su cama, dios mío está flotando, está flotando, ayúdenme, por favor, tiene los ojos en blanco, tiene una navaja, Dios qué quieres, deja a mi hijo, Dios, Señor Carlos, alguien ¡¡¡ayúdenme!!!

En la grabación en esos momentos se escuchan gritos, y llanto, se escuchan gritos de la señora y de repente se corta la llamada.

El locutor del programa contó el día que escuché la historia, que el día que sucedió lo anterior, estuvieron varias veces poniendo y poniendo la grabación de la señora pidiendo al público y a ella que volviera a llamar y así poder ayudarla, pero a los tres dias, dijo el locutor, un joven habló, y esto dice en la grabación:


JOVEN: Yo tengo información de la señora que busca señor, pero sería mejor que dejara de jugar con lo que no entiende, no la busque más, él es fuerte, él lo puede matar, aléjese.

LOCUTOR: ¿De qué habla joven? ¿Cómo se llama usted? Dígame.

JOVEN: Sólo le digo que tenga cuidado, (VOZ ENOJADA) te dije que me dejaras en paz,(VOZ TRANQUILA) por favor no le vaya a hacer algo, sólo escuche bien la grabación, escúchela, escúchela.
====================================================================================================

Despues de ese dia esto fue lo que paso!

Ahí es donde se corta la llamada. El locutor del programa dijo el dia que yo escuché el programa que en vivo al otro día él y otros especialistas analizaron la primera grabación de la señora y pudieron aislar los ruidos de la grabación, resultando que dentro de los gritos y los llantos, en primera eran de varias personas, y te juro Kruela que fue escalofriante escuchar la grabación que lograron aislar el locutor y su amigo; decía así un eco: “Te voy a matar perra, a todos, te voy a matar y si sigues pidiendo ayuda a todos mataré, nadie te ayudará, ayudará, ayudará, ayudará……”

Fue horrible, pues era un eco muy lejano pero muy claro. Contó el locutor que semanas después, un señor llamó a la estación muy asustado, pero según dijo dispuesto a decirle qué había pasado y esto se escucha en la grabación:

“Mire Sr. Carlos, el día que la Señora Julia le llamó, esto sucedió: ella es portera de un edificio de la zona Sur de la ciudad de México, muy entrada la noche, la escuchamos yo y otros 10 vecinos del edificio gritar. Todos salimos a los balcones hacia el patio, que es donde está la casa de ella, para saber qué pasaba. La oímos gritar, varios hombres, entre ellos yo, bajamos a su casa, forzamos la entrada y la vimos con el auricular, pidiendo ayuda a alguien, que después supimos era usted. En eso al vernos, se escucharon por todo el edificio gritos y llanto, tan fuerte que nos aturdieron por un instante. La señora colgó el teléfono y corrió hacia nosotros pidiéndonos que la ayudáramos. Al preguntarle por qué señaló el cuarto de sus hijos, (VOZ ATERRORIZADA) y en serio, señor, jamás había visto algo así, todos nos quedamos petrificados de miedo, vimos al hijo mayor de la señora, no sé si crea esto, pero volando, así como lo oye, como a 30 cm. del piso, los ojos en blanco, una sonrisa que la verdad no sé cómo la hacía, era de oreja a oreja, era diabólica, y con un gran cuchillo en la mano, incluso con sangre. Los vecinos no sabíamos qué hacer, le preguntamos a la señora qué le pasaba y ella sólo decía que él la quería matar. Salimos corriendo de la vivienda hacia el patio de en medio, pero el joven nos siguió, estaba en medio del edificio flotando y hablando extraño. Todos los vecinos al ver eso, empezaron a gritar unos, otros a rezar, mientras que otro señor intentó detener al joven jalando de los pies por atrás; lo consiguió, el joven estaba como desmayado, pero no soltaba el cuchillo. Hicimos lo que se nos ocurrió señor, llamamos a un cura y……”

En este momento la grabación se corta, contó el locutor que por más que intentaron comunicarse con la señora o con el señor que jamás dio su nombre, todo fue infructuoso. Pasaron por meses las tres grabaciones anteriores, los especialistas sólo decían que el joven debía estar poseído por un espíritu demasiado fuerte, pero que sin más información no podían hacer más.

Cuenta el locutor que esa llamada fue la causa que el programa se cambiara de horario, porque en el estudio contó él, se escuchaban voces, gritos y lamentos, que en más de una ocasión al personal del programa los aventaron y golpearon fuertemente sin que alguien físicamente estuviera allí, y a uno de audio le sucedió un accidente de auto, el que dijo él lo había provocado la aparición de un rostro en el vidrio de su carro.

Fue tanto el miedo que empezaron a sentir todos en la estación de radio que le dijeron al productor y al locutor, que hasta ese dia en que yo lo escuché, aceptó que también estaba aterrorizado, que o cambiaban el horario o renunciaban. Fue así que actualmente este programa pasa a las 12:00 hrs. Lo más increíble de la historia son las llamadas, se escuchan demasiado reales y demasiado aterradoras”.


como solo eran relatos de terror los que comentaban la produccion colocaba sonidos ambientales para dar mas ambiente pero este relato se les paso hasta que habla Victor manuel barrios Mata cuando la señora le dice es que no me lo va a creer mi hijo esta....


Hay otro relato llamado "Caso josue" en mi opinión este (caso clarita) es mas real que el que les digo pero bueh xD cada quien lo suyo.

Buenas!, bueno no se si este tema este bien acá y si no un mod que lo mueva a donde corresponde...

Por ahí leí que Rastrillox publico un script para mostrar las ultimas placas en el hotel en su web forhabbo.es pero esta en mantenimiento, me preguntaba si algún usuario de aqui lo tiene y lo pudiera pasar... Un saludo y grax