Este examen es bastante recomendado si deseas probar los conocimientos que tienes en CSS así que prueba y cuéntanos cuantas de las 20 preguntas del test tuviste correctas.

Enlace: Examen CSS
Vía: TD

CSS Builder es una web que nos permite generar código CSS de una manera muy rápida, dándonos opciones a seleccionar como por ejemplo  (a, a:link, a:visited, h2, h1, body, img, p…etc etc) luego de esto se debe pasar a personalizar el estilo en el menú que encontramos abajo.

Cuando terminamos de personalizar las opciones vamos a dar clic en el botón “Build it” generar el código css que corresponde a las opciones que hemos seleccionado para luego incluirlo en nuestra hoja de estilos.

Enlace: CSS Builder

CSS Menu Builder es un generador de menúes el cual podemos utilizar muy fácimente sin ningún conocimiento previo, en el sitio vamos a encontrar algunos ya predeterminados los cuales podemos personalizar cambiando sus colores y demás.

Contamos con opciones por ejemplo de poner el menú ya sea vertical horizontal o deplegable, tamibén podemos cambiar el tipo de puntero que ira cuando pasemos el mouse sobre el menú. Además de esto el sitio cuenta con varios estilos para el fondo del menú los cuales tienen un estilo muy 2.0.

Al terminar de generar el menu obtenemos el codigo HTML o CSS a tu preferencía, también tiene una opción para descargar el menu en .zip y luego instalarlo en tu sitio web.

Enlace: CSS Menu Builder

Vía

En Smashing Magazine podemos ver varios ejemplos los cuales muestran varios efectos de brillos aplicados en el diseño de páginas web estos los podemos utilizar quizás para inspirarnos a la hora de realizar algún trabajo.

Enlace: 35 Examples Of Masterful Lighting Effects In Web Design<

Me he encontrado con esta lista de 20 temas que podemos utilizar para realizar grandes modificaciones y tener nuestro propio theme ya sea para nuestro uso personal, para ser liberado o también para crear tu propia venta de themes de wordpress.

Enlace: 20 WordPress Theme Frameworks And Starting Resources

En la web favicon.cc puedes crear el favicon desde la web con pinceles y demás o generar el .ico desde una imagen importada.

Después de haber generado el favicon debes ponerlo en el código html de tu web o si es wordpress en su defecto se debe hacer de la siguiente manera:

<link rel="shortcut icon" href="/favicon.ico" />

Esto lo podemos hacer muy sencillo con un poco de HTML voy a explicar como hacerlo gracias al blog estoy en un rincón que he encontrado un tutorial muy útil para realizar este proceso… al grano :

Primero que todo vamos a colocar los nombres de las partes del texto a donde deseamos ir ej:

<a href=”#1″>Planteamiento</a>
<a href=”#2″>Nudo</a>
<a href=”#3″>Desenlace</a>

Esto indica que se realice un desplazamiento atraves de un enlace hasta donde este el nombre indicado por X o Y número.

Lo que debemos hacer luego es definir a donde deben ir entonces enlaces colocando el siguiente codigo como se ve en el ejemplo.

<a name=”1″>Planteamiento.</a>
Texto normal y corriente…

<a name=”2″>Nudo.</a>
Más texto normal y corriente…

Y así sucesivamente vamos a realizar estos pasos las veces que necesitemos, recuerda no ponor nombres repetidos en una misma seccion, página o post ya que puede haber un error de interpretación.

-Primero que todo me encuentro haciendo un theme de wordpress que en unos 10 o 15 días voy a liberar y publicar en algunos sitios para hacerme un poco más importante jajaja.

-Estoy terminando de hacer las vueltas para la universidad y parese que todo salio muy bien.

-También trabajo en un proyecto de una web para un canal que incluira la presentación de videos de los programas transmitidos por el canal.

Eso es lo nuevo y pues lo de siempre bloggear (escribir) en mis blogs y en blogs externos, por el momento lo más pronto que voy a presentar es el theme para wordpress, ojala lo pueda terminar pronto y me quede muy bien para todos poderlo disfrutar.

Se me olvidaba, también estoy preparando un rediseño para mi blog ya que no este ya no me gusta mucho. Me voy a hacer la boca de mi vectorizado que ira en el nuevo diseño también, lo que cambiare es los colores del theme un poco el estilo y otras cositas más.

Styled Menus es una web la cual nos ofrece 26 menús con un buen aspecto desarrollados en CSS los cuales están disponibles para descargar gratis comprimidos en un paquete Zip, además brinda una vista previa de como se vería el menú en “acción”.

Para utilizarlos lo unico que debes hacer es pegar el código, algunos de ellos contienen pequeñas imagenes las cuales deberas subir también a tu servidor o a uno externo, pero tendrás que hacer una pequeña modificación de las url en el código.

Vía: My Open Studio

• Galería de sitios para descargar imágenes gratuitas: te recomiendo que revises este artículo que recopila 12 sitios en donde puedes descargar la imagen que andas buscando.
• Freephotosbank: un sitio con una galería de imágenes temática, su navegación y descarga es sencilla.
• Imagebase: una galería pequeña que tiene imágenes gratuitas de buena resolución.
• Dreamstime: en este sitio encontrarás una galería de fotografías, debes buscar las opciones gratuitas, también existen opciones de pago de bajo costo para alta resolución.

Editores para imágenes:

• Editores de imágenes: una lista de software gratuito para editar imágenes.
• Editores para Mac: una serie de editores gratuitos que funcionan en el sistema operativo de Mac.
• Editores de imágenes en línea: una serie de opciones cuando necesitas editar y publicar al instante.

Necesitas usar texturas:

• Texture Warehouse: un sitio en donde encontrarás miles de texturas de materiales de todo tipo.
• MxMgallery: necesitas objetos en 3D y texturas este sitio es magnífico, cuenta con miles de opciones.
• C4D Textures: texturas en 4D es una comunidad dedicada a compartir material diseñado en 4D.
• Satisfactionbox: es una galería de texturas creadas por Mario Aquaro, también encontrarás su galería en 2D y 3D.

Cuando te toca trabajar con vectores:

• Vector Workshop: una catálogo muy interesante de imágenes vectoriales, me gustó mucho lo fácil que te permite bajar las imágenes.
• Deviantart-Vector: todos conocemos la mega comunicada de Deviantart con millones de usuarios e imágenes, pero en su sección de vectores podrás encontrar trabajos interesantes.
• Vectorportal: es un portal que cuenta con varios categorías de imágenes creadas en vector y que puedes descargar de forma gratuita.
• Briarpress: si buscar imágenes en blanco y negro sencillas, este sitio te ofrece opciones libres.