Crear un sitio limpio y moderno con photoshop
Les dejo una liga donde se explica ampliamente como realizar el diseño de un sitio web, desde el bocetaje hasta la aplicación de los efectos y término de un sitio.
X-Men Origins
Después de unas semanas algo alocadas, entre influenza, muñecas rotas, que hacer en la casa y mucho trabajo, motivo por el cual no he podido escribir, pero no quería terminar la semana sin postear algo.
Esta ocasión es algo que en algún momento me apasiono y era coleccionar cómics y sobre todo de este personaje de los x-men, Wolverine, que siempre ha sido mi favorito, como de muchos seguidores de x-men.
Esta es parte de mi colección de Wolverine y el mas apreciado es el de encima pues es el número 100 que por cierto me costo mucho trabajo encontrarlo y pague en aquellos tiempos aproximadamente $350 por el comic.
Y bien, al fin se estrenara la película en México pues con todo lo que sucedió lo postergaron, espero pronto poder ir a verla seguro sera maravilloso ver el origen de este personaje y como es que sus garras estan cubiertas de adamatium, un metal que solo existe en el universo de los x-men.
Light CMS
Light CMS es un sitio que nos ofrece un CMS bastante sencillo y fácil de usar, el cual esta dirigido a diseñadores web. Es necesario registrarse y asignarle un subdominio a tu sitio para comenzar a utilizarlo ya que es totalmente en linea, es bastante sencillo el uso pues solo tienes que arrastrar objetos y listo tienes tu sitio hecho, el cual lo puedes utilizar como un blog, e-comerce, podcast, etc; incluso tiene varias plantillas con diseños bastante buenos.
Si solo usas 3 páginas y un máximo de 10mb no tiene ningún coto, si excedes de esto los precios van desde $19 a $129 dolares al mes.
Es una muy buena alternativa para quienes deseen tener total control en su sitio web sin necesidad de ensuciarse las manos con el código, aunque en particular prefiero Joomla o textpattern, que si tienes que moverle un poco al código pero que te permite total control en tu sitio y administración.
The webby awards
The webby awards son casi como los oscares pero para premiar a lo mejor de la web, hay sitios de verdad muy interesantes pero lo que mas me gusto es la sección “Interactive Advertising” pues muestra mucha creatividad en algo tan sencillo y pequeño como un banner.
The weby awards
Reflexion abril 02
Viendo un programa de TV mencionaron esta frase que tiene mucho de cierto, siempre estamos comparandonos con los demás y de superar las metas de otro, cuando tenemos mucho que superar en nosotros mismos.
No te molestes en ser mejor que tus contemporáneos o tus predecesores, intenta ser mejor que tu mismo.
William Faulkner
40 Fuentes para un sitio web limpio
Estas son algunas fuentes todas sans-serif las cuales hacen que tu sitio web luzca mas limpio, aunque las tipografias serif no pueden estar descartadas del diseño web, todo depende del concepto que se maneje en cada sitio.
Via http://webdesignledger.com
Camera Obscura “Eighties Fan”
Para variar un poquito, y haciendo referencia a las cosas que me agradan y entre ellas está la música. Este grupo tiene realmente poco que lo conocí gracias a un buen amigo de twitter, y esta rola es una de mis favoritas sobre todo me encanta esa parte instrumental donde se escucha el violín, la guitarra y el pandero en el fondo, espero que les guste también a ustedes.
You know it really wont surprise me
If you’re a wreck by the age of fourteen
The way you look
The way you look is fine
So often colour coordinated
your sister she’s an Eighties fan
But that’s alright
Have I told you so is mine
You say your life will be the death of you
Tell me, do you wash your hair in honey dew?
And long for all of them to fall in love with you
But they never do
Drinking vodka on the fly
Your mother has a watchful eye
So look out kid
She’s onto you this time
Run away to a bed and breakfast
Console yourself with the Reader’s Digest
Ringing the Yellow Pages all alone
You say your life will be the death of you
Tell me, do you wash your hair in honey dew?
And long for all of them to fall in love with you
But they never do
No they never do
I’m gonna tell you something good about yourself
I’ll say it now and I’ll never say it about no one else
I’m gonna tell you something good about yourself
I’ll say it now and I’ll never say it about no one else
About no one else
Cartel hecho con vectores
Otra de las cosas que realmente me causa placer es trabajar con vectores en illustrator, siento mucho mas libertad para diseñar que con photoshop.
Los efectos que se pueden lograr son muchos y aunque no parezca hay cosas que se pueden lograr mejor en illustrator que en photoshop, creo que también es cuestión de gustos.
Bueno dejemos esa polémica de que es mejor y vayamos a este tutorial que muestra como hacer un cartel a base de puros vectores y con un resultado excelente.
Propiedad Font en CSS
Esta ocasión toca hablar sobre la propiedad font en CSS, esta propiedad es una de las mas conocidas sin embargo hay propiedades especificas que son poco usadas.
La propiedad Font sirve para asignar una familia topográfica, también podemos asignarle el valor bold, tamaño o estilo de fuente.
Es importante aclarar que dicha fuente sera tomada de la librería de cada computadora, por lo que si se asigna una fuente muy especifica sera difícil que en todas las computadoras se logre ver.
font-family es la propiedad mas conocida en la cual asignaremos el tipo de familia tipográfica que llevara nuestro sitio. Si esta propiedad no se le asigna un valor el navegador asignara la fuente por default que tenga configurada.
.my_selector { font-family: Verdana, Geneva, sans-serif;}
En el ejemplo se le asignan 3 diferentes familias tipográficas, con la finalidad de tener alternativas en los diferentes sistemas operativos, pues es común que linux no tenga fuentes propietarias y de esta manera logramos que el diseño se vea uniforme en todos los sistemas operativos.
font-size es la propiedad que le asignara un tamaño a nuestra tipografía, sus valores pueden asignarse de esta manera:
• xx-small
•x-small
• small
• medium
• large
• x-large
• xx-large
• smaller
• larger
• length
o bien con alguna unidad de medida como puede ser px, %, em, pt, pc, ex, mm, cm, in.
.my_selector { font-size: 14pt;}
font-style le asigna un estilo a la fuente el cual puede ser normal, italic, oblique.
.my_selector { font-style: italic;}
font-variant muestra el texto en bajas o minúsculas o normal, el valor se asigna en normal, small-caps.
.my_selector { font-variant: small.caps;}
font-weight asigna un peso a la fuente, los valores pueden ser los siguientes:
• normal
• bold
• bolder
• lighter
• 100
• 200
• 300
• 400
• 500
• 600
• 700
• 800
• 900
.my_selector { font-weight: lighter;}
font con esta propiedad podemos asignarle todos los valores anteriores en una sola, de igual manera que en background y así ahorrar unas lineas en tu documento CSS.
.my_selector { font: italic small-caps bold 12px arial ;}
24 Sitios web con efectos de luz
Como ya tenemos el conocimiento de como hacer los efectos de luz, ahora les dejo 24 sitio que tienen este efecto aplicado, los ejemplos son variados y algunas aplicaciones están muy bien logradas.
Razvan Pavel Al parecer esta esiendo actualizado este sitio.
