Show FPS for Steam Games
There's nothing more frustrating to a top gamer (outside of bugs in a game) than dropped frames in a video game. If you're playing a competitive multiplayer game like PUBG or Fortnite, where up to 100 people are simultaneously competing, dropped frames can be the difference between ecstasy or a bullet between the eyes.
While poor frame rate is usually a reflection of underperforming hardware/software, bad code, or server lag, the first step in identifying poor frame rate is directing Steam to display the frame rate during the game. Let me show you how to direct Steam to output the frame rate of a game!
Start by going to Settings > In-Game:
A dropdown under the In-game FPS Counter allows you to position the FPS counter anywhere on the screen; you can even allow high contrast color display of the FPS. When you open the game, you'll see the FPS displayed in the position you selected.
While there's not much you can do to improve FPS outside of improving your CPU and GPU, it's good to see the FPS at a given time and determine if more can be done to make a game perform!
![CSS @supports]()
Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS. What we end up doing is repeating the same properties multiple times with each browser prefix. Yuck. Another thing we...
![Introducing MooTools Templated]()
One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating:
new Element Madness
The first way to create UI-driven...
![WordPress-Style Comment Controls Using MooTools or jQuery]()
WordPress has a nice little effect on the Admin Dashboard where it shows and hides the comment control links when you mouseover and mouseout of the record's container. Here's how to achieve that effect using MooTools or jQuery.
The XHTML
Notice that we place the links into...
![Unicode CSS Classes]()
CSS class name structure and consistency is really important; some developers camelcase classnames, others use dashes, and others use underscores. One thing I've learned when toying around by HTML and CSS class names is that you can actually use unicode symbols and icons as classnames.
