Friday, January 6, 2017

Damnit! Put Comments in your Code!

Initially, this article peeved me when the list of albums that turn 20 was included in a list I could read. Then, when I went to the source code and saw the crappy way the page was constructed, I nearly lost my shit.

The source of my anger is the HTML code that created These Metal Albums are Turning Ten or Twenty Years Old in 2017 on metalsucks.net. Until today, I never had looked at the HTML code for any of their other articles.

I'm glad. I looked at the HTML source for the graphics on the page and saw this:

Turning Twenty Years Old in 2017

[img class="alignnone size-large" src="http://image.iheart.com/WMG2/Thumb_Content/Full_PC/WMG/Sept/cat1/075596212663/075596212625.jpg" alt="" width="1448" height="1448" /][img class="aligncenter size-large" src="http://dhgkpqsiufwl2.cloudfront.net/media/ArticleSharedImage/imageFull/.fF8H1mYV/ArticleSharedImage-64695.jpg" alt="" width="2400" height="2400" /][img class="aligncenter size-large" src="https://cvrvrsns.files.wordpress.com/2015/03/fur.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://images.genius.com/f02ebd5b2d8a61ce47ffb5118493234f.1000x1000x1.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://invisiblesandwichtm.files.wordpress.com/2013/05/syl-city.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://vol1.music-bazaar.com/album-images/vol1/60/60569/222984-big/Three-Dollar-Bill-Y-All-cover.jpg" alt="" width="953" height="953" /][img class="aligncenter size-large" src="http://www.tunescope.com/wp-content/uploads/2015/09/Sevendust-Sevendust-Cover.jpg" alt="" width="950" height="950" /][img class="aligncenter size-large" src="https://moshpitsandmovies.files.wordpress.com/2015/03/coal-chamber-50d18ac1c8fe2.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://media.jukebo.com/a2594/articles/ib35839.jpg" alt="" width="1425" height="1425" /][img class="aligncenter size-large" src="https://demonszone.com/wp-content/uploads/2014/12/Megadeth-Cryptic-Writings.jpg" alt="" width="1300" height="1300" /][img class="aligncenter size-large" src="http://www.simplysyndicated.com/wp-content/uploads/2012/12/ocean-machine-cover.jpg" alt="" width="936" height="936" /][img class="aligncenter size-large" src="https://fancitofromhell.files.wordpress.com/2013/09/front1.jpg" alt="" width="2882" height="2882" /][img class="aligncenter size-large" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh99iUN1-WEsdQTg33XVwTWOzBoAHLV7UmDxyqhY5XVQZhgG-cjAGM1m8fB70JX9iaQO1AW43oDtfw7bxUCfekVKLQ3egVhyphenhyphenrfYX0yJdENi1J3erD5jYywnNxVEC79DV-SOfEi0lHHyiMkW/s1600/Glory+To+the+Brave.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://www.metalsucks.net/wp-content/uploads/2014/05/Motley-Crue-Generation-Swine.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://resources.wimpmusic.com/images/8289e227/ca19/4075/b017/d760aa85c450/1280x1280.jpg" alt="" width="1280" height="1280" /][img class="aligncenter size-large" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSCJ71gflHzm86RQ6m-yc8rPOyHyLhNdjmpY1fQj53puRmX700NqO1XvOu1mKET7HvKcU5h42fCU3VXwljO8__XaRJLeUUIdTmF-95ZADhLayN2RcFVYA4OzHFtNBXnsMtJUWXdrM4Vn9Y/s1600/Snot-Get_Some-Frontal.jpg" alt="" width="953" height="953" /][img class="aligncenter size-large" src="https://images-na.ssl-images-amazon.com/images/I/71dxp9glZ6L._SL1127_.jpg" alt="" width="1127" height="996" /][img class="aligncenter size-large" src="http://www.progarchives.com/progressive_rock_discography_covers/378/cover_254861652016_r.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://playitonarainyday.files.wordpress.com/2015/01/come-my-fanatics.jpg" alt="" width="1375" height="1353" /][img class="aligncenter size-large" src="https://manofmuchmetal.files.wordpress.com/2016/04/1000x1000.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://usercontent2.hubstatic.com/12887779.jpg" alt="" width="953" height="953" /][img class="aligncenter size-large" src="https://images-na.ssl-images-amazon.com/images/I/71soQKj68bL._SL1074_.jpg" alt="" width="1064" height="1074" /][img class="aligncenter size-large" src="https://f4.bcbits.com/img/a1207700978_10.jpg" alt="" width="1200" height="1200" /][img class="aligncenter size-large" src="http://www.asburyrecords.com/public/cover/11373_1.jpg" alt="" width="949" height="934" /][/h3]

Turning Ten Years Old in 2017

[img class="aligncenter size-large" src="https://fanart.tv/fanart/music/22a1f4d7-81ff-4216-ac06-3387da6bc118/albumcover/the-blackening-561590ded70d2.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://images.genius.com/565bc5664b35e611e47e9cd49b0f941c.1000x1000x1.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://f4.bcbits.com/img/a1841054920_10.jpg" alt="" width="1200" height="1200" /][img class="alignnone size-large" src="http://www.nuclearblast.de/static/articles/143/143486.jpg/1000x1000.jpg" alt="" width="998" height="1000" /][img class="aligncenter size-large" src="https://fanart.tv/fanart/music/5bac9b4f-2f1c-4d39-8d11-231d5b6650ce/albumcover/messengers-51a86c8363e43.jpg" alt="" width="1000" height="1000" /][img class="alignnone size-large" src="http://symmetal.com/wp-content/uploads/2011/11/behemoth-the-apostasy-cover.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://www.nuclearblast.de/static/articles/145/145249.jpg/1000x1000.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://fanart.tv/fanart/music/d1322057-e047-45ee-a573-769b37a395dc/albumcover/prey-for-eyes-4e39a25636aaa.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://f4.bcbits.com/img/a3261759586_10.jpg" alt="" width="1200" height="1200" /][img class="aligncenter size-large" src="https://f4.bcbits.com/img/a0209960153_10.jpg" alt="" width="1200" height="1200" /][img class="aligncenter size-large" src="http://images.genius.com/faf8780ad142b27e29702486dccd0e6b.1000x1000x1.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://img13.deviantart.net/27d7/i/2012/264/a/d/dethklok___the_dethalbum_by_soulnex-d5ffebe.jpg" alt="" width="900" height="900" /][img class="aligncenter size-large" src="https://f4.bcbits.com/img/a2447138546_10.jpg" alt="" width="1075" height="1080" /][img class="aligncenter size-large" src="http://www.metalmusicarchives.com/images/covers/born-of-osiris-the-new-reign(ep)-20151012165158.jpg" alt="" width="1425" height="1425" /][img class="alignnone size-large" src="https://f4.bcbits.com/img/a3862039914_10.jpg" alt="" width="1200" height="1200" /][img class="aligncenter size-large" src="http://www.undergroundrecords.com.au/wp-content/uploads/dillinger-escape-plan-the-ire-works.jpg" alt="" width="2835" height="2835" /][img class="aligncenter size-large" src="http://www.nuclearblast.de/static/articles/142/142425.jpg/1000x1000.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://www.music-bazaar.com/album-images/vol12/550/550502/2388636-big/Dead-Again-cover.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://img2-ak.lst.fm/i/u/ar0/bf9207536d19406a962bbc13f0441ec7" alt="" width="1419" height="1419" /][img class="aligncenter size-large" src="https://images-na.ssl-images-amazon.com/images/I/71QnadOexmL._SL1440_.jpg" alt="" width="1440" height="1440" /][img class="aligncenter size-large" src="https://demonszone.com/wp-content/uploads/2014/12/Megadeth-United-Abominations.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://ilarge.lisimg.com/image/4574075/1000full-down-iii%3A-over-the-under-cover.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="https://mikeisaac.files.wordpress.com/2010/09/high_on_fire_deathisthiscommunion_cover.jpg" alt="" width="900" height="900" /][img class="aligncenter size-large" src="https://images.rapgenius.com/b025aa3baa3e3bd4789759b44a6b58a0.1000x1000x1.jpg" alt="" width="1000" height="1000" /][img class="aligncenter size-large" src="http://chimaira.com//wp-content/uploads/2013/08/Resurection1.jpg" alt="" width="1000" height="1000" /][img class="alignnone size-large" src="https://s3.amazonaws.com/mno.products/33548/image_238.jpg" alt="" width="1424" height="1424" /][br /]
[img class="aligncenter size-large" src="https://i.ytimg.com/vi/P7M2mJEnKvs/gmaxresdefault.jp" alt="" width="1000" height="1000" /][/h3]

If I were coding that page, I would be adding a comment in the HTML code with the name of the band and the name of the artist. I sorted the code to present the following list of the jpg files that are linked to within this article. Some of the image names are self-explanatory, such as "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSCJ71gflHzm86RQ6m-yc8rPOyHyLhNdjmpY1fQj53puRmX700NqO1XvOu1mKET7HvKcU5h42fCU3VXwljO8__XaRJLeUUIdTmF-95ZADhLayN2RcFVYA4OzHFtNBXnsMtJUWXdrM4Vn9Y/s1600/Snot-Get_Some-Frontal.jpg" which clearly is for Snot's "Get Some" album.

Fine.

Perfect.

What album is this for: https://i.ytimg.com/vi/P7M2mJEnKvs/maxresdefault.jpg?

Give up? Dream Theater's "Systematic Chaos" release.

My point is that if you add comments to your code, you are doing a "good thing" in my eyes. Here's the complete list of JPGs.

No comments: