¿Cómo se pueden mejorar los sitios A y B?

¡Buen trabajo! ¿Notaste que 2 de tus enlaces anteriores son exactamente iguales? 🙂

De todos modos, es francamente inconformista. 🙂 Buen uso del video. Muchas de las cosas modernas necesarias están ahí, como el menú que aparece en el desplazamiento, muchas áreas transparentes, bits de movimiento divertido.

Tu página de Drone podría usar algo de atención de CSS en el segundo DIV principal para que el 4th thingie no se rompa en una nueva línea.

Imágenes en una dieta

Vi algunas imágenes que son MUCHO más grandes de lo que deberían ser, como whoa, en esta página. Es por eso que la página se carga muy lentamente. Un error común con mis clientes que simplemente rellenan cualquier foto digital en su sitio sin editar. 🙂 Esos podrían ser optimizados.

Animación SVG

Algunos de sus bits de video en realidad traen a la mente otra cosa divertida de construir: animar imágenes SVG con CSS o Javascript, que mostrarán el movimiento y las cosas que suceden mientras se desplaza. Ultra inconformista y divertido. Eso podría ser un mini-curso divertido. Eso es un poco más pulido que los GIF animados que veo allí.

Manifiesto del marco

A menos que solo lo vea el “comité de jueces”, no haría el anuncio Acerca de cómo hacerlo desde cero con Dreamweaver. Es cierto, te aplaudo por hacer todo lo que puedas sin elementos enlatados: es una buena herramienta de enseñanza. Pero Dreamweaver en sí mismo podría considerarse fácilmente como un marco, aunque no gigantesco. Si codificara todo eso desde un editor de texto plano, estaría muy impresionado. 🙂 Y si los jueces son espectadores, no les importará el concepto de marco.

Ya que estoy lloriqueando un poco, veo que hay efectos de desplazamiento que vienen de jQuery, que es un marco de javascript . De hecho, preferiría que estos efectos se produjeran a través de CSS3, ¡así que se necesita menos Javascript!

En el mundo real, por cierto, las situaciones prístinas que no están en el marco no existen realmente, excepto quizás en las demostraciones de clase. 😉 Habrá cosas en los sitios que no se pueden codificar fácilmente a mano. Su hermoso diseño deberá coexistir con todo tipo de otros datos y funcionalidades, lo que requiere la gestión de contenido y, por lo tanto, inevitablemente, algún tipo de marco. La incorporación de su diseño en varios marcos es una habilidad necesaria y muy compleja, por lo que no debe ignorarse (a menos que tenga la suerte de simplemente dárselo a un programador como yo, que se encarga de todo eso). Pero tal vez sea el curso 2, ¿eh? 😉

No vi todo, pero eché un vistazo alrededor.

Gracias por preguntar. ¡Buena suerte en ganar el concurso!

Si bien Dave Chu ya dio una respuesta, recomendaría hacer todo como una aplicación de una sola página. Puede hacerlo fácilmente con NodeJS o Angular (solo sirve páginas estáticas).

No he leído tu PDF todavía, pero buena suerte en tu rediseño.

¿Están diseñando su sitio web utilizando un editor gráfico basado en vectores? Sus imágenes parecen borrosas en sus bordes, incluso en dispositivos sin retina. Si desea producir imágenes raster / bitmap, es mejor usar el editor gráfico basado en raster.

Sus fuentes también parecen borrosas, probablemente debería considerar elegir otras fuentes para su sitio web.

Tal vez desee leer esta publicación del blog Una escala más moderna para tipografía web: Typecast y esta tipografía más significativa para la configuración general de fuentes en su sitio web.

Muy agradable. Honestamente, no cambiaría nada. Ambos sitios son muy atractivos, y eso es lo que todos quieren.