Laboratorio Tecnologico Experimetal
Posts tagged Css
40 Herramientas CSS para Diseñadores Web
Aug 3rd
40 Herramientas CSS
Cuando estamos en medio de un trabajo de diseño web, es bueno tener mas de 2 opciones para llevar acabo el trabajo. Ahora aca les traigo 40 herramientas que nos seran de mucha ayuda, ya sea para acelerar el proceso o por si tenemos algunas dudas.
Tambien en esto del diseño web es comun que existan diseñadores graficos con mucha capacidad para diseñar una web en photoshop, pero nula para hacer hacer el cambio de un archivo .psd a uno .css/.html, pues entre las herramenientas que se encuentran en esta lista, exisisten aplicaciones online para pasar nuestros diseño de PSD a CSS/XHTML.
Bueno antes de pasar a la lista me gustaria agregar que en la lista encontraremos muchas herramientas algunas con un fin similar pero con un proceso diferente. Y que estas herramientas nos ayudaran a optimizar nuestro tiempo y ayudara a los novatos a ir aprendiendo de poco en poco, este maravilloso mundillo que es esto del diseño web.
(No Ratings Yet)
Loading ...Como Hacer una Pagina Web con Esquinas Redondeadas
Jul 27th
Esquinas Redondeadas en una Web
En esta ocación voy a tratar de explicar de una forma y sencilla como podemos crear una sitio web con esquinas redondeadas, para hacer pequeño diseño lo que vamos a necesitar es diseñar un par de imagenes que serviran tanto en la parte de arriba como la de abajo para hacer el efecto de esquinas redondeadas (en los archivos de descarga estan las imagenes que yo utilize)
Tambien algo que es impotrante y que no se nos debe olvidar utilizar (solo en caso que seas prinicipiante se te puede pasar, ya que tengas un poco de mas experiencia esto es automatica) es la hoja de estilos CSS, que es la que le va a dar forma a nuestra web.
En el diseño que puedes ver como demo, es solo eso un pequeño demo que utilize para hacer este pequeño tutorial, el demo esta constituido por header,footer,menu,barra lateral y espacio de contenidos. Todo esto lo puedes modificar a tus necesidades
Bueno ahora vamos a ver el codigo CSS:
More >
(No Ratings Yet) Loading ...Como Hacer un Menu Horizontal con Efecto Sliding
Jun 19th
Menu Horizontal con Efecto Sliding
Este pequeño menu esta escrito con CSS y HTML, unicamente, nada de Javascript o alguna otra tecnologia.
Bueno pues sin mas ahora vamos a ver el codigo y dar una pequeña descripcion, que no sera muy grande ya que el codigo es muy sencillo de entender.
More >
(No Ratings Yet) Loading ...
20 Tutoriales para Convertir de PSD a XHTML y CSS
Jun 11th
- 20 Tutoriales – De PSD a XHTML/CSS
En el mundo del diseño, existen diseñadores que no se quieren meter con el diseño web, ya que se les complica, y no es que se les complique el diseñar un sitio web en photoshop, sino que al momento de pasar nuestro diseño de formato .PSD a XHTML/CSS sufren mucho.
Bueno pues ahora con estos tutoriales espero y se les quite el miedo a diseñar sitios web, ya que en realidad es muy sencillo el crear un sitio web XHTML y CSS, aunque paresca lo contrario.
Ademas que en estos pequeños tutoriales veremos paso a paso como preparar nuestro diseño en Photoshop para mandarlo a XHTML / CSS.
Aparte en algunos tutoriales podremos descargar los archivos del tutorial, para que sea mas facil el poder guiarnos. More >
(No Ratings Yet) Loading ...5 Generadores CSS en Línea
Jun 2nd
Por la internet existen una gran cantidad de generadores para diferentes propositos, por ejemplo existen generadores de Favicon, Animaciones, Texto, y muchos más. Todo estos generadores nos ayudan a que una tarea especifica sea mucho más sencilla y que la realizemos en el menor tiempo posible.
Generadores para diseñadores:
Bueno pues generadores tambien exiten para programadores y diseñadores, y en esta ocación les mostrare 5 generadores de Hojas de Estilo (CSS) en línea que son de una gran ayuda, para aligerarnos la carga un poco al momento de estar trabajando en nuestro proyecto.
Pero, ¿Por qué no ayudan?, fácil estos generadores nos dan el codigo CSS basado en las preferencias que hemos seleccionado y con esto ya no tendremos que escribir tanto codigo CSS (claro que escribiremos codigo CSS pero ya no es lo mismo que comenzar desde 0).
Bueno pues ahora si, vamos a los links de los generadores. More >
(No Ratings Yet) Loading ...
Últimos Comentarios