He aprendido HTML y CSS. ¿Cuáles son algunos sitios simples que puedo replicar para mi práctica?

Mira esto

La belleza del diseño CSS

Ahora, estos no son necesariamente fáciles o difíciles (¡y creo que ni siquiera hay mucho css3 allí!) Pero puedes ver el css y creo que esta es una forma increíble de

  • Mira cómo construir componentes / diseños html
  • Mira diferentes formas increíbles de presentar el mismo html

Antes de ir a cualquier parte, por supuesto, lo difícil es darse cuenta de que todo debe ser móvil, así que salga de esas herramientas de desarrollo de Chrome y pruébelo en su móvil antes de decir ‘Estoy satisfecho con eso’, es decir, Garantía de calidad en La respuesta móvil debe ser un requisito.

También me gusta el concepto de ‘componente’, y nada lo muestra mejor que dividir el FrontPage de su sitio web en : llamada a la acción, fragmentos de texto, galerías, widgets, incrustaciones de video, formularios de contacto, etc.

La mayoría de los cuales pueden ser cubiertos en esta serie de videos por Travis Devtips Nielson, que se somete a la construcción completa de un sitio web de principio a fin:

Y si desea un sitio web simple para realizar ingeniería inversa, hay muchos sitios web de WordPress agradables y sencillos que responden a dispositivos móviles como (trabajo en progreso):

PATRICK M. HAZEL HAULAGE – Transporte general, Est. 1998

Related Content

¿Por qué necesitamos EPUB cuando tenemos HTML?

¿Cuál es la función de la etiqueta en HTML 5? ¿Cuáles son los efectos de no usarlo?

Cómo crear un servicio de datos de pago por uso

Cómo acceder a una API usando JavaScript

¿Cuáles son algunos de los mejores temas ligeros para Sublime Text 2?

Gracias por A2A!

En primer lugar, le sugiero que no copie el sitio de nadie. Puedes hacer lo que quieras. Como usted dice que quiere esto para practicar, aquí hay una gran lista de “Sitios personales” de personas de todo el mundo. Recuerda solo para practicar.

Aquí está mi sitio web y diría que es el más fácil de replicar: ( http://amarpandey.me )

¡Todo lo mejor!

Aquí está el enlace donde puede encontrar todos los enlaces (amarlearning / personal-sites)

Andy Tran

Como dijo Amar Prakash Pandey, puedes hacer lo que quieras con html y css. Pero si desea probar cómo domina HTML y CSS, puede visitar este sitio: Sitúe la prueba.

Después de aprender HTML y CSS, puede crear algo interesante si puede crear imágenes. Pero hay estática, no hay interacción del usuario. Entonces, debes aprender JavaScript para crear una gran interacción.

Por otro lado, con HTML5 y CSS3 compatibles con un navegador cada vez más moderno, puede crear animaciones e interacciones mágicas y no necesita tecnología JavaScript. No obstante, si desea ser un desarrollador front-end, debe aprenderlo y también puede ejecutarse en el lado del servidor. En una palabra, vale la pena pasar tiempo para aprender JavaScript.

Lil Sa

Los mejores proyectos para trabajar son los del mundo real. Entonces, si se siente cómodo con HTML y CSS, le recomiendo que primero cree su sitio web.

Constrúyalo lo mejor que pueda. Entonces, si su objetivo es crear sitios web para otros, le recomiendo que cree algunas demostraciones en algunas industrias de nicho y las coloque para que se vean en su sitio web como subdominio o subdirectorio.

Luego, una vez que esté realmente cómodo y confiado en sus habilidades, comience a comunicarse con personas que pueda conocer y vea si puede ofrecer sus servicios en diseño web, ya sea pro bono o por un bajo costo, para que pueda construir su cartera.

Para inspirarte, puedes consultar las mejores tendencias de diseño web de este sitio web. Allí verá lo que parece ser un gran estilo para los sitios.

Espero que esto ayude, hágame saber cómo va. Buena suerte.

Lil Sa

Si ya aprendió HTML y CSS, lo que puede hacer es pasar a aprender los estándares para cada uno de ellos, como “BEMCSS”, “SMACSS”, “OOCCS” para CSS y echar un vistazo a los preprocesadores como Sass, Less , Stylus, PostCSS para CSS. En cuanto a HTML, echa un vistazo a Jade, Handlebars, Haml.

De todos modos, lo que recomendaría es una vez al día, elija un sitio web que visite con frecuencia e intente replicarlo lo más cerca posible. Por ejemplo, si visitara Quora, trataría de crear un sitio web con la mayor similitud posible.

Lil Sa

Un punto que deberá tener en cuenta es que muchos sitios utilizan Javascript para proporcionar comportamientos en la página. Este hecho le sorprenderá cuando esté mirando un sitio “simple”, y se dará cuenta de que no puede replicar ese sitio con solo HTML y CSS.

De todos modos, te sugiero que solo busques en Internet y encuentres sitios que te parezcan atractivos. No se preocupe si son simples o no o si usan Javascript o no. Simplemente elija uno que le guste y vea qué tan lejos puede llegar al replicarlo. Cuando haya tenido suficiente, recupere la fuente de la página y el CSS y analice cómo se hizo. Compare lo que hizo con lo que se hizo en el sitio. A medida que avance en este proceso con diferentes sitios, comenzará a aprender qué es simple y qué no. También comenzarás a adquirir algunas habilidades nuevas.

Sin embargo, tenga en cuenta que es posible que no sepa si el sitio que está replicando ha utilizado las mejores prácticas o no. Por lo tanto, también es posible que algunas de las “habilidades” que adquieras también sean malos hábitos. No sé qué tan bien realmente “conoces” HTML y CSS.

Lil Sa

Necesitas una caja de arena para jugar. Y el mejor sandbox que conozco es Plunker. Supongo que está a solo un paso de las ideas populares de la nube. Busca algunos proyectos pequeños y juega con ellos como si estuvieras trabajando en Github más o menos. También lo ayudaría a comprender la forma de organizar sus archivos y demás.

Lil Sa

visite el enlace Plantillas CSS personales simples, aquí puede encontrar muchas plantillas gratuitas basadas en CSS html. puedes descargarlo y usarlo para tu práctica.

Lil Sa

More Interesting

¿Qué debo aprender para estar al día con el desarrollo web en 2018?

¿Es posible descifrar una conexión https si se ha capturado todo el flujo (suponiendo que no haya cifrado en las capas inferiores)?

¿Por qué, a pesar de la popularidad de Facebook y Wikipedia, la gente dice que PHP es malo?

¿Cuál es la mejor manera de autenticar un inicio de sesión personalizado en ASP.NET con C #, sesión o autenticación de formulario?

¿Cuáles son buenos sitios web / documentos para comprender la filosofía de diseño de REST API?

¿Cuáles son las mejores plantillas HTML Responsive gratis?

¿Qué tan fácil o difícil es para un programador de .NET MVC crear una aplicación web increíble usando PHP?

¿Qué tan fácil es mantener una gran base de código React.js?

¿Qué es CSS en JavaScript?

¿Cuáles son algunas buenas agencias de desarrollo web en Argentina?

¿Cuáles son algunas de las mejores prácticas para CSS?

¿Qué tipo de aplicaciones puedes construir usando Node.js? ¿Por qué debería construir en Node y no en PHP?

¿Cuántos idiomas conocen los desarrolladores web antes de solicitar un trabajo? ¿Cuánto tiempo tomó aprenderlos?

¿Los servidores web generalmente tienen un límite en la cantidad de solicitudes que aceptarán en general (vs por IP)?

Estoy tratando de encontrar el código detrás del fluido contenedor de BS para poder aprender cómo funciona. ¿Dónde puedo encontrar el código fuente para esto sin toda la hinchazón?