Foros del Web » Creando para Internet » CSS »

mini-Expo de patrones repetitivos hechos en CSS

Estas en el tema de mini-Expo de patrones repetitivos hechos en CSS en el foro de CSS en Foros del Web. Hola amigos, les comparto algunos patrones repetitivos que eh realizado ultimamente con CSS (no hay imagenes), me gustaria ver sus puntos de vista, Comenzamos Bandera ...
  #1 (permalink)  
Antiguo 11/09/2014, 14:04
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años, 1 mes
Puntos: 17
Información mini-Expo de patrones repetitivos hechos en CSS

Hola amigos, les comparto algunos patrones repetitivos que eh realizado ultimamente con CSS (no hay imagenes), me gustaria ver sus puntos de vista, Comenzamos

Bandera de México V1
(No puse imagen ya que excedia el numero de imagenes que puedo poner en un Tema)
http://codepen.io/elestudiantefantasma/pen/JefDo
Pseo: 1.5kb

Bandera de México V2

http://codepen.io/elestudiantefantasma/pen/Ldwjp
Pseo: 1.4kb
En ambos, los navegadores con webkit no mostraran la serpiente

Panal (Se que no es un panal, pero, ese nombre le puse )

http://codepen.io/elestudiantefantasma/pen/mLExH
Pseo: 1.6kb

Loseta Colorida

http://codepen.io/elestudiantefantasma/pen/EHIem
Pseo: 1.6kb

Calavera V1.4

http://codepen.io/elestudiantefantasma/pen/kdvcA
Pseo: 1.5kb

Calavera V2.6

http://codepen.io/elestudiantefantasma/pen/JunAz
Pseo: 873 bytes

Calavera V3.0

http://codepen.io/elestudiantefantasma/pen/oIvrJ
Pseo: 1.4kb

En los nombres de las calaveras notaron que decia V 1.X o 2. X, esto se debe a que hice varias calaveras "identicas", pero les modificaba los rasgos del rostro, mostrandolos Felices, molestos, enojados, aburridos, etc. (en el caso de la v2) en el caso de la v1 solo le agregaba o quitaba "Adornos" de la version 3, no hice ninguna modicacion, por eso se quedo en 3.0

Boo v1.2

http://codepen.io/elestudiantefantasma/pen/btidJ
Pseo: 784 bytes

la Version 1.0 fue muy mala para mi, por eso les mostre esta version, que a mi punto de vista es aceptable, aun asi, si tienen curiosidad de ver la version 1.0 aqui la tienen
http://codepen.io/elestudiantefantasma/pen/yEwxB
Tal vez saque una version 1.3 de Boo agregandole Colmillos xD

Calabaza v1.2

http://codepen.io/elestudiantefantasma/pen/iyLlt
Pseo: 1.9kb

La calabaza v1.0 pesa 1.2kb y no tiene los bordes circulares internos que tiene esta, por si quieren verlo, les dejo el link
http://codepen.io/elestudiantefantasma/pen/EtLCe

Cascada Animada (no tiene animacion en Firefox, y tiene el estilo como los juegos de snes de mario bros)

http://codepen.io/elestudiantefantasma/pen/hFILx
Pseo: 4.3kb

Ojo, esta cascada trabaja con 3 Backgrounds hechos en css,
la parte cafe pesa 381 bytes
http://codepen.io/elestudiantefantasma/pen/Hskut
la Catarata 1 y 2 pensan 787 Bytes cada una :)
http://codepen.io/elestudiantefantasma/pen/ckFyD
http://codepen.io/elestudiantefantasma/pen/odDKF

Onda Azul

http://codepen.io/elestudiantefantasma/pen/keFjw
Pseo: 358 bytes

Azulejo Azul

http://codepen.io/elestudiantefantasma/pen/kAIcl
Pseo: 1.3kb y aun puede ser optimizable

Pino V1.2

http://codepen.io/elestudiantefantasma/pen/iHczF
Pseo: 642 bytes y aun puede ser optimizable

??? V X

http://codepen.io/elestudiantefantasma/pen/qzoKI
Pseo: 510 bytes y aun puede ser optimizable

Este que tiene ??? no le eh puesto nombre aun, hice varias verciones y solo me quede con este, no le puse nombre ya que cada vez que se lo mostraba a alguien, me decia que interpretaba algo diferente, una amiga inclusive me dijo que con eso, me saque un boleto directo con que psicologo

Hexagono mal hecho

http://codepen.io/elestudiantefantasma/pen/wnfGm
Peso: 1.2kb y aun puede ser optimizable

Hexagono mal hecho 3D

http://codepen.io/elestudiantefantasma/pen/vokBL
Peso: 1.2kb y aun puede ser optimizable

Estos ultimos fueron mis primeros patrones repetitivos en css que hice (o que almenos recuerdo que fueron los primeros )

Pues gracias amigos por ver la mini-Expo de patrones hechos en CSS sin Imagen, me gustaria ver sus comentarios, puntos de vista, criticas, etc.
Espero sus respuestas

PD: igual si alguien esta interesado, puedo hacer un mini tutorial para explicarles como se pueden hacer algunos patrones repetitivos, no es dificil pero si tiene su chiste
  #2 (permalink)  
Antiguo 12/09/2014, 00:13
 
Fecha de Ingreso: septiembre-2010
Ubicación: Reino Independiente Suizo_Andaluz (RISA)
Mensajes: 221
Antigüedad: 13 años, 7 meses
Puntos: 24
Respuesta: mini-Expo de patrones repetitivos hechos en CSS

felicidades por tu interesantisimo trabajo hermano
te felicito y espero que te animes a hacer ese tutorial
enhorabuena de nuevo
__________________
kolectivo grafico deNA
www.kgdena.com
  #3 (permalink)  
Antiguo 14/09/2014, 01:57
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años, 1 mes
Puntos: 17
Respuesta: mini-Expo de patrones repetitivos hechos en CSS

Cita:
Iniciado por nikimoto Ver Mensaje
felicidades por tu interesantisimo trabajo hermano
te felicito y espero que te animes a hacer ese tutorial
enhorabuena de nuevo
Gracias @Nikimoto por contestar,
pues se aproxima un tutorial, yo creo que en estos dias lo publico, solo para darles una delanto, esto sera el resultado final del Tutorial

Pesa 770 bytes

Igual, si quieren que explique alguno de los patrones que ya hice, comentenme cual, y con gusto lo pongo en el mismo tutorial o en otro
  #4 (permalink)  
Antiguo 15/09/2014, 01:32
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años, 1 mes
Puntos: 17
Respuesta: mini-Expo de patrones repetitivos hechos en CSS

Ya tengo listo el tutorial, necesito reducirle 2428 caracteres y lo podre publicar

Etiquetas: background, patrones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:59.