··
··
A probar nuestra agudeza visual en cuestión de colores.
Parece fácil, pero hay momentos en los que la cosa se complica jejeje
Buena suerte!!
Autor: Tianshi Numara
Variables en CSS… quizás lleguen a tiempo para usarlas en esta vida ;)
A continuación dejo un enlace a un artículo de Ksesocss que explica el último (Julio 2014) de los comunicados de la W3C acerca del avance en la incorporación de variables en CSS.
Con un solo DIV… Alucinante!!!
Sabrías dibujar así de bien una Tardis?
Vamos a complicarlo… Sabrías dibujarla sólo con CSS??
Lo complicamos más… Con CSS usando un único DIV??
Si tu respuesta es.. ¿¿QUÉ?? ¿¿CÓMO?? (y si no también) te invito a que visites esta web donde todos los dibujos que aparecen están hechos en CSS cada uno a partir de un solo DIV… Si no te lo crees, mira el código!!
A jugar con los colores!!! (otra vez jejeje)
RGB(255,0,0)
···
El juego es básico… 3 puntos, uno de ellos se corresponde con el RGB indicado sobre ellos… ¿Crees que sabrás cual es? [no te confíes, no serán tan fáciles como el de arriba jajajaja]
Crear contadores con nuestro CSS
Sisisi has leido bien, con CSS podemos crear contenido con la propiedad «Content» dentro de ::before, ::after o ::market. Bien, pues podemos declarar ese contenido como «counter(nombre del contador)» , generarando así un contador que nos irá numerando nuestros items en la página sin necesidad de crear listas y listas.
Esta es la idea, podemos ver la explicación completa y algunos buenos ejemplos en el siguiente enlace.
¡¡Estos márgenes verticales nos llevarán al manicomio!!
Si te estás pegando, o te has pegado alguna vez, con algún margen superior «fantasma», el body se separa el solito de la parte superior de la ventana, por ejemplo… echa un vistazo a este artículo que nos habla del por qué y las posibles soluciones.
Margin Collapsed: Márgenes desaparecidos o que empujan ancestros
Misterioso espacio bajo una imagen
Si alguna vez os habeis vuelto locos con un misterioro espacio debajo de la imagen que no corresponde ni a margin ni a padding ni nada que se le parezca.. en este enlace teneis la explicación y las posibles soluciones.
Los móviles y sus cosas…
<span class="tlf">666 66 66 66</span>
Algunos móviles (sobre todo los de la manzanita) interpretan que eso es un número de teléfono, lo cual nos permite llamar al pulsarlo y está muy bien.
El problema viene cuando deciden tb ponerle la apariencia que le da la gana, principalmente lo interpretan como un enlace, cuando no lo es, o al menos, estéticamente, no debería serlo.
Para solucionarlo basta con añadir estilo a ese enlace «inexistente»:
.tlf a{
[el aspecto que queremos que tenga]
}
Colores primavera 2015 según Pantone
No todos me entusiasman, aunque hay alguno que si que me alegra la vista. Pero aquí mejor que en otro sitio aquello de «para gustos… colores». Que cada cual elija su o sus favoritos y a ponerlo todo «fashion fashion!!!» jajaja
A continuación la lista en texto para poder copiar y pegar 😉
#9DC6D8
#00B2CA
#7DCFB6
#1D4E89
#D2B29A
#E3868F
#F79256
#EAD98B
#955251
#C6CBCC
#7DA1BF
#4E6E38
#7F8040
#C78D6B
#888688
#B38FB1
«Tetris y el poder del CSS»
Así se llama el genial artículo que nos explica como hacer que nuestro CSS coloque los bloques que tenemos en cuadrícula y dándole el tamaño adecuado al último para que quede así de bien.
Mis Cosas 