style font attribute html css

font - style html



Desarrollado orientado a CSS/HTML tutorial/libro (7)

Soy un desarrollador de software que ocasionalmente escribe código CSS / HTML. Actualmente estoy trabajando en una aplicación que requiere un diseño basado en html / css bastante complicado y siento que no entiendo el diseño CSS / HTML lo suficiente como para implementarlo. ¿Qué libros y tutoriales me pueden recomendar para mejorar mis habilidades?

PD: Entiendo que la diferencia entre los elementos de bloque y en línea es, qué son las flotaciones, etc., pero lo que me falta es una imagen coherente de cómo funciona y cómo diseñar elementos arbitrarios en html / css.

PPS Probé varios libros antes y tienen un formato de manual de referencia (como este: http://www.amazon.com/Pro-CSS-HTML-Design-Patterns/dp/1590598040 ) o contienen información que ya conozco, por ejemplo, la mayoría de los tutoriales básicos en w3schools, la mayoría de los libros para maniquíes en Amazon, etc., o incluso peor, están orientados a los diseñadores. No necesito leer sobre colores, etc., solo necesito aprender a hacer el diseño en HTML / CSS como lo hago en Java / Swing u otros marcos similares.

Permítanme comenzar con esto diciendo que prefiero buscar material de referencia en línea según sea necesario ( almaceno mis conocimientos en la nube ) en lugar de aprender de memoria todo un libro sobre propiedades css que podría parecer completamente fuera de contexto; al mismo tiempo, me parece más beneficioso leer en profundidad las teorías y guías de nivel superior, ya sea en artículos o libros.

¿Se te ha dado una guía de estilo completa o tal vez incluso algunas maquetas y ahora depende de ti convertirla en html + css? En este caso sugeriría

  • CSS artesanal: más diseño web a prueba de balas : sobre todo, cubre algunas de las técnicas más "modernas" como el diseño líquido y lo hace sentir cómodo con el concepto de degradación elegante (lo que significa que IE6 y FF10 no deberían ofrecer la misma experiencia). Esto le ahorrará dolor de cabeza y angustias a largo plazo: el mío fue tan popular que un colega lo llevó al extranjero ... durante ocho meses
  • CSS: The Missing Manual y HTML, XHTML y CSS Bible - bastante profundos y el material aún no está actualizado. Yo sugeriría leer primero sobre flotadores (muchas peculiaridades, independientemente de la experiencia previa) y cualquiera de los capítulos llenará las lagunas de conocimiento que usted siente que tiene, si es que tiene alguna. Más allá de eso - utilizado como referencia.
  • ¿Se siente cómodo con los conceptos generales pero necesita buscar una propiedad ocasional? En primer lugar, w3schools are evil - usa MDN lugar. No relacionado: referencia JS fantástica, así como CSS / HTML que está buscando actualmente.
  • Marque el modo extravagante de modo rápido y seguro para que no retroceda demasiado cuando uno de los principales navegadores de repente declina para representar correctamente su código cincelado.
  • Marcos de investigación que están ahí fuera. Los sistemas de rejilla serían una manera fantástica de ahorrar tiempo si el diseño encaja; rematado con jQuery-UI o formalizaría usted cuidaría de los temores comunes por usted (¡mirándolo, diseños de formularios!).

Si desea profundizar más y comprender mejor los principios de diseño y los conceptos de usabilidad detrás de un producto exitoso, o si aún no ha creado una estructura de alambre / marcos de página, etc., la lista de lectura se amplía:

Y recuerde : si ha encontrado un problema, es probable que alguien ya lo haya resuelto :)

Prefiero los libros de texto. Puedes usar notas postit para poner marcadores de página en ellas (¡puedes leerlas en el inodoro!).

En cuanto a uno para CSS - CSS El manual que falta he encontrado bastante bueno

HTML - Los libros de cáscara de nuez (que siempre me han parecido buenos) son buenos.

Si quieres saber cómo funciona el diseño CSS . Hay un buen tutorial de google.

http://code.google.com/edu/submissions/html-css-javascript/

Y como dijiste, ya sabes lo que es CSS . Por lo tanto, es mejor aprender cómo evitar errores comunes cometidos por los principiantes. Hay varios artículos sobre eso. Hay unos pocos :

http://sixrevisions.com/css/12-common-css-mistakes-web-developers-make/

http://webdesignledger.com/tips/the-most-common-html-and-css-mistakes-to-avoid

http://www.designdetector.com/2006/06/ten-common-css-mistakes.php

Simplemente lea cómo funciona el DOM (modelo de objeto de documento). Lo más importante que se debe saber es que el código html se analiza de arriba a abajo, y ahí es donde su conocimiento de los elementos de posición también será útil. Con esto en mente será muy fácil crear un diseño, y también si se tiene en cuenta una estructura similar a una cuadrícula. También lea sobre las mejores prácticas de accesibilidad.

También he leído algunos buenos artículos técnicos / tutoriales / etc en el sitio de IBM developerworks .

Todo lo que necesitas está en Google, creo que solo es cuestión de usar las palabras clave adecuadas :)

Te sugiero que eches un vistazo a este tutorial.

Es un curso HTML / CSS de 30 días de Jeffrey Way, explica todo lo que necesita muy bien y de una manera agradable y lo que es mejor, es gratis (debe registrarse para obtener una cuenta gratuita, actualmente en la esquina superior derecha ).

Alternativa:

Pero hay muchos muchos recursos para aprender html y css en la web.