Diseño Web: ¿en qué está programado?

B

[Borrado] #1 Abr '12

Holaquetal.

Me gustaría preguntar a los maquetadores y programadores web que rondan este sub-foro en qué están programadas las siguientes páginas web.

http://www.thismortalmagic.com/
1.- En este primer caso, ¿qué han utilizado para conseguir ese desplazamiento vertical al clickar en una imagen? En caso de que hayan utilizado X, ¿habría una manera más limpia y eficaz para hacerlo (de tal manera que fuera más liviana de cara al navegador)?

http://www.firstborn.com/#
2.- En este segundo caso, ¿en qué han montado la web para conseguir esa fluidez al moverse de categoría en categoría?

¿Estas webs están montadas de 0 supongo no? No están basadas en ningún CMS tampoco, a no ser que hayan creado un CMS exclusivamente para esas páginas. ¿?.

A ver si alguien puede echarme un cable, gracias.

Edit:

BUMP con otra duda en #28.

drount #2 Abr '12

1.- anchors HTML, toda la web es una sola página. Se puede usar Jquery Scroll (o parecidos) para suavizar la transición.
2.- es Flash.

Respecto a lo de los CMS, la primera [EDIT] es wordpress como bien indican abajo.

2 1 respuesta

squ4r3 #3 Abr '12

te puedo decir asi por encima que en la primera han usado anchors HTML con algun tipo de animación para no hacerlo de golpe

en el segundo animación flash pura y dura, está todo hecho en flash

1 respuesta

B

[Borrado] #4 Abr '12

Gracias.

Me ha sorprendido que la segunda sea todo puro Flash, generalmente las web hechas en Flash me van petadísimas, la navegación es horrible e incómoda. ¿Se podría hacer la web 2 sin tirar de Flash?

No sé que es eso de anchors HTML, tendré que investigar.

#3 ¿A qué te refieres con lo de la animación en la primera web?

Pregunta extra:

http://www.oberhaeuser.info/ La galería de imágenes que está en la cabecera ¿qué es?

BLZKZ #5 Abr '12

y yo lanzo una pregunta, qué tiene que ver el diseño con la programación?

Diseño y maquetación va por un lado y programación por otro.

HTML no es programar.

#6 según esa teoria los programadores deberían saber maquetar, y me rio en la cara de los que piensan eso para aplicaciones web un tanto tochas (facebook por poner un ejemplo)

1 2 respuestas

Diabloskuro #6 Abr '12

#5 Según esa teoría los diseñadores deberían entregar sus trabajos en html + css.

What a wonderful woooorld!

2 1 respuesta

B

[Borrado] #7 Abr '12

#5 ¿Y qué tiene que ver el diseño con HTML? Se diseña sobre un papel y no precisamente escribiendo etiquetas...

Así que de alguna manera habrá que llamarlo. Yo lo considero como lenguajes para que los navegadores entiendan X cosas, así que lo considero un lenguaje al fin y al cabo.

#8 Abre otro hilo para continuar este interesante debate, gracias.

1 respuesta

BLZKZ #8 Abr '12

#7 pues lo llamas maquetacion, no programación.

por cierto #1 la primera web usa wordpress asi que eso de que no han usado un CMS no es cierto

1 respuesta

tada #9 Abr '12

No todo el diseño de la web se hace con pura maquetacion de HTML y CSS, hay animaciones en las que intervienen lenguajes de programación, ya sea javascript, php..

Lo de la primera web se puede hacer facil con jQuery y la galería de imagenes también con algun slider jquery..

1 respuesta

BLZKZ #10 Abr '12

#9 animaciones con php? ajajdsfijbdsgflkjgha

Madre mia lo que hay que leer xD

1 respuesta

X-Crim #11 Abr '12 Moderador Mario Kart

El Mario Bros creo que esta programado con php si no me equivoco.

tada #12 Abr '12

#10

<script>
<?php
     echo "var pito ='". $size ."';";
?>
</script>

Oh wait.. PHP generando código javascript? :<

1 respuesta

BLZKZ #13 Abr '12

#12 ??? dios de mi vida, sabes de lo que hablas xD

como con echo puedo generar texto plano entonces php hace webs estáticas porque puedo poner echo "<html></html>";

Buena ehhh buena

1 respuesta

tada #14 Abr '12

#13 oh wait.. animaciones php?¿?¿?¿?

ok.

1 respuesta

BLZKZ #15 Abr '12

#14 un gif son "animaciones" ok sabes de lo que hablas

#16 ya aburres. Leete lo que me has puesto anda. Con php (en concreto con gd2) puedes generar imagenes, pero no animaciones con las interactuas, eso lo haras con ajax, con as, webgl o con lo que sea, pero no con php xDDDDD. Sigue intentandolo

1 1 respuesta

tada #16 Abr '12

#15 no.. npi, me has convencido de que php no vale para animar nada.

PD: casi

1 respuesta

HeXaN #17 Abr '12

Y otro tema más en el que BLZKZ tiene que venir a sacarle puntilla cuando la pregunta de #1 se comprendía perfectamente -.-

7

tracker086 #18 Abr '12

Lo que hay que leer...xD

Esta claro que lo único con lo que puedes crear animaciones en con JS y Flash...

Más que nada, porque PHP es un lenguaje de lado del servidor.. es decir, lo procesa y lo manda al cliente procesado, sin poder animar nada luego una vez está.

Hilando fino se puede decir que con PHP se puede programar...pero no sería php, simplemente procesaría algo en php en servidor y lo mandaría con JS y demás al cliente, pero sería JS el que estaría animando. PHP solo, no puede animar nada en cliente.

2

metanoia #19 Abr '12

Ceñíos al tema del que habla el OP, por diox. Con lo que ha dicho en #1 se entiende perfectamente lo que quiere saber.

1

DarkSoldier #20 Abr '12

a #1 ya le han respondido xDD sigamos con la discusión que es gracioso ver como alguien dice que puede crear animaciones con php joder xd

oh wait.. oh wait.. oh wait... xddd

1 respuesta

scumah #21 Abr '12

Yo creo que para seguir esta mierda de discusión ya tenéis los MP o crear un hilo nuevo. Que he entrado en un hilo curioso, en el que un usuario pregunta cristalinamente una duda interesante (o al menos a mí me lo parece), y cuando he visto que el 90% de las respuestas son MIERDA, me ha dado coraje.

#1, la segunda web se puede hacer sin Flash tranquilamente con jQuery, este plugin, y un poco de curro. Mira esta web si quieres un ejemplo de esto mismo pero elevado a mil: http://artofflightmovie.com/

Molaría un hilo sobre preguntas de este estilo, y si ves un efecto guapo de una web, o cualquier cosa que te llame la atención y no sepas como está hecha (En la web), tener un sitio para preguntar. Aunque después en este foro estas cosas no llegan a ningún lado :/

1 1 respuesta

BLZKZ #22 Abr '12

#21 por cierto ya que sale, alguna web con recopilacion de plugins jquery? porque la oficial la chaparon ¬¬

1 respuesta

PiradoIV #23 Abr '12 Brongster

#20 ya está bueno ¬¬

scumah #24 Abr '12

#22 Pues no tengo ni idea la verdad, yo no uso ninguna y no conozco ninguna buena :/ Están rehaciendo el sitio oficial, y parece que quedará chulo, pero por ahora no tengo ni idea.

U

uNd #25 Abr '12

html + javascript , si quieres hacerlo más elaborado.

javascript + php , te haces un menú rechulón para añadir cosas a la galería de imagenes o algo.

PD: Yo cuando diseño, diseño en mi sketch con lápiz y gomita, luego paso a photoshop, posteriormente entrego boceto a cliente , Visto bueno y comienza , html , css, javascript ,php , según lo que pida

Tunnecino #26 Abr '12

El flash tal y como se usa en la web de #2 lo veo acabado, mas con las posibilidades de js hoy en día.

Offtopic: Este verano soy PHP... digo Animador en un Campamento.

TaiCHoKe #27 Abr '12

Ahi os queda un regalo para imagenes reshulonas
http://highslide.com/

B

[Borrado] #28 Abr '12

Buenas, resubo el hilo para hacer más preguntas y no crear otro (aunque estaría bien tener un hilo para dudas de maquetación y demás).

La pregunta es la siguiente, ¿cuál es la mejor manera para maquetar este tipo de thumbs:

http://www.idependonme.com/
http://www.oberhaeuser.info/

Me refiero a las miniaturas, clickas encima y te llevan al proyecto en cuestión.

Yo eso lo maqueto (uso Dreamweaver para ello) con <div></div>, utilizando imágenes de sustitución (para simular que son botones) y CSS para separar las imágenes una de otras (vaya que cada imagen está en un div distinto). Y me parece que eso que hago es un tanto chapuza, ¿cuál es la manera correcta?

2 respuestas

TaiCHoKe #29 Abr '12

#28 Tag img con onmouseover para cambiar los estilos al pasar el raton.

scumah #30 Abr '12

#28 Eso supongo que estará hecho con jQuery. Te he montado un ejemplito:

http://jsfiddle.net/AsnKD/

Y si la transición no te importa, hazlo con sprites de css. Las imágenes de sustitución del dreamweaver están lejos de ser una buena solución xD

1 respuesta

Diseño Web: ¿en qué está programado?

Usuarios habituales

Tags