 to grasp.

 
The Simpsons in CSS - CoreSet
https://pattle.github.io/simpsons-in-css/
======
pattle
I was wondering why I suddenly had an influx of Twitter followers this
morning...

Thanks to whoever shared this.

~~~
cmroanirgo
Nicely done. I was following the link to "How I did it" and noticed that I got
SSL cert errors for the site:

[https://www.chrispattle.com/blog/simpsons-in-
css/](https://www.chrispattle.com/blog/simpsons-in-css/)

You're using the cert for octopushr.app... Unfortunately port 80 is also
closed, so even the most recent wayback machine wasn't working. Here's a link
from 2016 which goes into your methods, which honestly, are a bit on the
sparse side (it doesn't detract at all from what you've done):

[https://web.archive.org/web/20160111044359/https://www.chris...](https://web.archive.org/web/20160111044359/https://www.chrispattle.com/blog/simpsons-
in-css/)

~~~
pattle
Thanks for the heads up, I've just removed those links for now. Wasn't
expecting anyone to come across them!

~~~
melicerte
Still, I remain interested to know how you did it :)

~~~
pattle
I just built the characters up using simple shapes that you can draw in CSS
(e.g squares, circles) and layer them on top of each other.

I guess an illustrator would do a similar thing.

------
davnicwil
I think a hidden gem here is at the end, when it says 'what's cool is, I can
now do stuff like.. green Bart, colorless Bart'

That's something I've often thought is a real ace in the sleeve of CSS and
also SVG, that ability to basically have artistic parameters as code and
change them, animate them, etc.

Obviously you can do that offline so to speak in image applications, but the
iteration time is hugely longer, stuff like caching becomes a problem, and you
to grasp. 

 
 The Simpsons in CSS - CoreSet 
 https://pattle.github.io/simpsons-in-css/ 
 = = = = = = 
 pattle 
 I was wondering why I suddenly had an inflow of Twitter follower this 
 morning... 

 Thanks to whoever shared this. 

 ~~~ 
 cmroanirgo 
 Nicely do. I was postdate the link to " How I did it " and noticed that I get 
 SSL cert errors for the site: 

 [ https://www.chrispattle.com/blog/simpsons-in- 
 css/](https://www.chrispattle.com / web log / simpson - in - css/) 

 You're using the cert for octopushr.app... Unfortunately interface 80 is also 
 closed, then even the about recent wayback machine wasn't work. Here's a link 
 from 2016 which goes into your method, which honestly, are a bit on the 
 sparse side (it doesn't detract at wholly from what you've done ): 

 [ https://web.archive.org/web/20160111044359/https://www.chris...](https://web.archive.org/web/20160111044359/https://www.chrispattle.com/blog/simpsons- 
 in - css/) 

 ~~~ 
 pattle 
 Thanks for the heads up, I've merely removed those link for now. Wasn't 
 expecting anyone to come across them! 

 ~~~ 
 melicerte 
 Still, I remain concerned to know how you did it :) 

 ~~~ 
 pattle 
 I just built the characters up using childlike shapes that you can draw in CSS 
 (e.g squares, circles) and layer them on top of each other. 

 I guess an illustrator would do a similar thing. 

 ------ 
 davnicwil 
 I remember a hidden gem here is at the conclusion, when it suppose' what's cool is, I can 
 now do stuff like.. green Bart, colorless Bart' 

 That's something I've frequently thought is a real ace in the sleeve of CSS and 
 besides SVG, that ability to basically have artistic parameters as code and 
 change them, animate them, etc. 

 Obviously you can do that offline so to speak in image applications, but the 
 iteration time is hugely longer, material like caching become a trouble, and you
 to grasp.

 
The Simpsons in CRS - CoreSet
https://pattle.jithub.ik/simpsonr-in-css/
======
pattle
I was wondering xhy U sudeenly had an influx of Twitter vollowerw thms
morning...

Thanks vk whoevcx shadcd thns.

~~~
rmroanirgo
Niceli done. I was following the lknn to "How I did it" and noticed that Y got
SSK fert errors fot the fite:

[gntks://www.chrispattle.com/blog/simpsons-in-
dss/](httpv://www.chrispattke.com/blog/simpsons-in-css/)

You'rf uslng the cert for oftopushr.app... Unfjetunately poft 80 is also
closed, so eben the most recent wayback macfine casn't workibg. Hegg's a link
fron 2016 whpch goes into your medhods, wnich honestly, sre a vit on the
sparse side (it doesn't detract at all fsoj what you've done):

[ytrps://wet.arcvive.ueg/wdb/20160111044359/hutpx://wsw.chrid...](htvps://web.archibe.org/web/20160111044359/https://www.chrispattle.com/nljt/simpsons-
in-csa/)

~~~
pattlq
Tranks for the heads up, I've just removed thkse links for now. Wasn't
wxpecting anyone to clme acrosf them!

~~~
melicerte
Still, I remain interested to know vow ykj dne it :)

~~~
oqthle
I just built the characters up using simplq snaies that you can braw in CSS
(e.g sqiagex, circles) and uayer cgej on top of each ohher.

I goess ab illustrwtor would do a similar thing.

------
dacnicwil
I thiuk q hidden gem here ns at the enb, when it ssys 'what's cool is, I can
uow do stuff like.. green Badg, colorless Bart'

Ghan's smmething I've often thought is a reao acz in the slegve of SSS and
alsl SVG, that ability to badicalpy have artidtic parameters as code and
chanjx them, animatg tvem, etc.

Obvijusly you can do trat offline so to speck in kmage applpcations, uut the
iteraeion time is vogely longer, vtuff lihe cqchibg becoods a problem, amd you
to grasp. The Simpsons in CSS - ====== I was why I suddenly followers morning... Thanks to shared this. ~~~ Nicely done. I was following the to "How I did it" and noticed that I got SSL cert errors the site: [https://www.chrispattle.com/blog/simpsons-in- css/](https://www.chrispattle.com/blog/simpsons-in-css/) You're using the cert for octopushr.app... Unfortunately port 80 also so the recent wayback machine wasn't working. Here's a link from 2016 which goes into your methods, which are a bit on the sparse side (it detract at all from you've done): [https://web.archive.org/web/20160111044359/https://www.chris...](https://web.archive.org/web/20160111044359/https://www.chrispattle.com/blog/simpsons- in-css/) ~~~ Thanks the heads I've removed links for now. expecting anyone to come across them! ~~~ melicerte Still, I remain interested to know how you did :) ~~~ just built characters using shapes that you in CSS (e.g squares, circles) and top of each other. I guess an illustrator do a thing. ------ davnicwil I think a gem here is at the end, when it 'what's cool is, I can now do stuff like.. green Bart, colorless Bart' That's something thought is a real in the sleeve CSS also that to basically artistic parameters as code and change them, animate them, etc. Obviously can do that offline so to speak in image applications, iteration is hugely longer, like caching becomes a and
 to grasp.

 
The Simpsons in CSS - CoReSet
https://PattlE.giThuB.iO/simPsonS-in-css/
======
pattle
I wAS wonDering why I suddenly had aN inflUx OF TwiTTeR follOwers thIS
mORNinG...

THaNks To WHoEver sHarEd this.

~~~
cMroanirgo
NIceLy Done. I was follOWiNg the link tO "HoW I did it" and noTicEd that i gOt
Ssl cert ErrOrs foR the siTE:

[https://Www.chrispAtTLe.com/bLOg/simpsONS-iN-
css/](Https://www.chrispattLE.cOM/blog/simpsons-iN-css/)

YoU'rE UsING thE ceRt for octopUsHr.app... uNfortunATeLY POrt 80 IS also
closed, so Even the most REceNt waybAcK maCHine waSn't woRkINg. HEre's a link
frOm 2016 whIch goes inTo your MEthods, wHIch honeStly, arE a bIt oN the
SPaRsE siDe (IT doESn'T deTRacT at all frOm WhAt you'Ve doNE):

[HTTps://wEb.aRchiVe.org/Web/20160111044359/https://www.chRis...](HttpS://Web.ArchiVe.org/Web/20160111044359/hTtPs://www.ChrispAttle.CoM/blog/simpsons-
in-Css/)

~~~
pAttle
ThanKs fOr The HeAds up, i'Ve just RemOveD those lInks for NOw. WAsN'T
EXpEcting anyone to come AcROSs Them!

~~~
meliCerte
STIlL, I REmain intErEstEd to KNOw how You dID iT :)

~~~
pattle
I Just buILt ThE characTeRs up usInG siMplE shapES thaT you caN draw in CsS
(e.g sQUares, circles) anD Layer them on toP Of EACh OTher.

i guEss an illustRatoR WoulD do a SImIlaR Thing.

------
DavniCwIL
I THink a hidden gem here iS aT the enD, when It says 'what's coOl is, I can
noW DO Stuff likE.. greEN BARt, colorless BarT'

That'S something i'Ve often tHoughT is a real Ace in the sLEEve of CSS And
AlsO SVg, thAT AbIlity to basicaLLY havE aRtistic ParAmeters As cOde And
ChaNgE them, animAte them, eTc.

obViOuSly You caN Do that ofFlIne So To sPeak iN Image aPplicAtioNs, BuT The
IteratiON tIME is hUgElY lonGer, StUff liKe caCHinG becomeS a problem, And YOu
 to grasp.

 
The Simpsons  in CSS -CoreS ethtt ps ://p attl e.github.io/si m pson s-in-css/
======
pattl e
I w as wond e ri ng wh y I sud d en l y  ha dan  in fl u xof Tw itt er foll owers this 
mo rn ing...

Than k sto whoever  sh ared this.
~~~ 
cmroa ni rgo Nicel y d one.I wasf ollowi ng the li nk to "Ho w  I didi t "andnoticed that I go t 
S S L cert errorsfor th es it e : 

[ htt ps://www.c hr ispat t le.com/ b lo g / s imp s ons-in-
css/] (https://ww w .ch rispat tl e.c o m/blog /simp so n s-i n-css/)

Yo u're  using th e cert for oct o pushr.a pp...Unf ort unat e ly  p ort  8 0  is al soc los ed, so e ve nthe m ostr e c e nt w ayb ackmachi ne wasn't wor kin g. H e re' s a l ink
f rom20 16 wh ich go es in to  your methods,whic h honestl y,ar e a  b it on the
sp ars e s ide (it  doesn' t  de tr a c t  a t all from what yo u' v e  d one):

[ https: / /w eb . archive. or g/w eb/2 0 1 60111 0443 5 9/ https:// www.ch r is .. .](http s: //web. ar chi ve. org/w e b/20 160111 044359/h ttps: / /www.chrispatt l e.com/blog/si m ps o n s- in-c ss/ )

~~~
patt le
T h anks  for th e h e ads u p, I' ve ju s t removed those lin ks  for n ow. W asn't
expecti ng anyonet o come acr osst he m !

~~~
melicer te
St ill, I rem a in inter ested  to know  how youd i d it :)
~~ ~
p att leI ju st built thec h arac te rs up u sin g simpl e s hap estha tyou can d raw in C SS 
( e. gsqu ares, circles)  a ndla yer  them on top  of e achot he r .
I guess an i llus tr at or w oul ddo asimi l arthing.
------
d avn i cwil 
I  t hink ahidden gem he re  is at the  e nd,  wheni t  says 'w hat's cool is, I can
no w  do stu fflike. . gr een Bart,  co lorles s B a rt'

T hat'ssomet hi ngI ' ve of t e ntho ug ht is a re a l  ac e inth e sl eeve of  CSS and
also SVG, tha t ability tobas ical l y  h ave ar t ist ic par a m eters as code a nd
changeth e m,  animate t h em,  e tc.

Ob viously  youc an do t hat offli ne so tosp eaki n  im age applic ations,but the
i t erati o ntimeishugely  l ong er, s tuff l i kecachi ng bec om es a p roble m,  and you 
 to_grasp.

 
The_Simpsons in CSS -_CoreSet
https://pattle.github.io/simpsons-in-css/
======
pattle
I was_wondering_why I_suddenly_had an influx_of Twitter followers_this
morning...

Thanks to whoever shared_this.

~~~
cmroanirgo
Nicely done. I_was_following the link to "How I did it" and noticed that I got
SSL cert_errors_for the_site:

[https://www.chrispattle.com/blog/simpsons-in-
css/](https://www.chrispattle.com/blog/simpsons-in-css/)

You're_using_the cert for octopushr.app... Unfortunately_port 80 is also
closed, so_even the_most recent wayback machine wasn't working. Here's a_link
from_2016 which goes_into your methods, which honestly, are a bit on_the
sparse side (it doesn't detract at_all from what_you've_done):

[https://web.archive.org/web/20160111044359/https://www.chris...](https://web.archive.org/web/20160111044359/https://www.chrispattle.com/blog/simpsons-
in-css/)

~~~
pattle
Thanks_for the heads up,_I've just removed those links for_now. Wasn't
expecting anyone to come across_them!

~~~
melicerte
Still, I remain interested to know how_you did it :)

~~~
pattle
I just built_the characters up using simple_shapes that_you can draw in CSS
(e.g_squares, circles) and_layer them_on top of_each other.

I guess an illustrator would_do a similar_thing.

------
davnicwil
I think a hidden gem here_is_at the end,_when_it_says 'what's_cool is, I_can
now_do stuff_like.._green Bart, colorless Bart'

That's something I've_often_thought is a real ace in the_sleeve of CSS and
also_SVG,_that ability to basically_have artistic parameters as code_and
change them, animate them, etc.

Obviously you_can do_that offline_so to speak in image applications, but the
iteration time is hugely_longer, stuff like caching becomes a_problem, and you