Something went wrong. Try again later

cliffordbanes

This user has not updated recently.

127 388 12 1
Forum Posts Wiki Points Following Followers

The Games Are Coming: Batten Down The Hatches: Start Blocking Content With Keywords On The New Site: Part 4

With the new redesigned Giant Bomb website and plenty of new games coming this fall here is how to hide stuff that contains text you don't want to see on the front page.

  • Step 1 Get ublock or something like that
  • Step 2 Put these lines in the 'my filters' tab
  • Step 3 Replace Video Game with a keyword you want to block. It's not case sensitive.

www.giantbomb.com##li.carousel-strip__slot:if(div > div > div > a > div > p:has-text(/Video Game/i))

www.giantbomb.com##div.episode-content-section:if(div > div > div > div > div > p > a:has-text(/Video Game/i))

www.giantbomb.com##div.content-item--card-item:if(a > div > p:has-text(/Video Game/i))

www.giantbomb.com##div.content-item--card-item:if(a > div > p > span:has-text(/Video Game/i))

www.giantbomb.com##section.frontdoor-promos-section > div > section > dl:if(dt > p:has-text(/Video Game/i))

www.giantbomb.com##section.topslot-default:if(div > div > div > h1:has-text(/Video Game/i))

www.giantbomb.com##div.pod > div > div > div > ul > li:if(div > div > div > a > div > p:has-text(/Video Game/i))

www.giantbomb.com##section.frontdoor-community-section > div > div > ul > li:if(div > p:has-text(/Video Game/i))

www.giantbomb.com##section.frontdoor-community-showcase > div > div > div:if(p > a:has-text(/Video Game/i))

www.giantbomb.com##div#forum-content > div > div > div:if(div > div > a:has-text(/Video Game/i))

I suggest using copying the above block and using search and replace in a text editor for each keyword.

I might have missed content that's not being blocked. Remember this does not replace common sense. If you want to avoid spoilers: avoid video game websites.

Start the Conversation

Blocking part 3: Creating your own blocking filter

If you have another site on the internet where you wanna block certain topics you can write your own filters. In order to do this we'll use the Inspector tool built into Chrome or Firefox. The inspector tool has a visual feature that will show a box highlighting the element in the browser when you select something inside the inspector tool.

No Caption Provided

Find the address to the website aka kotaku.com. Copy it and add ## after it.

Your filter will look like this: kotaku.com##

No Caption Provided

Right click on the article or link you want to block and left click on inspect in the context menu.

No Caption Provided

Each <thing></thing> is an element. In order to block the element aka the square box aka the article aka the link we need to find two things: the box and the text inside the box.

What we right clicked on was an image but we are looking for the actual element that contains the news article so we'll have to scroll up. Keep selecting elements higher up until you are no longer have the GTA box highlighted in the web browser view.

No Caption Provided

After scrolling and selecting a bunch of elements we finally found the one that's just below the one that selects all 3 articles. You can see the name of it in the web browser view above the highlighted box. It's called div.curation-module__zone.grid__zone.box. We'll add that to our filter. It's the element or box that will be hidden or blocked.

Our filter now looks like this:

kotaku.com##div.curation-module__zone.grid__zone.box

No Caption Provided

Now we have to find some text that identifies this box or element. We're going to look for "GTA". One way to do this is to right click on the GTA text in the web browser and select inspect again. You can collapse, show and hide elements by clicking on the gray arrows next to them.

Now we have found the element with the text that we are going to look for and block. It's usually text inside an <a> element which means it's a link.

No Caption Provided

This step gets a little more complicated. First we'll add :if( to the filter to tell ublock that if it finds the text we are looking it should block it.

kotaku.com##div.curation-module__zone.grid__zone.box:if(

Then we'll add the path to the element which consists of all the child elements. Imagine each <div> element as a slightly smaller Russian nesting doll. Each indent means we'll have to add another > . If you need some more help you can google html tutorials which more information and better explanations.

Now our filter looks like this:

kotaku.com##div.curation-module__zone.grid__zone.box:if(div > div > div > div > div > h6 > a

Finally we add the part that checks if it has the text we want to block:

:has-text(GTA))

Our final filter looks like this:

kotaku.com##div.curation-module__zone.grid__zone.box:if(div > div > div > div > div > h6 > a:has-text(GTA)).

No Caption Provided

Click on 'apply changes' in the 'my filter' tab in ublock origins. Reload the website to make the filter take effect.

Happy blocking!

Start the Conversation

Blocking Part 2: blocking spoilers on Youtube, Twitter and Kotaku

1. Get ublock origin or something like that.

2. Replace the Game Title part with something you don't want to read about like Dota. I suggest using copy and pasting the block of text below into notepad and using 'find and replace'.

3. Put this stuff in 'my filters'

youtube.com##ytd-grid-video-renderer.style-scope.ytd-grid-renderer:if(div > div > div > h3 > a:has-text(/Game Title/i))

youtube.com##ytd-video-renderer.style-scope.ytd-item-section-renderer:if(div:has-text(/Game Title/i))

twitter.com##div:if(div:has-text(/Game Title/i))

www.theverge.com##ol.c-rock-list__items > li:if(a:has-text(/Game Title/i))

www.theverge.com##div.c-seven-up__main > div:if(a:has-text(/Game Title/i))

www.polygon.com##div.c-entry-box--compact:if(a:has-text(/Game Title/i))

www.polygon.com##ol.c-rock-list__items > li:if(a:has-text(/Game Title/i))

www.polygon.com##div.c-related-list > ul > li:if(a:has-text(/Game Title/i))

kotaku.com##div.curation-module__zone.grid__zone:if(div > div > div > div > div > h6 > a:has-text(/Game Title/i))

kotaku.com##a.reel__feature:if(span:has-text(/Game Title/i))

kotaku.com##div.post-wrapper:if(article > header > h1 > a:has-text(/Game Title/i))

kotaku.com##div.sidebar-item:if(a > span > h4:has-text(/Game Title/i))

Enjoy blocking all the words.

Start the Conversation

Blocking keywords Giant Bomb(blocking spoilers)

Here is how to hide stuff that contains text you don't want to see on the Giant bomb front page.

  • Step 1 Get ublock or something like that
  • Step 2 Put these lines in the 'my filters' tab
  • Step 3 Replace God of War with something else. It's case sensitive.

www.giantbomb.com###kubrick-lead > .container:if(div:has-text(God of War))

www.giantbomb.com###default-body > #site-main > #mantle_skin > #wrapper > .promo-strip > .promo-strip-width > ul > li:if(div > a > div > h3:has-text(God of War))

www.giantbomb.com###default-body > #site-main > #mantle_skin > #wrapper > #site > #default-content > .primary-content > #river > ul > li:if(a > h3:has-text(God of War))

www.giantbomb.com###default-body > #site-main > #mantle_skin > #wrapper > #site > #default-content > .primary-content > #river > ul > li:if(a > p:has-text(God of War))

www.giantbomb.com###default-body > #site-main > #mantle_skin > #wrapper > #site > #default-content > .container > ul > li:if(a:has-text(God of War))

www.giantbomb.com##.secondary-content.span4 > dl.spotlight-release:if(dd > a:has-text(God of War))

www.giantbomb.com##.secondary-content.span4 > .promo-twitter-feed > ul > li:if(p:has-text(God of War))

www.giantbomb.com###forums > table > tbody > tr:if(td:has-text(God of War))

www.giantbomb.com##.dropnav > dl > dd:if(a:has-text(God of War))

www.giantbomb.com##.premium-listing listing-pod > ul > li:if(div:has-text(God of War))

www.giantbomb.com##.secondary-content > .pod > .pod-recirc__content > article:if(div > div > h3:has-text(God of War))

Optional step copy and paste the lines above into a text editor and use 'replace all' to save time.

Please note that it will block links to stuff like podcasts or upf:s where several games are played or discussed.

Start the Conversation

Talks about 4K codecs, HEVC / h.265, AV1 and HDR mastering

Two months ago a yearly conference about video codecs and video technology took place, it was called Demuxed. They talked about AV1, one of the new video codecs that will compress video better. The other big new codec is HEVC(or h.256).

HEVC aka h.265, the sequel to h.264

When: Now-ish.

Software decode support: Windows 10, macOS High Sierra, iOS 11, Android 5.0.

Hardware decode support: Intel Kaby Lake and later, Nvidia GTX 900 series and later, AMD R9 fury and later, iOS devices with A9 chip and later. Many newer TVs will support it if you put a file on a USB stick.

The Playstation 4 does not seem to support HEVC files. The Xbox One has support for HEVC files. The Nvidia X1 Tegra hardware which the Nintendo Switch uses has hardware support but Nintendo does not seem to have released any software for it.

What: 40% less bandwidth compared to the current standard h.264.

Who: Apple, Samsung, Siemens, Dolby, Sharp, Microsoft, HP and many more.

AV1 aka the sequel to VP9

When: Finalized spec at the end of 2017. Official final software decode support in early 2018. Hardware decode support in "mid-to-late 2019" according to this streaming media article.

What: Currently 25% less bandwidth compared to HEVC(not h.264). Their target is 35% less bandwidth than HEVC.

Who: Google, Youtube, Netflix, Amazon, Microsoft, Mozilla, Cisco are some of the largest actors.

Netflix comparison of video codecs

Netflix talk about their comparison tests of h.264, HEVC(h.265) and VP9. Netflix talk starts at 1:00:43.

Benchmarks starts at 1:15:16. Human perception benchmark starts at 1:17:32.

AV1 Update

22:00 for the benchmarks.

Apple talks about HEVC for a minute during their 2017 WWDC Keynote

Starts at 29:04.

HEVC Patent pools

Three patent pools:

MPEG LA

HEVC Advance

Velos media

Technicolor left HEVC Advance and licenses directly.

A talk about the different HDR standards and whats different about them. How complex they are to encode and whether they are suitable for live streaming or not. I didn't know that there were two flavors of Dolby Vision.

There were also some talks from Twitch and Youtube which were interesting to watch.

Streaming video in 4K makes more sense if it uses 60% less bandwidth.

4 Comments

How to hide or ignore the posts of a Giantbomb user with uBlock Origin

Want to hide posts or comments by a particular user? Here is how you can do it on a computer with the uBlock Origin addon. I'm pretty sure it also works with Firefox on Android.

What you will need is the addon / extension: uBlock Origin.

Go to the uBlock Origins settings and click on the 'My filters' tab and add the following line in the box

www.giantbomb.com##:xpath(//*[contains(concat(" ", normalize-space(@class), " "), " js-message ")]/div[@data-user-slug='put_user_name_here']/..)

Replace put_user_name_here with the username of the user you want to hide or ignore then click on the Apply Changes button.

Before

No Caption Provided

After

No Caption Provided

Post #34 by cliffordbanes is hidden after adding the line to My filters and refreshing the page.

Start the Conversation